@extends('panel.layouts.master')
@section('content')
    @php
        use App\Models\Plan;
        use App\Models\User;
    @endphp
    <div
            class="content transition-[margin,width] duration-100 rtl:xl:pr-3.5 ltr:xl:pl-3.5 pt-[54px] pb-16 relative z-10 group mode content--compact rtl:xl:mr-[275px] ltr:xl:ml-[275px] mode--light rtl:[&.content--compact]:xl:mr-[91px] ltr:[&.content--compact]:xl:ml-[91px]">
        <div class="px-5 mt-16">
            <div class="container">
                <div class="grid grid-cols-12 gap-x-6 gap-y-10">
                    <div class="col-span-12">
                        <div class="flex flex-col gap-y-3 md:h-10 md:flex-row md:items-center">
                            <div class="text-base font-medium group-[.mode--light]:text-white">
                                کاربران دارای برنامه
                            </div>
                        </div>
                        <div class="mt-3.5 flex flex-col gap-8">
                            <div class="box box--stacked flex flex-col p-5">
                                <div class="grid grid-cols-4 gap-5">
                                    <div class="box col-span-4 rounded-[0.6rem] border border-dashed border-slate-300/80 p-5 shadow-sm md:col-span-2 xl:col-span-1">
                                        <div class="text-base text-slate-500">تعداد کل کاربران</div>
                                        @can('admin')
                                            <div class="mt-1.5 text-2xl font-medium">{{ number_format(User::has('plans')->count()) }}</div>
                                        @elsecan('adviser')
                                            <div class="mt-1.5 text-2xl font-medium">{{ number_format($authUser->users()->count()) }}</div>
                                        @endcan
                                    </div>
                                    <div class="box col-span-4 rounded-[0.6rem] border border-dashed border-slate-300/80 p-5 shadow-sm md:col-span-2 xl:col-span-1">
                                        <div class="text-base text-slate-500">تعداد کاربران جستجو شده</div>
                                        <div class="mt-1.5 text-2xl font-medium">{{ number_format($data->total()) }}</div>
                                    </div>
                                    <div class="box col-span-4 rounded-[0.6rem] border border-dashed border-slate-300/80 p-5 shadow-sm md:col-span-2 xl:col-span-1">
                                        <div class="text-base text-slate-500">تعداد کاربران این صفحه</div>
                                        <div class="mt-1.5 text-2xl font-medium">{{ number_format($data->count()) }}</div>
                                    </div>
                                </div>
                            </div>
                            <div class="box box--stacked flex flex-col">
                                <div
                                        class="flex flex-col gap-x-3 gap-y-2 mx-3 my-3 rtl:sm:mr-auto ltr:sm:ml-auto sm:flex-row">
                                    <div data-tw-merge="" data-tw-placement="bottom-start"
                                         class="dropdown relative inline-block">
                                        <button data-tw-merge="" data-tw-toggle="dropdown" aria-expanded="false"
                                                class="transition duration-200 border shadow-sm inline-flex items-center justify-center py-2 px-3 rounded-md font-medium cursor-pointer focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus-visible:outline-none dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&:hover:not(:disabled)]:bg-opacity-90 [&:hover:not(:disabled)]:border-opacity-90 [&:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed border-secondary text-slate-500 dark:border-darkmode-100/40 dark:text-slate-300 [&:hover:not(:disabled)]:bg-secondary/20 [&:hover:not(:disabled)]:dark:bg-darkmode-100/10 w-full sm:w-auto">
                                            <i data-tw-merge="" data-lucide="arrow-down-wide-narrow"
                                               class="rtl:ml-2 ltr:mr-2 h-4 w-4 stroke-[1.3]"></i>
                                            فیلتر
                                            <span
                                                    class="rtl:mr-2 ltr:ml-2 flex h-5 items-center justify-center rounded-full border bg-slate-100 px-1.5 text-xs font-medium">
                                                                                                @can('admin')
                                                    8
                                                @else
                                                    7
                                                @endcan
                                                                                            </span></button>
                                        <div data-transition="" data-selector=".show"
                                             data-enter="transition-all ease-linear duration-150"
                                             data-enter-from="absolute !mt-5 invisible opacity-0 translate-y-1"
                                             data-enter-to="!mt-1 visible opacity-100 translate-y-0"
                                             data-leave="transition-all ease-linear duration-150"
                                             data-leave-from="!mt-1 visible opacity-100 translate-y-0"
                                             data-leave-to="absolute !mt-5 invisible opacity-0 translate-y-1"
                                             class="dropdown-menu absolute z-[9999] hidden">
                                            <div data-tw-merge=""
                                                 class="dropdown-content rounded-md border-transparent bg-white p-2 shadow-[0px_3px_10px_#00000017] dark:border-transparent dark:bg-darkmode-600">
                                                <form action="{{ route('users.list.search') }}" method="post">
                                                    @csrf
                                                    <div class="p-2">
                                                        <div>
                                                            <div class="rtl:text-right ltr:text-left text-slate-500">
                                                                رشته
                                                            </div>
                                                            <select data-tw-merge="" name="field_id"
                                                                    class="disabled:bg-slate-100 disabled:cursor-not-allowed disabled:dark:bg-darkmode-800/50 [&[readonly]]:bg-slate-100 [&[readonly]]:cursor-not-allowed [&[readonly]]:dark:bg-darkmode-800/50 transition duration-200 ease-in-out w-full text-sm border-slate-200 shadow-sm rounded-md py-2 px-3 rtl:pl-8 ltr:pr-8 focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus:border-primary focus:border-opacity-40 dark:bg-darkmode-800 dark:border-transparent dark:focus:ring-slate-700 dark:focus:ring-opacity-50 group-[.form-inline]:flex-1 mt-2 flex-1">
                                                                <option value="" disabled>انتخاب رشته</option>
                                                                <option
                                                                        {{ isset($requestAll) ? (array_key_exists('field_id', $requestAll) ? ($requestAll['field_id'] == 'all' ? 'selected' : '') : '') : '' }}
                                                                        value="all">همه (رشته)
                                                                </option>
                                                                @foreach(\App\Models\Field::pluck('name', 'id') as $key => $item)
                                                                    <option
                                                                            {{ isset($requestAll) ? (array_key_exists('field_id', $requestAll) ? ($requestAll['field_id'] == $key ? 'selected' : '') : '') : '' }}
                                                                            value="{{ $key }}">
                                                                        {{ $item }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        @can('admin')
                                                            <div class="mt-3">
                                                                <div class="rtl:text-right ltr:text-left text-slate-500">
                                                                    مشاور
                                                                </div>
                                                                <select data-tw-merge="" name="adviser_id"
                                                                        class="disabled:bg-slate-100 disabled:cursor-not-allowed disabled:dark:bg-darkmode-800/50 [&[readonly]]:bg-slate-100 [&[readonly]]:cursor-not-allowed [&[readonly]]:dark:bg-darkmode-800/50 transition duration-200 ease-in-out w-full text-sm border-slate-200 shadow-sm rounded-md py-2 px-3 rtl:pl-8 ltr:pr-8 focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus:border-primary focus:border-opacity-40 dark:bg-darkmode-800 dark:border-transparent dark:focus:ring-slate-700 dark:focus:ring-opacity-50 group-[.form-inline]:flex-1 mt-2 flex-1">
                                                                    <option value="" disabled>انتخاب مشاور</option>
                                                                    <option
                                                                            {{ isset($requestAll) ? (array_key_exists('adviser_id', $requestAll) ? ($requestAll['adviser_id'] == 'all' ? 'selected' : '') : '') : '' }}
                                                                            value="all">همه (مشاور)
                                                                    </option>
                                                                    @foreach (App\Models\User::whereRole('adviser')->pluck('name', 'id') as $key => $value)
                                                                        <option
                                                                                {{ isset($requestAll) ? (array_key_exists('adviser_id', $requestAll) ? ($requestAll['adviser_id'] == $key ? 'selected' : '') : '') : '' }}
                                                                                value="{{ $key }}">{{ $value }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        @endcan
                                                        <div class="mt-3">
                                                            <div class="rtl:text-right ltr:text-left text-slate-500">
                                                                نوع آزمون
                                                            </div>
                                                            <select data-tw-merge="" name="test_type"
                                                                    class="disabled:bg-slate-100 disabled:cursor-not-allowed disabled:dark:bg-darkmode-800/50 [&[readonly]]:bg-slate-100 [&[readonly]]:cursor-not-allowed [&[readonly]]:dark:bg-darkmode-800/50 transition duration-200 ease-in-out w-full text-sm border-slate-200 shadow-sm rounded-md py-2 px-3 rtl:pl-8 ltr:pr-8 focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus:border-primary focus:border-opacity-40 dark:bg-darkmode-800 dark:border-transparent dark:focus:ring-slate-700 dark:focus:ring-opacity-50 group-[.form-inline]:flex-1 mt-2 flex-1">
                                                                <option value="" disabled>انتخاب نوع آزمون</option>
                                                                <option
                                                                        {{ isset($requestAll) ? (array_key_exists('test_type', $requestAll) ? ($requestAll['test_type'] == 'all' ? 'selected' : '') : '') : '' }}
                                                                        value="all">همه (نوع آزمون)
                                                                </option>
                                                                @foreach (\App\Models\Plan::TEST_TYPES as $key => $value)
                                                                    <option
                                                                            {{ isset($requestAll) ? (array_key_exists('test_type', $requestAll) ? ($requestAll['test_type'] == $key ? 'selected' : '') : '') : '' }}
                                                                            value="{{ $key }}">{{ $value }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="mt-3">
                                                            <div class="rtl:text-right ltr:text-left text-slate-500">
                                                                ترم انتخابی
                                                            </div>
                                                            <select data-tw-merge="" name="choose_term"
                                                                    class="disabled:bg-slate-100 disabled:cursor-not-allowed disabled:dark:bg-darkmode-800/50 [&[readonly]]:bg-slate-100 [&[readonly]]:cursor-not-allowed [&[readonly]]:dark:bg-darkmode-800/50 transition duration-200 ease-in-out w-full text-sm border-slate-200 shadow-sm rounded-md py-2 px-3 rtl:pl-8 ltr:pr-8 focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus:border-primary focus:border-opacity-40 dark:bg-darkmode-800 dark:border-transparent dark:focus:ring-slate-700 dark:focus:ring-opacity-50 group-[.form-inline]:flex-1 mt-2 flex-1">
                                                                <option value="" disabled>ترم انتخابی</option>
                                                                <option
                                                                        {{ isset($requestAll) ? (array_key_exists('choose_term', $requestAll) ? ($requestAll['choose_term'] == 'all' ? 'selected' : '') : '') : '' }}
                                                                        value="all">همه (ترم انتخابی)
                                                                </option>
                                                                @foreach (\App\Models\Plan::TERMS as $key => $value)
                                                                    <option
                                                                            {{ isset($requestAll) ? (array_key_exists('choose_term', $requestAll) ? ($requestAll['choose_term'] == $key ? 'selected' : '') : '') : '' }}
                                                                            value="{{ $key }}">{{ $value["name"] }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="mt-3">
                                                            <div class="rtl:text-right ltr:text-left text-slate-500">
                                                                سطح
                                                            </div>
                                                            <select data-tw-merge="" name="level"
                                                                    class="disabled:bg-slate-100 disabled:cursor-not-allowed disabled:dark:bg-darkmode-800/50 [&[readonly]]:bg-slate-100 [&[readonly]]:cursor-not-allowed [&[readonly]]:dark:bg-darkmode-800/50 transition duration-200 ease-in-out w-full text-sm border-slate-200 shadow-sm rounded-md py-2 px-3 rtl:pl-8 ltr:pr-8 focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus:border-primary focus:border-opacity-40 dark:bg-darkmode-800 dark:border-transparent dark:focus:ring-slate-700 dark:focus:ring-opacity-50 group-[.form-inline]:flex-1 mt-2 flex-1">
                                                                <option value="" disabled>سطح</option>
                                                                <option
                                                                        {{ isset($requestAll) ? (array_key_exists('level', $requestAll) ? ($requestAll['level'] == 'all' ? 'selected' : '') : '') : '' }}
                                                                        value="all">همه (سطح)
                                                                </option>
                                                                @foreach (\App\Models\Plan::LEVELS as $key => $value)
                                                                    <option
                                                                            {{ isset($requestAll) ? (array_key_exists('level', $requestAll) ? ($requestAll['level'] == $value ? 'selected' : '') : '') : '' }}
                                                                            value="{{ $value }}">{{ $value }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="mt-3">
                                                            <div class="rtl:text-right ltr:text-left text-slate-500">
                                                                نوع کنکور
                                                            </div>
                                                            <select data-tw-merge="" name="konkoor_type"
                                                                    class="disabled:bg-slate-100 disabled:cursor-not-allowed disabled:dark:bg-darkmode-800/50 [&[readonly]]:bg-slate-100 [&[readonly]]:cursor-not-allowed [&[readonly]]:dark:bg-darkmode-800/50 transition duration-200 ease-in-out w-full text-sm border-slate-200 shadow-sm rounded-md py-2 px-3 rtl:pl-8 ltr:pr-8 focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus:border-primary focus:border-opacity-40 dark:bg-darkmode-800 dark:border-transparent dark:focus:ring-slate-700 dark:focus:ring-opacity-50 group-[.form-inline]:flex-1 mt-2 flex-1">
                                                                <option value="" disabled>انتخاب نوع کنکور</option>
                                                                <option
                                                                        {{ isset($requestAll) ? (array_key_exists('konkoor_type', $requestAll) ? ($requestAll['konkoor_type'] == 'all' ? 'selected' : '') : '') : '' }}
                                                                        value="all">همه (نوع کنکور)
                                                                </option>
                                                                @foreach (\App\Models\Plan::KONKORS as $key => $value)
                                                                    <option
                                                                            {{ isset($requestAll) ? (array_key_exists('konkoor_type', $requestAll) ? ($requestAll['konkoor_type'] == $key ? 'selected' : '') : '') : '' }}
                                                                            value="{{ $key }}">{{ $value }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="mt-3">
                                                            <div class="flex items-center mt-5">
                                                                <input name="is_farhangian" id="is_farhangian"
                                                                       autocomplete="off"
                                                                       {{ isset($requestAll) && array_key_exists('is_farhangian', $requestAll) && $requestAll['is_farhangian'] == 'on' ? 'checked' : '' }} type="checkbox"
                                                                       class="transition-all duration-100 ease-in-out shadow-sm border-slate-200 cursor-pointer focus:ring-4 focus:ring-offset-0 focus:ring-primary focus:ring-opacity-20 dark:bg-darkmode-800 dark:border-transparent dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&amp;[type='radio']]:checked:bg-primary [&amp;[type='radio']]:checked:border-primary [&amp;[type='radio']]:checked:border-opacity-10 [&amp;[type='checkbox']]:checked:bg-primary [&amp;[type='checkbox']]:checked:border-primary [&amp;[type='checkbox']]:checked:border-opacity-10 [&amp;:disabled:not(:checked)]:bg-slate-100 [&amp;:disabled:not(:checked)]:cursor-not-allowed [&amp;:disabled:not(:checked)]:dark:bg-darkmode-800/50 [&amp;:disabled:checked]:opacity-70 [&amp;:disabled:checked]:cursor-not-allowed [&amp;:disabled:checked]:dark:bg-darkmode-800/50 w-[38px] h-[24px] p-px rounded-full relative before:w-[20px] before:h-[20px] before:shadow-[1px_1px_3px_rgba(0,0,0,0.25)] rtl:before:transition-[margin-right] ltr:before:transition-[margin-left] before:duration-200 before:ease-in-out before:absolute before:inset-y-0 before:my-auto before:rounded-full before:dark:bg-darkmode-600 checked:bg-primary checked:border-primary checked:bg-none rtl:before:checked:mr-[14px] ltr:before:checked:ml-[14px] before:checked:bg-white"
                                                                       id="product-status-active">
                                                                <label for="is_farhangian"
                                                                       class="cursor-pointer rtl:mr-2 ltr:ml-2">فقط متقاضیان فرهنگیان</label>
                                                            </div>
                                                        </div>
                                                        <div class="mt-4 flex items-center">
                                                            <button data-tw-merge=""
                                                                    class="transition duration-200 border shadow-sm inline-flex items-center justify-center py-2 px-3 rounded-md font-medium cursor-pointer focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus-visible:outline-none dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&:hover:not(:disabled)]:bg-opacity-90 [&:hover:not(:disabled)]:border-opacity-90 [&:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed bg-secondary/70 border-secondary/70 text-slate-500 dark:border-darkmode-400 dark:bg-darkmode-400 dark:text-slate-300 [&:hover:not(:disabled)]:bg-slate-100 [&:hover:not(:disabled)]:border-slate-100 [&:hover:not(:disabled)]:dark:border-darkmode-300/80 [&:hover:not(:disabled)]:dark:bg-darkmode-300/80 rtl:mr-auto ltr:ml-auto w-32">
                                                                بستن
                                                            </button>
                                                            <button data-tw-merge=""
                                                                    class="transition duration-200 border shadow-sm inline-flex items-center justify-center py-2 px-3 rounded-md font-medium cursor-pointer focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus-visible:outline-none dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&:hover:not(:disabled)]:bg-opacity-90 [&:hover:not(:disabled)]:border-opacity-90 [&:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed bg-primary border-primary text-white dark:border-primary rtl:mr-2 ltr:ml-2 w-32">
                                                                اعمال
                                                            </button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <form action="{{ route('users.list.search') }}" method="post">
                                    @csrf
                                    <div
                                            class="flex flex-col gap-y-2 gap-x-3 p-5 sm:flex-row sm:items-center flex-wrap">
                                        <div>
                                            <div class="relative">
                                                <i data-tw-merge="" data-lucide="search"
                                                   class="absolute inset-y-0 rtl:right-0 ltr:left-0 z-10 my-auto rtl:mr-3 ltr:ml-3 h-4 w-4 stroke-[1.3] text-slate-500"></i>
                                                <input data-tw-merge="" type="text" name="name" placeholder="نام"
                                                       value="{{ $requestAll['name'] ?? '' }}"
                                                       class="disabled:bg-slate-100 disabled:cursor-not-allowed dark:disabled:bg-darkmode-800/50 dark:disabled:border-transparent [&[readonly]]:bg-slate-100 [&[readonly]]:cursor-not-allowed [&[readonly]]:dark:bg-darkmode-800/50 [&[readonly]]:dark:border-transparent transition duration-200 ease-in-out w-full text-sm border-slate-200 shadow-sm placeholder:text-slate-400/90 focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus:border-primary focus:border-opacity-40 dark:bg-darkmode-800 dark:border-transparent dark:focus:ring-slate-700 dark:focus:ring-opacity-50 dark:placeholder:text-slate-500/80 [&[type='file']]:border rtl:file:ml-4 ltr:file:mr-4 file:py-2 file:px-4 rtl:file:rounded-r-md ltr:file:rounded-l-md file:border-0 rtl:file:border-l-[1px] ltr:file:border-r-[1px] file:border-slate-100/10 file:text-sm file:font-semibold file:bg-slate-100 file:text-slate-500/70 hover:file:bg-200 group-[.form-inline]:flex-1 group-[.input-group]:rounded-none rtl:group-[.input-group]:[&:not(:first-child)]:border-r-transparent ltr:group-[.input-group]:[&:not(:first-child)]:border-l-transparent rtl:group-[.input-group]:first:rounded-r ltr:group-[.input-group]:first:rounded-l rtl:group-[.input-group]:last:rounded-l ltr:group-[.input-group]:last:rounded-r group-[.input-group]:z-10 rounded-[0.5rem] rtl:pr-9 ltr:pl-9 sm:w-64">
                                            </div>
                                        </div>
                                        <div>
                                            <div class="relative">
                                                <i data-tw-merge="" data-lucide="search"
                                                   class="absolute inset-y-0 rtl:right-0 ltr:left-0 z-10 my-auto rtl:mr-3 ltr:ml-3 h-4 w-4 stroke-[1.3] text-slate-500"></i>
                                                <input data-tw-merge="" type="text" name="family"
                                                       value="{{ $requestAll['family'] ?? '' }}"
                                                       placeholder="نام خانوادگی"
                                                       class="disabled:bg-slate-100 disabled:cursor-not-allowed dark:disabled:bg-darkmode-800/50 dark:disabled:border-transparent [&[readonly]]:bg-slate-100 [&[readonly]]:cursor-not-allowed [&[readonly]]:dark:bg-darkmode-800/50 [&[readonly]]:dark:border-transparent transition duration-200 ease-in-out w-full text-sm border-slate-200 shadow-sm placeholder:text-slate-400/90 focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus:border-primary focus:border-opacity-40 dark:bg-darkmode-800 dark:border-transparent dark:focus:ring-slate-700 dark:focus:ring-opacity-50 dark:placeholder:text-slate-500/80 [&[type='file']]:border rtl:file:ml-4 ltr:file:mr-4 file:py-2 file:px-4 rtl:file:rounded-r-md ltr:file:rounded-l-md file:border-0 rtl:file:border-l-[1px] ltr:file:border-r-[1px] file:border-slate-100/10 file:text-sm file:font-semibold file:bg-slate-100 file:text-slate-500/70 hover:file:bg-200 group-[.form-inline]:flex-1 group-[.input-group]:rounded-none rtl:group-[.input-group]:[&:not(:first-child)]:border-r-transparent ltr:group-[.input-group]:[&:not(:first-child)]:border-l-transparent rtl:group-[.input-group]:first:rounded-r ltr:group-[.input-group]:first:rounded-l rtl:group-[.input-group]:last:rounded-l ltr:group-[.input-group]:last:rounded-r group-[.input-group]:z-10 rounded-[0.5rem] rtl:pr-9 ltr:pl-9 sm:w-64">
                                            </div>
                                        </div>
                                        <div>
                                            <div class="relative">
                                                <i data-tw-merge="" data-lucide="search"
                                                   class="absolute inset-y-0 rtl:right-0 ltr:left-0 z-10 my-auto rtl:mr-3 ltr:ml-3 h-4 w-4 stroke-[1.3] text-slate-500"></i>
                                                <input data-tw-merge="" type="text" name="phone"
                                                       value="{{ $requestAll['phone'] ?? '' }}"
                                                       placeholder="شماره تماس"
                                                       class="disabled:bg-slate-100 disabled:cursor-not-allowed dark:disabled:bg-darkmode-800/50 dark:disabled:border-transparent [&[readonly]]:bg-slate-100 [&[readonly]]:cursor-not-allowed [&[readonly]]:dark:bg-darkmode-800/50 [&[readonly]]:dark:border-transparent transition duration-200 ease-in-out w-full text-sm border-slate-200 shadow-sm placeholder:text-slate-400/90 focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus:border-primary focus:border-opacity-40 dark:bg-darkmode-800 dark:border-transparent dark:focus:ring-slate-700 dark:focus:ring-opacity-50 dark:placeholder:text-slate-500/80 [&[type='file']]:border rtl:file:ml-4 ltr:file:mr-4 file:py-2 file:px-4 rtl:file:rounded-r-md ltr:file:rounded-l-md file:border-0 rtl:file:border-l-[1px] ltr:file:border-r-[1px] file:border-slate-100/10 file:text-sm file:font-semibold file:bg-slate-100 file:text-slate-500/70 hover:file:bg-200 group-[.form-inline]:flex-1 group-[.input-group]:rounded-none rtl:group-[.input-group]:[&:not(:first-child)]:border-r-transparent ltr:group-[.input-group]:[&:not(:first-child)]:border-l-transparent rtl:group-[.input-group]:first:rounded-r ltr:group-[.input-group]:first:rounded-l rtl:group-[.input-group]:last:rounded-l ltr:group-[.input-group]:last:rounded-r group-[.input-group]:z-10 rounded-[0.5rem] rtl:pr-9 ltr:pl-9 sm:w-64">
                                            </div>
                                        </div>
                                        <button data-tw-merge
                                                class="transition duration-200 border shadow-sm inline-flex items-center justify-center py-2 px-3 rounded-md font-medium cursor-pointer focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus-visible:outline-none dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&:hover:not(:disabled)]:bg-opacity-90 [&:hover:not(:disabled)]:border-opacity-90 [&:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed bg-dark border-dark text-white dark:bg-darkmode-800 dark:border-transparent dark:text-slate-300 [&:hover:not(:disabled)]:dark:dark:bg-darkmode-800/70 w-24 w-24">
                                            جستجو
                                        </button>
                                    </div>
                                </form>
                                <div style="overflow: scroll;">
                                    <table data-tw-merge=""
                                           class="table w-full rtl:text-right ltr:text-left border-b border-slate-200/60">
                                        <thead data-tw-merge="" class="">
                                        <tr data-tw-merge="" class="">
                                            <td data-tw-merge=""
                                                class="px-5 border-b dark:border-darkmode-300 border-t border-slate-200/60 bg-slate-50 py-4 font-medium text-slate-500">
                                                ردیف
                                            </td>
                                            <td data-tw-merge=""
                                                class="px-5 border-b dark:border-darkmode-300 border-t border-slate-200/60 bg-slate-50 py-4 font-medium text-slate-500">
                                                نام و نام خانوادگی
                                            </td>
                                            <td data-tw-merge=""
                                                class="px-5 border-b dark:border-darkmode-300 border-t border-slate-200/60 bg-slate-50 py-4 font-medium text-slate-500">
                                                شماره تماس
                                            </td>
                                            <td data-tw-merge=""
                                                class="px-5 border-b dark:border-darkmode-300 border-t border-slate-200/60 bg-slate-50 py-4 font-medium text-slate-500">
                                                رشته
                                            </td>
                                            <td data-tw-merge=""
                                                class="px-5 border-b dark:border-darkmode-300 border-t border-slate-200/60 bg-slate-50 py-4 font-medium text-slate-500">
                                                کنکور
                                            </td>
                                            <td data-tw-merge=""
                                                class="px-5 border-b dark:border-darkmode-300 border-t border-slate-200/60 bg-slate-50 py-4 text-center font-medium text-slate-500">
                                                آزمون
                                            </td>
                                            <td data-tw-merge=""
                                                class="px-5 border-b dark:border-darkmode-300 border-t border-slate-200/60 bg-slate-50 py-4 font-medium text-slate-500">
                                                ترم سیستمی
                                            </td>
                                            <td data-tw-merge=""
                                                class="px-5 border-b dark:border-darkmode-300 border-t border-slate-200/60 bg-slate-50 py-4 font-medium text-slate-500">
                                                ترم انتخابی
                                            </td>
                                            <td data-tw-merge=""
                                                class="px-5 border-b dark:border-darkmode-300 border-t border-slate-200/60 bg-slate-50 py-4 font-medium text-slate-500">
                                                سطح
                                            </td>
                                            <td data-tw-merge=""
                                                class="px-5 border-b dark:border-darkmode-300 border-t border-slate-200/60 bg-slate-50 py-4 font-medium text-slate-500">
                                                متقاضی فرهنگیان
                                            </td>
                                            <td data-tw-merge=""
                                                class="px-5 border-b dark:border-darkmode-300 border-t border-slate-200/60 bg-slate-50 py-4 font-medium text-slate-500">
                                                تعداد برنامه ها
                                            </td>
                                            <td data-tw-merge=""
                                                class="px-5 border-b dark:border-darkmode-300 w-20 border-t border-slate-200/60 bg-slate-50 py-4 text-center font-medium text-slate-500">
                                                عملیات
                                            </td>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($data as $key => $item)
                                            <tr data-tw-merge="" class="[&_td]:last:border-b-0">
                                                <td data-tw-merge=""
                                                    class="px-5 border-b dark:border-darkmode-300 border-dashed py-4 dark:bg-darkmode-600">
                                                    <span class="whitespace-nowrap">
                                                        {{ ++$key }}
                                                    </span>
                                                </td>
                                                <td data-tw-merge=""
                                                    class="px-5 border-b dark:border-darkmode-300 border-dashed py-4 dark:bg-darkmode-600">
                                                    <span class="whitespace-nowrap">
                                                        {{ $item->full_name }}
                                                    </span>
                                                </td>
                                                <td data-tw-merge=""
                                                    class="px-5 border-b dark:border-darkmode-300 border-dashed py-4 dark:bg-darkmode-600">
                                                    <span class="whitespace-nowrap">
                                                        {{ $item->phone }}
                                                    </span>
                                                </td>
                                                <td data-tw-merge=""
                                                    class="px-5 border-b dark:border-darkmode-300 border-dashed py-4 dark:bg-darkmode-600">
                                                    <span class="whitespace-nowrap">
                                                        {{ $item->field->name }}
                                                    </span>
                                                </td>
                                                <td data-tw-merge=""
                                                    class="px-5 border-b dark:border-darkmode-300 border-dashed py-4 dark:bg-darkmode-600">
                                                    <span class="whitespace-nowrap">
                                                        {{ Plan::KONKORS[$item->konkoor_type] ?? '-' }}
                                                    </span>
                                                </td>
                                                <td data-tw-merge=""
                                                    class="px-5 border-b dark:border-darkmode-300 border-dashed py-4 dark:bg-darkmode-600">
                                                    <span class="whitespace-nowrap">
                                                        {{ Plan::TEST_TYPES[$item->quiz_type] ?? '-' }}
                                                    </span>
                                                </td>
                                                <td data-tw-merge=""
                                                    class="px-5 border-b dark:border-darkmode-300 border-dashed py-4 dark:bg-darkmode-600">
                                                   <span class="whitespace-nowrap">
                                                        {{ $item->choose_term }}
                                                    </span>
                                                </td>
                                                <td data-tw-merge=""
                                                    class="px-5 border-b dark:border-darkmode-300 border-dashed py-4 dark:bg-darkmode-600">
                                                    <span class="whitespace-nowrap">
                                                        {{ $item->week }}
                                                    </span>
                                                </td>
                                                <td data-tw-merge=""
                                                    class="px-5 border-b dark:border-darkmode-300 border-dashed py-4 dark:bg-darkmode-600">
                                                    <span class="whitespace-nowrap">
                                                        {{ $item->level }}
                                                    </span>
                                                </td>
                                                <td data-tw-merge=""
                                                    class="px-5 border-b dark:border-darkmode-300 border-dashed py-4 dark:bg-darkmode-600">
                                                    <span class="whitespace-nowrap">
                                                        {{ $item->is_farhangian ? "بله" : "خیر" }}
                                                    </span>
                                                </td>
                                                <td data-tw-merge=""
                                                    class="px-5 border-b dark:border-darkmode-300 border-dashed py-4 dark:bg-darkmode-600">
                                                    <div class="whitespace-nowrap">
                                                        {{ $item->plans()->count() }}
                                                    </div>
                                                </td>
                                                <td data-tw-merge=""
                                                    class="px-5 border-b dark:border-darkmode-300 relative border-dashed py-4 dark:bg-darkmode-600">
                                                    <div class="flex items-center justify-center">
                                                        <div data-tw-merge="" data-tw-placement="bottom-start"
                                                             class="dropdown relative h-5">
                                                            <button data-tw-toggle="dropdown" aria-expanded="false"
                                                                    class="cursor-pointer h-5 w-5 text-slate-500"><i
                                                                        data-tw-merge="" data-lucide="more-vertical"
                                                                        class="stroke-[1] w-5 h-5 fill-slate-400/70 stroke-slate-400/70"></i>
                                                            </button>
                                                            <div data-transition="" data-selector=".show"
                                                                 data-enter="transition-all ease-linear duration-150"
                                                                 data-enter-from="absolute !mt-5 invisible opacity-0 translate-y-1"
                                                                 data-enter-to="!mt-1 visible opacity-100 translate-y-0"
                                                                 data-leave="transition-all ease-linear duration-150"
                                                                 data-leave-from="!mt-1 visible opacity-100 translate-y-0"
                                                                 data-leave-to="absolute !mt-5 invisible opacity-0 translate-y-1"
                                                                 class="dropdown-menu absolute z-[9999] hidden">
                                                                <div data-tw-merge=""
                                                                     class="dropdown-content rounded-md border-transparent bg-white p-2 shadow-[0px_3px_10px_#00000017] dark:border-transparent dark:bg-darkmode-600 w-40">
                                                                    <a href="{{ route('users.edit', $item->id) }}"
                                                                       class="cursor-pointer flex items-center p-2 transition duration-300 ease-in-out rounded-md hover:bg-slate-200/60 dark:bg-darkmode-600 dark:hover:bg-darkmode-400 dropdown-item"><i
                                                                                data-tw-merge="" data-lucide="eye"
                                                                                class="stroke-[1] rtl:ml-2 ltr:mr-2 h-4 w-4"></i>
                                                                        نمایش</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                {{ $data->appends(Request::all())->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection