<x-admin-panel-layout>
        <x-slot name="title">
            لیست برگه
        </x-slot>
        <x-slot name="main">
            <div class="content-header">
                <div class="container-fluid">
                    <div class="row mb-4">
                        <div class="col-sm-6">
                            <h3 class="m-0 text-dark">لیست برگه ها</h3>
                        </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>
                </div>
            </div>
    <form action="{{ route("admin_group_action") }}" method="post">
        @csrf
        <div class="admin-order-select-box mt-3">
            <div class="admin-order-by-box">

                <label>مرتب سازی بر اساس : </label>


                <a href="{{ route("admin_list_page" ,["orderBy"=>"desc"]) }}"
                   class="btn btn-sm btn-outline-dark @if(!isset($_GET["orderBy"]) || request("orderBy")=="desc" ) btn-dark text-white @endif">تاریخ
                    انتشار نزولی</a>
                <a href="{{ route("admin_list_page" ,["orderBy"=>"asc"]) }}"
                   class="btn btn-sm btn-outline-dark @if(request("orderBy")=="asc" ) btn-dark text-white @endif">تاریخ
                    انتشار صعودی</a>
                <a href="{{ route("admin_list_page" ,["orderBy"=>"name"]) }}"
                   class="btn btn-sm btn-outline-dark @if(request("orderBy")=="name") btn-dark text-white @endif">نام</a>


            </div>


            <div class="admin-select-all-checkbox">

                <label>کارهای دسته جمعی : </label>
                <input type="hidden" value="page" name="type">
                <select name="action">
                    <option value="delete" selected="">حذف</option>
                </select>
                <button class="btn btn-outline-success btn-sm mr-3">انجام عملیات</button>
            </div>
        </div>
        <table class="admin-table">
            <tr>
                <th><label>انتخاب همه موارد</label>
                    <input type="checkbox" class="admin-select-all-checkbox-btn ml-3"></th>
                <th>نام برگه</th>
                <th>نامک</th>
                <th>تاریخ انتشار</th>
            </tr>
            @foreach($pages as $page)

                <tr>
                    <td><input type="checkbox" name="checkbox_item[]" value="{{ $page->id }}"></td>
                    <td><a href="{{ route("admin_edit_page",["id"=>$page->id]) }}">{{ $page->title }}</a>
                        <div class="admin-table-actions"><a
                                    href="{{ route("admin_edit_page",["id"=>$page->id]) }}"><span>ویرایش</span></a>
                            <a class="admin-table-actions-delete"
                               href="{{ route("admin_delete_page",["id"=>$page->id]) }}"><span>حذف</span></a> <a
                                    href="{{ $page->url }}"><span>نمایش در سایت</span></a>
                        </div>
                    </td>
                    <td>{{ $page->slug }}</td>
                    <td>{{ $page->created_at }}</td>
                </tr>        @endforeach
            <tr>
                <th><label>انتخاب همه موارد</label>
                    <input type="checkbox" class="admin-select-all-checkbox-btn ml-3"></th>
                <th>نام برگه</th>
                <th>نامک</th>
                <th>تاریخ انتشار</th>
            </tr>
        </table>
        <div class="admin-order-select-box mt-3">
            <div class="admin-order-by-box">

                <label>مرتب سازی بر اساس : </label>


                <a href="{{ route("admin_list_page" ,["orderBy"=>"desc"]) }}"
                   class="btn btn-sm btn-outline-dark @if(!isset($_GET["orderBy"]) || request("orderBy")=="desc" ) btn-dark text-white @endif">تاریخ
                    انتشار نزولی</a>
                <a href="{{ route("admin_list_page" ,["orderBy"=>"asc"]) }}"
                   class="btn btn-sm btn-outline-dark @if(request("orderBy")=="asc" ) btn-dark text-white @endif">تاریخ
                    انتشار صعودی</a>
                <a href="{{ route("admin_list_page" ,["orderBy"=>"name"]) }}"
                   class="btn btn-sm btn-outline-dark @if(request("orderBy")=="name") btn-dark text-white @endif">نام</a>

            </div>


            <div class="admin-select-all-checkbox">

                <label>کارهای دسته جمعی : </label>
                <input type="hidden" value="page" name="type">
                <select name="action">
                    <option value="delete" selected="">حذف</option>
                </select>
                <button class="btn btn-outline-success btn-sm mr-3">انجام عملیات</button>
            </div>
        </div>
    </form>
    <div class="admin-paginator">
        {{ $pages->links() }}
    </div>
    <div class="admin-delete-modal">
        <form action="" method="post">
            @csrf
            @method("delete")
            <p>شما می خواهید اینرا پاک کنید؟
                این کار غیر قابل برگشت است</p>
            <span class="admin-modal-close btn btn-primary">انصراف</span>
            <button class="btn btn-danger">حذف</button>
        </form>
    </div>
        </x-slot>
</x-admin-panel-layout>
