<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 active">لیست مناطق</li>
                        </ol>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <section class="content mt-sm-3">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">مناطق</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body p-0">
                    <div class="alert alert-success col-md-11 mx-auto mt-2 d-none" role="alert" id="alertDelUser">
                        منطقه با موفقیت حذف گردید
                    </div>


                    <div class="tableSection bg-light smSmall p-0 pr-sm-4 pl-sm-4 pt-sm-4 pb-0 table-responsive">
                        <table class="table table-striped text-center ">
                            <thead>
                            <tr>
                                <th scope="col">ID</th>
                                <th scope="col">نام منطقه</th>
                                <th scope="col">URL</th>
                                <th scope="col">استان مربوطه</th>
                                <th scope="col">الویت نمایش</th>
                                <th scope="col">عملیات</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($Regions as $region)
                                <tr id="tr{{$region->id}}">
                                    <th scope="row">{{$region->id}}</th>
                                    <td>{{$region->name}}</td>
                                    <td>{{$region->slug}}</td>
                                    <td>{{$region->city->name}}</td>
                                    <td>{{$region->priority ?? "وارد نشده"}}</td>
                                    <td class="d-flex justify-content-around">
{{--                                        <a class="btn btn-sm btn-danger" onclick="deleteItem(event,'{{route('region.destroy',$region->id)}}',{{$region->id}})" title="حذف"><i class="fa fa-trash text-light"></i></a>--}}
                                        <a class="btn btn-sm btn-primary" href="{{route('region.edit',$region->id)}}" title="ویرایش">
                                            <i class="fa fa-pencil-square-o text-light"></i>
                                        </a>
                                        <a class="btn btn-sm" onclick="statusItem(event,'{{route('region.status',$region->id)}}',{{$region->id}})" title="تغیر وضعیت">
                                            <i class="fa fa-toggle-on {{$region->status == \Mehrab\City\Models\City::ACTIVE ? 'text-info' : 'text-danger'}}" id="status{{$region->id}}" style="font-size: 1rem" aria-hidden="true"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                    {{ $Regions->appends(request()->query())->links() }}
                </div>
                <!-- /.card-body -->
            </div>
        </section>
    </x-slot>
    @if(session()->get('status') == 'created')
        <x-slot name="linkScript">
            <script>
                Swal.fire({
                    icon: 'success',
                    text: 'ایجاد استان با موفقیت انجام شد',
                })
            </script>
        </x-slot>
    @endif
    @if(session()->get('status') == 'updated')
        <x-slot name="linkScript">
            <script>
                Swal.fire({
                    icon: 'success',
                    text: 'ویرایش استان با موفقیت انجام شد',
                })
            </script>
        </x-slot>
    @endif
</x-admin-panel-layout>
