<x-admin-panel-layout>
    <x-slot name="title">
        تعریف مناطق جدید
    </x-slot>
    <x-slot name="main">
        <!-- Checked checkbox -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 text-dark">ایجاد مناطق جدید</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-left">
                            <li class="breadcrumb-item"><a href="{{ route("admin.dashboard") }}">داشبورد</a></li>
                            <li class="breadcrumb-item"><a href="{{ route("region.index") }}">لیست مناطق</a></li>
                            <li class="breadcrumb-item active">ایجاد منطقه</li>
                        </ol>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <section class="content mt-sm-3">
            <div class="card p-0 card-primary col-md-8 mx-auto">
                <div class="card-header">
                    <h3 class="card-title">ایجاد منطقه</h3>
                </div>
                @if(session()->exists('status'))
                    <div class="alert alert-success col-md-11 mx-auto mt-2" role="alert" id="alertAddCategory">
                        منطقه جدید موفقیت ایجاد گردید
                    </div>
            @endif

            <!-- /.card-header -->
                <!-- form start -->
                <form class="mt-3 p-2" action="{{route('region.store')}}" method="post">
                    @csrf
                    <div class="form-group">
                        <label for="exampleFormControlSelect1"> استان مربوطه :</label>
                        <select name="city" class="form-control" id="exampleFormControlSelect1">
                            <option>-</option>
                            @foreach($cities as $city)
                                <option value="{{$city->id}}">{{$city->name}}</option>
                            @endforeach
                        </select>
                        @error('city')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <input type="text" name='name' class="form-control" id="name"
                               placeholder="نام منطقه" value="{{old('name')}}" required>
                        @error('name')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <input type="text" name='slug' class="form-control" id="slug"
                               placeholder="URL" value="{{old('slug')}}" required>
                        @error('slug')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                    </div>

                    <div class="form-group">
                        <input type="number" name='priority' class="form-control" id="priority"
                               placeholder="الویت نمایش بصورت عدد وارد شود(اختیاری)" value="{{old('priority')}}">
                        @error('priority')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                    </div>
                    <button type="submit" class="btn btn-primary btn-block mt-3">ثبت</button>
            </form>
            </div>
        </section>
    </x-slot>
    @if(session()->get('status') == 'created')
        <x-slot name="linkScript">
            <script>
                Swal.fire({
                    icon: 'success',
                    text: 'ایجاد منطقه با موفقیت انجام شد',
                })
            </script>
        </x-slot>
    @endif
</x-admin-panel-layout>
