@extends('panel.layouts.master')
@section('content')
    <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 sm:col-span-10 sm:col-start-2">
                        <div class="mt-7">
                            <form action="{{ route('users.update', $user) }}" method="POST">
                                @csrf
                                @method('PUT')
                                <div class="mt-3.5 grid grid-cols-12 gap-x-6 gap-y-10">
                                    <div class="col-span-12 flex flex-col gap-y-7">
                                        <div class="box box--stacked flex flex-col">
                                            <div class="p-7">
                                                <div
                                                        class="mt-5 block flex-col pt-5 first:mt-0 first:pt-0 sm:flex xl:flex-row xl:items-center">
                                                    <div
                                                            class="mb-2 inline-block sm:mb-0 rtl:sm:ml-5 ltr:sm:mr-5 rtl:sm:text-left ltr:sm:text-right rtl:xl:ml-14 ltr:xl:mr-14 xl:w-60">
                                                        <div class="rtl:text-right ltr:text-left">
                                                            <div class="flex items-center">
                                                                <div class="font-medium">تصویر پروفایل</div>
                                                            </div>
                                                            <div
                                                                    class="mt-1.5 text-xs leading-relaxed text-slate-500/80 xl:mt-3">
                                                                یک عکس پروفایل واضح و جدید بارگذاری کنید.
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-3 w-full flex-1 xl:mt-0">
                                                        <div class="flex items-center">
                                                            <div
                                                                    class="relative flex h-24 w-24 items-center justify-center rounded-full border border-primary/10 bg-primary/5">
                                                                <input type="file" name="avatar" class="hidden"
                                                                       id="avatar">
                                                                <i data-tw-merge="" data-lucide="user"
                                                                   class="-mt-1.5 h-[65%] w-[65%] fill-slate-300/70 stroke-slate-400/50 stroke-[0.5]"></i>
                                                                <a class="box absolute bottom-0 rtl:left-0 ltr:right-0 flex h-7 w-7 items-center justify-center rounded-full import-file"
                                                                   data-target="#avatar">
                                                                    <i data-tw-merge="" data-lucide="pencil"
                                                                       class="h-3.5 w-3.5 stroke-[1.3] text-slate-500"></i>
                                                                </a>
                                                            </div>
                                                            <button data-tw-merge=""
                                                                    class="transition duration-200 border shadow-sm inline-flex items-center justify-center 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 text-xs py-1.5 px-2 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 rtl:mr-8 ltr:ml-8 rtl:ml-2 ltr:mr-2 h-8 rtl:pr-3.5 ltr:pl-3.5 rtl:pl-4 ltr:pr-4">
                                                                <i data-tw-merge="" data-lucide="trash2"
                                                                   class="rtl:ml-1.5 ltr:mr-1.5 h-3.5 w-3.5 stroke-[1.3]"></i>
                                                                حذف
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div
                                                        class="mt-5 block flex-col pt-5 first:mt-0 first:pt-0 sm:flex xl:flex-row xl:items-center">
                                                    <div
                                                            class="mb-2 inline-block sm:mb-0 rtl:sm:ml-5 ltr:sm:mr-5 rtl:sm:text-left ltr:sm:text-right rtl:xl:ml-14 ltr:xl:mr-14 xl:w-60">
                                                        <div class="rtl:text-right ltr:text-left">
                                                            <div class="flex items-center">
                                                                <div class="font-medium">نام کامل</div>
                                                                <div
                                                                        class="rtl:mr-2.5 ltr:ml-2.5 rounded-md border border-slate-200 bg-slate-100 px-2 py-0.5 text-xs text-slate-500 dark:bg-darkmode-300 dark:text-slate-400">
                                                                    ضروری
                                                                </div>
                                                            </div>
                                                            <div
                                                                    class="mt-1.5 text-xs leading-relaxed text-slate-500/80 xl:mt-3">
                                                                نام کامل و رسمی خود را همانطور که در شناسنامه آورده شده
                                                                است وارد
                                                                کنید
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-3 w-full flex-1 xl:mt-0">
                                                        <div class="flex flex-col items-center md:flex-row">
                                                            <input data-tw-merge="" type="text" placeholder="نام"
                                                                   name="name"
                                                                   value="{{ old('name', $user->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 rounded-md 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 first:rounded-b-none last:-mt-px last:rounded-t-none focus:z-10 rtl:first:md:rounded-l-none ltr:first:md:rounded-r-none rtl:first:md:rounded-br-md ltr:first:md:rounded-bl-md rtl:last:md:-mr-px ltr:last:md:-ml-px last:md:mt-0 rtl:last:md:rounded-r-none ltr:last:md:rounded-l-none rtl:last:md:rounded-tl-md ltr:last:md:rounded-tr-md [&:not(:first-child):not(:last-child)]:-mt-px [&:not(:first-child):not(:last-child)]:rounded-none rtl:[&:not(:first-child):not(:last-child)]:md:-mr-px ltr:[&:not(:first-child):not(:last-child)]:md:-ml-px [&:not(:first-child):not(:last-child)]:md:mt-0">
                                                            <input data-tw-merge="" type="text"
                                                                   placeholder="نام خانوادگی"
                                                                   name="family"
                                                                   value="{{ old('family', $user->family) }}"
                                                                   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 rounded-md 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 first:rounded-b-none last:-mt-px last:rounded-t-none focus:z-10 rtl:first:md:rounded-l-none ltr:first:md:rounded-r-none rtl:first:md:rounded-br-md ltr:first:md:rounded-bl-md rtl:last:md:-mr-px ltr:last:md:-ml-px last:md:mt-0 rtl:last:md:rounded-r-none ltr:last:md:rounded-l-none rtl:last:md:rounded-tl-md ltr:last:md:rounded-tr-md [&:not(:first-child):not(:last-child)]:-mt-px [&:not(:first-child):not(:last-child)]:rounded-none rtl:[&:not(:first-child):not(:last-child)]:md:-mr-px ltr:[&:not(:first-child):not(:last-child)]:md:-ml-px [&:not(:first-child):not(:last-child)]:md:mt-0">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div
                                                        class="mt-5 block flex-col pt-5 first:mt-0 first:pt-0 sm:flex xl:flex-row xl:items-center">
                                                    <div
                                                            class="mb-2 inline-block sm:mb-0 rtl:sm:ml-5 ltr:sm:mr-5 rtl:sm:text-left ltr:sm:text-right rtl:xl:ml-14 ltr:xl:mr-14 xl:w-60">
                                                        <div class="rtl:text-right ltr:text-left">
                                                            <div class="flex items-center">
                                                                <div class="font-medium">تاریخ تولد</div>
                                                                <div
                                                                        class="rtl:mr-2.5 ltr:ml-2.5 rounded-md border border-slate-200 bg-slate-100 px-2 py-0.5 text-xs text-slate-500 dark:bg-darkmode-300 dark:text-slate-400">
                                                                    ضروری
                                                                </div>
                                                            </div>
                                                            <div
                                                                    class="mt-1.5 text-xs leading-relaxed text-slate-500/80 xl:mt-3">
                                                                این اطلاعات برای تأیید سن شما و
                                                                ارائه خدمات مناسب سن مورد نیاز است.
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-3 w-full flex-1 xl:mt-0">
                                                        <input data-tw-merge="" type="text" data-single-mode="true"
                                                               data-jdp
                                                               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 rounded-md 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">
                                                    </div>
                                                </div>
                                                <div
                                                        class="mt-5 block flex-col pt-5 first:mt-0 first:pt-0 sm:flex xl:flex-row xl:items-center">
                                                    <div
                                                            class="mb-2 inline-block sm:mb-0 rtl:sm:ml-5 ltr:sm:mr-5 rtl:sm:text-left ltr:sm:text-right rtl:xl:ml-14 ltr:xl:mr-14 xl:w-60">
                                                        <div class="rtl:text-right ltr:text-left">
                                                            <div class="flex items-center">
                                                                <div class="font-medium">جنسیت</div>
                                                            </div>
                                                            <div
                                                                    class="mt-1.5 text-xs leading-relaxed text-slate-500/80 xl:mt-3">
                                                                جنسیت خود را از گزینه‌ها انتخاب کنید.
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-3 w-full flex-1 xl:mt-0">
                                                        <div class="flex flex-col items-center md:flex-row">
                                                            <div
                                                                    class="w-full rounded-md border border-slate-300/60 bg-white px-3 py-2 shadow-sm first:rounded-b-none last:-mt-px last:rounded-t-none focus:z-10 rtl:first:md:rounded-l-none ltr:first:md:rounded-r-none rtl:first:md:rounded-br-md ltr:first:md:rounded-bl-md rtl:last:md:-mr-px ltr:last:md:-ml-px last:md:mt-0 rtl:last:md:rounded-r-none ltr:last:md:rounded-l-none rtl:last:md:rounded-tl-md ltr:last:md:rounded-tr-md [&:not(:first-child):not(:last-child)]:-mt-px [&:not(:first-child):not(:last-child)]:rounded-none rtl:[&:not(:first-child):not(:last-child)]:md:-mr-px ltr:[&:not(:first-child):not(:last-child)]:md:-ml-px [&:not(:first-child):not(:last-child)]:md:mt-0">
                                                                <div data-tw-merge="" class="flex items-center"><input
                                                                            data-tw-merge="" type="radio" name="gender"
                                                                            checked
                                                                            {{ old('gender', $user->gender) == 'male' ? 'checked' : '' }}
                                                                            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 [&[type='radio']]:checked:bg-primary [&[type='radio']]:checked:border-primary [&[type='radio']]:checked:border-opacity-10 [&[type='checkbox']]:checked:bg-primary [&[type='checkbox']]:checked:border-primary [&[type='checkbox']]:checked:border-opacity-10 [&:disabled:not(:checked)]:bg-slate-100 [&:disabled:not(:checked)]:cursor-not-allowed [&:disabled:not(:checked)]:dark:bg-darkmode-800/50 [&:disabled:checked]:opacity-70 [&:disabled:checked]:cursor-not-allowed [&:disabled:checked]:dark:bg-darkmode-800/50"
                                                                            id="checkbox-switch-1" value="male">
                                                                    <label data-tw-merge="" for="checkbox-switch-1"
                                                                           class="cursor-pointer rtl:mr-2 ltr:ml-2">مرد</label>
                                                                </div>
                                                            </div>
                                                            <div
                                                                    class="w-full rounded-md border border-slate-300/60 bg-white px-3 py-2 shadow-sm first:rounded-b-none last:-mt-px last:rounded-t-none focus:z-10 rtl:first:md:rounded-l-none ltr:first:md:rounded-r-none rtl:first:md:rounded-br-md ltr:first:md:rounded-bl-md rtl:last:md:-mr-px ltr:last:md:-ml-px last:md:mt-0 rtl:last:md:rounded-r-none ltr:last:md:rounded-l-none rtl:last:md:rounded-tl-md ltr:last:md:rounded-tr-md [&:not(:first-child):not(:last-child)]:-mt-px [&:not(:first-child):not(:last-child)]:rounded-none rtl:[&:not(:first-child):not(:last-child)]:md:-mr-px ltr:[&:not(:first-child):not(:last-child)]:md:-ml-px [&:not(:first-child):not(:last-child)]:md:mt-0">
                                                                <div data-tw-merge="" class="flex items-center"><input
                                                                            data-tw-merge="" type="radio" name="gender"
                                                                            {{ old('gender', $user->gender) == 'female' ? 'checked' : '' }}
                                                                            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 [&[type='radio']]:checked:bg-primary [&[type='radio']]:checked:border-primary [&[type='radio']]:checked:border-opacity-10 [&[type='checkbox']]:checked:bg-primary [&[type='checkbox']]:checked:border-primary [&[type='checkbox']]:checked:border-opacity-10 [&:disabled:not(:checked)]:bg-slate-100 [&:disabled:not(:checked)]:cursor-not-allowed [&:disabled:not(:checked)]:dark:bg-darkmode-800/50 [&:disabled:checked]:opacity-70 [&:disabled:checked]:cursor-not-allowed [&:disabled:checked]:dark:bg-darkmode-800/50"
                                                                            id="checkbox-switch-2" value="female">
                                                                    <label data-tw-merge="" for="checkbox-switch-2"
                                                                           class="cursor-pointer rtl:mr-2 ltr:ml-2">زن</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="mt-5 block flex-col pt-5 first:mt-0 first:pt-0 sm:flex xl:flex-row xl:items-center">
                                                    <div
                                                            class="mb-2 inline-block sm:mb-0 rtl:sm:ml-5 ltr:sm:mr-5 rtl:sm:text-left ltr:sm:text-right rtl:xl:ml-14 ltr:xl:mr-14 xl:w-60">
                                                        <div class="rtl:text-right ltr:text-left">
                                                            <div class="flex items-center">
                                                                <div class="font-medium">ایمیل</div>
                                                            </div>
                                                            <div
                                                                    class="mt-1.5 text-xs leading-relaxed text-slate-500/80 xl:mt-3">
                                                                لطفاً یک آدرس ایمیل معتبر که دسترسی به آن دارید را وارد
                                                                کنید.
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-3 w-full flex-1 xl:mt-0">
                                                        <input data-tw-merge="" type="email" autocomplete="new-email"
                                                               placeholder="example@gmail.com"
                                                               name="email" value="{{ old('email', $user->email) }}"
                                                               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 rounded-md 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">
                                                    </div>
                                                </div>
                                                <div
                                                        class="mt-5 block flex-col pt-5 first:mt-0 first:pt-0 sm:flex xl:flex-row xl:items-center">
                                                    <div
                                                            class="mb-2 inline-block sm:mb-0 rtl:sm:ml-5 ltr:sm:mr-5 rtl:sm:text-left ltr:sm:text-right rtl:xl:ml-14 ltr:xl:mr-14 xl:w-60">
                                                        <div class="rtl:text-right ltr:text-left">
                                                            <div class="flex items-center">
                                                                <div class="font-medium">رمز عبور</div>
                                                            </div>
                                                            <div
                                                                    class="mt-1.5 text-xs leading-relaxed text-slate-500/80 xl:mt-3">
                                                                لطفاً یک رمز عبور ایمن وارد کنید.
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-3 w-full flex-1 xl:mt-0">
                                                        <input data-tw-merge="" type="password" name="password" autocomplete="new-pass"
                                                               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 rounded-md 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">
                                                    </div>
                                                </div>
                                                <div
                                                        class="mt-5 block flex-col pt-5 first:mt-0 first:pt-0 sm:flex xl:flex-row xl:items-center">
                                                    <div
                                                            class="mb-2 inline-block sm:mb-0 rtl:sm:ml-5 ltr:sm:mr-5 rtl:sm:text-left ltr:sm:text-right rtl:xl:ml-14 ltr:xl:mr-14 xl:w-60">
                                                        <div class="rtl:text-right ltr:text-left">
                                                            <div class="flex items-center">
                                                                <div class="font-medium">شماره تلفن</div>
                                                                <div
                                                                        class="rtl:mr-2.5 ltr:ml-2.5 rounded-md border border-slate-200 bg-slate-100 px-2 py-0.5 text-xs text-slate-500 dark:bg-darkmode-300 dark:text-slate-400">
                                                                    ضروری
                                                                </div>
                                                            </div>
                                                            <div
                                                                    class="mt-1.5 text-xs leading-relaxed text-slate-500/80 xl:mt-3">
                                                                لطفاً یک شماره تلفن معتبر ارائه دهید تا در صورت نیاز به
                                                                شما تماس
                                                                بگیریم.
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-3 grid grid-cols-12 gap-2 xl:mt-0">
                                                        <div class="col-span-4 items-center md:flex-row my-2">
                                                            <label for="phone">شماره موبایل</label>
                                                            <input data-tw-merge="" id="phone" type="text"
                                                                   placeholder="09123456789"
                                                                   name="phone"
                                                                   value="{{ old('phone', $user->phone) }}"
                                                                   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 rounded-md 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 ui-autocomplete-input">
                                                        </div>
                                                        <div class="col-span-4 items-center md:flex-row my-2">
                                                            <label for="phone2">شماره تماس دوم</label>
                                                            <input data-tw-merge="" id="phone2" type="text"
                                                                   placeholder="09123456789" name="phone2"
                                                                   value="{{ old('phone2', $user->phone2) }}"
                                                                   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 rounded-md 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 ui-autocomplete-input">
                                                        </div>
                                                        <div class="col-span-4 items-center md:flex-row my-2">
                                                            <label for="tel">شماره تلفن ثابت</label>
                                                            <input data-tw-merge="" id="tel" type="text"
                                                                   placeholder="0212345678"
                                                                   name="tel"
                                                                   value="{{ old('tel', $user->tel) }}"
                                                                   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 rounded-md 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 ui-autocomplete-input">
                                                        </div>
                                                    </div>
                                                </div>
                                                @can('admin')
                                                    <div class="mt-5 block flex-col pt-5 sm:flex flex-1 w-1/3">
                                                        <div
                                                                class="mb-2 inline-block sm:mb-0 rtl:sm:ml-5 ltr:sm:mr-5 rtl:sm:text-left ltr:sm:text-right rtl:xl:ml-14 ltr:xl:mr-14 xl:w-60">
                                                            <div class="rtl:text-right ltr:text-left">
                                                                <div class="flex items-center">
                                                                    <div class="font-medium">نقش</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="mt-3 w-full flex-1">
                                                            <select data-tw-merge="" name="role"
                                                                    class="tom-select 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">
                                                                <option value="" selected>انتخاب کنید</option>
                                                                @foreach(\App\Models\User::ROLE as $key => $item)
                                                                    <option
                                                                            value="{{ $key }}" {{ old('role', $user->role) == $key ? 'selected' : '' }}>{{ $item }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="mt-5 block flex-col pt-5 sm:flex flex-1 w-1/3">
                                                        <div
                                                                class="mb-2 inline-block sm:mb-0 rtl:sm:ml-5 ltr:sm:mr-5 rtl:sm:text-left ltr:sm:text-right rtl:xl:ml-14 ltr:xl:mr-14 xl:w-60">
                                                            <div class="rtl:text-right ltr:text-left">
                                                                <div class="flex items-center">
                                                                    <div class="font-medium">مشاور</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="mt-3 w-full flex-1">
                                                            <select data-tw-merge="" name="adviser_id" id="adviser_id"
                                                                    data-placeholder="جستجو"
                                                                    class="tom-select 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 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-1 flex-1">
                                                                <option value="">بدون مشاور</option>
                                                                @foreach($advisers as $adviser)
                                                                    <option value="{{ $adviser->id }}" {{ $user->adviser_id == $adviser->id ? 'selected' : ''}}>{{ $adviser->fullName }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                @endcan
                                                <div class="flex items-center mt-5">
                                                    <input name="status"
                                                           {{ old('status', $user->status) ? '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="product-status-active"
                                                           class="cursor-pointer rtl:mr-2 ltr:ml-2">فعال</label>
                                                </div>
                                            </div>
                                        </div>
                                        @canany(['admin', 'adviser'])
                                            @if($user->isSignup())

                                                <div class="flex flex-col  md:flex-row md:items-center">
                                                    <div class="text-base font-medium group-[.mode--light]:text-white">
                                                        دریافت برنامه
                                                    </div>
                                                </div>
                                                @php
                                                    $isActive = $user->choose_term && $user->level && $user->quiz_type && $user->konkoor_type && $user->field_id;
                                                @endphp
                                                @if($isActive)
                                                    <p class="flex items-center gap-3 text-danger">
                                                        <i data-lucide="lock"></i>
                                                        شما برنامه خود را دریافت کرده اید
                                                    </p>
                                                @endif
                                                <div class="box box--stacked flex flex-col p-5">
{{--                                                    <a href="{{ route('users.reset', $user) }}" data-tw-merge="" style="margin-left: auto"--}}
{{--                                                            class="transition duration-200 border shadow-sm inline-flex items-center justify-center px-3 font-medium cursor-pointer focus:ring-4 focus:ring-warning 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-warning border-warning text-white dark:border-warning w-full rounded-[0.5rem] py-2.5 md:w-56">--}}
{{--                                                        <i data-tw-merge="" data-lucide="refresh-ccw"--}}
{{--                                                           class="rtl:ml-2 ltr:mr-2 h-4 w-4 stroke-[1.3]"></i>--}}
{{--                                                        ریست پروفایل--}}
{{--                                                    </a>--}}
{{--                                                    <div--}}
{{--                                                            class="mt-5 block flex-col pt-5 first:mt-0 first:pt-0 sm:flex xl:flex-row xl:items-center">--}}
{{--                                                        <div--}}
{{--                                                                class="mb-2 inline-block sm:mb-0 rtl:sm:ml-5 ltr:sm:mr-5 rtl:sm:text-left ltr:sm:text-right rtl:xl:ml-14 ltr:xl:mr-14 xl:w-60">--}}
{{--                                                            <div class="rtl:text-right ltr:text-left">--}}
{{--                                                                <div class="flex items-center">--}}
{{--                                                                    <div class="font-medium">ترم</div>--}}
{{--                                                                    <div--}}
{{--                                                                            class="rtl:mr-2.5 ltr:ml-2.5 rounded-md border border-slate-200 bg-slate-100 px-2 py-0.5 text-xs text-slate-500 dark:bg-darkmode-300 dark:text-slate-400">--}}
{{--                                                                        ضروری--}}
{{--                                                                    </div>--}}
{{--                                                                </div>--}}
{{--                                                                <div--}}
{{--                                                                        class="mt-1.5 text-xs leading-relaxed text-slate-500/80 xl:mt-3">--}}
{{--                                                                    در صورتی که در وسط ترم جاری ثبت نام کرده اید،--}}
{{--                                                                    میتوانید--}}
{{--                                                                    به--}}
{{--                                                                    انتخاب--}}
{{--                                                                    خودتان برنامه ترم جاری یا ترم بعدی را دریافت کنید--}}
{{--                                                                </div>--}}
{{--                                                            </div>--}}
{{--                                                        </div>--}}
{{--                                                        <div class="mt-3 w-full flex-1">--}}
{{--                                                            <select data-tw-merge="" name="choose_term" id="choose_term"--}}
{{--                                                                    data-placeholder="جستجو"--}}
{{--                                                                    class="tom-select w-auto 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 text-sm border-slate-200 shadow-sm rounded-md 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-1 flex-1">--}}
{{--                                                                @foreach(\App\Models\Plan::TERMS as $key => $value)--}}
{{--                                                                    <option value="{{ $key }}" {{ $user->choose_term == $key ? 'selected' : ''}}>{{ $value['name'] }}</option>--}}
{{--                                                                @endforeach--}}
{{--                                                            </select>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
{{--                                                    <div--}}
{{--                                                            class="mt-5 block flex-col pt-5 first:mt-0 first:pt-0 sm:flex xl:flex-row xl:items-center">--}}
{{--                                                        <div--}}
{{--                                                                class="mb-2 inline-block sm:mb-0 rtl:sm:ml-5 ltr:sm:mr-5 rtl:sm:text-left ltr:sm:text-right rtl:xl:ml-14 ltr:xl:mr-14 xl:w-60">--}}
{{--                                                            <div class="rtl:text-right ltr:text-left">--}}
{{--                                                                <div class="flex items-center">--}}
{{--                                                                    <div class="font-medium">سطح</div>--}}
{{--                                                                    <div--}}
{{--                                                                            class="rtl:mr-2.5 ltr:ml-2.5 rounded-md border border-slate-200 bg-slate-100 px-2 py-0.5 text-xs text-slate-500 dark:bg-darkmode-300 dark:text-slate-400">--}}
{{--                                                                        ضروری--}}
{{--                                                                    </div>--}}
{{--                                                                </div>--}}
{{--                                                                <div--}}
{{--                                                                        class="mt-1.5 text-xs leading-relaxed text-slate-500/80 xl:mt-3">--}}
{{--                                                                    سطح A: شامل برنامه با ۶ باکس ۷۵ دقیقه ای است. شما--}}
{{--                                                                    علا‌وه--}}
{{--                                                                    بر--}}
{{--                                                                    کارهای روزانه خود باید این مدت زمان را به اجرای--}}
{{--                                                                    برنامه--}}
{{--                                                                    سیکس پک--}}
{{--                                                                    اختصاص بدهید.--}}
{{--                                                                    <br>--}}
{{--                                                                    <br>--}}
{{--                                                                    سطح B: شامل برنامه با ۴ باکس ۷۵ دقیقه ای است. شما--}}
{{--                                                                    علا‌وه--}}
{{--                                                                    بر--}}
{{--                                                                    کارهای روزانه خود باید این مدت زمان را به اجرای--}}
{{--                                                                    برنامه--}}
{{--                                                                    سیکس پک--}}
{{--                                                                    اختصاص بدهید.--}}
{{--                                                                </div>--}}
{{--                                                            </div>--}}
{{--                                                        </div>--}}
{{--                                                        <div class="mt-3 w-full flex-1 xl:mt-0">--}}
{{--                                                            <select data-tw-merge="" name="level"--}}
{{--                                                                    autocomplete="off"--}}
{{--                                                                    {{ $isActive ? 'disabled' : '' }}--}}
{{--                                                                    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-1/3 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 selected>انتخاب کنید</option>--}}
{{--                                                                @foreach (\App\Models\Plan::LEVELS as $key => $value)--}}
{{--                                                                    <option--}}
{{--                                                                            value="{{ $value }}" {{ old('level', $user->level) == $value ? 'selected' : '' }}>{{ $value }}</option>--}}
{{--                                                                @endforeach--}}
{{--                                                            </select>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
{{--                                                    <div--}}
{{--                                                            class="mt-5 block flex-col pt-5 first:mt-0 first:pt-0 sm:flex xl:flex-row xl:items-center">--}}
{{--                                                        <div--}}
{{--                                                                class="mb-2 inline-block sm:mb-0 rtl:sm:ml-5 ltr:sm:mr-5 rtl:sm:text-left ltr:sm:text-right rtl:xl:ml-14 ltr:xl:mr-14 xl:w-60">--}}
{{--                                                            <div class="rtl:text-right ltr:text-left">--}}
{{--                                                                <div class="flex items-center">--}}
{{--                                                                    <div class="font-medium">آزمون</div>--}}
{{--                                                                    <div--}}
{{--                                                                            class="rtl:mr-2.5 ltr:ml-2.5 rounded-md border border-slate-200 bg-slate-100 px-2 py-0.5 text-xs text-slate-500 dark:bg-darkmode-300 dark:text-slate-400">--}}
{{--                                                                        ضروری--}}
{{--                                                                    </div>--}}
{{--                                                                </div>--}}
{{--                                                                <div--}}
{{--                                                                        class="mt-1.5 text-xs leading-relaxed text-slate-500/80 xl:mt-3">--}}
{{--                                                                    اگر در آزمونی غیر از قلم چی یا گزینه ۲ شرکت می کنید--}}
{{--                                                                    ،گزینه بدون--}}
{{--                                                                    آزمون کشوری را انتخاب کنید.--}}
{{--                                                                </div>--}}
{{--                                                            </div>--}}
{{--                                                        </div>--}}
{{--                                                        <div class="mt-3 w-full flex-1 xl:mt-0">--}}
{{--                                                            <select data-tw-merge="" name="quiz_type"--}}
{{--                                                                    autocomplete="off"--}}
{{--                                                                    {{ $isActive ? 'disabled' : '' }}--}}
{{--                                                                    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-1/3 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 selected>انتخاب کنید</option>--}}
{{--                                                                @foreach (\App\Models\Plan::TEST_TYPES as $key => $value)--}}
{{--                                                                    <option--}}
{{--                                                                            value="{{ $key }}" {{ old('quiz_type', $user->quiz_type) == $key ? 'selected' : '' }}>{{ $value }}</option>--}}
{{--                                                                @endforeach--}}
{{--                                                            </select>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
                                                    <div
                                                            class="mt-5 block flex-col pt-5 first:mt-0 first:pt-0 sm:flex xl:flex-row xl:items-center">
                                                        <div
                                                                class="mb-2 inline-block sm:mb-0 rtl:sm:ml-5 ltr:sm:mr-5 rtl:sm:text-left ltr:sm:text-right rtl:xl:ml-14 ltr:xl:mr-14 xl:w-60">
                                                            <div class="rtl:text-right ltr:text-left">
                                                                <div class="flex items-center">
                                                                    <div class="font-medium">رشته</div>
                                                                    <div
                                                                            class="rtl:mr-2.5 ltr:ml-2.5 rounded-md border border-slate-200 bg-slate-100 px-2 py-0.5 text-xs text-slate-500 dark:bg-darkmode-300 dark:text-slate-400">
                                                                        ضروری
                                                                    </div>
                                                                </div>
                                                                <div
                                                                        class="mt-1.5 text-xs leading-relaxed text-slate-500/80 xl:mt-3">
                                                                    چه رشته ای هستید؟
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="mt-3 w-full flex-1 xl:mt-0">
                                                            <select data-tw-merge="" name="field_id"
                                                                    autocomplete="off"
                                                                    {{ $isActive ? 'disabled' : '' }}
                                                                    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-1/3 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 selected>انتخاب کنید</option>
                                                                @foreach(\App\Models\Field::get() as $item)
                                                                    <option
                                                                            {{ old('field_id', $user->field_id) == $item->id ? 'selected' : '' }} value="{{ $item->id }}">{{ $item->name }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div
                                                            class="mt-5 block flex-col pt-5 first:mt-0 first:pt-0 sm:flex xl:flex-row xl:items-center">
                                                        <div
                                                                class="mb-2 inline-block sm:mb-0 rtl:sm:ml-5 ltr:sm:mr-5 rtl:sm:text-left ltr:sm:text-right rtl:xl:ml-14 ltr:xl:mr-14 xl:w-60">
                                                            <div class="rtl:text-right ltr:text-left">
                                                                <div class="flex items-center">
                                                                    <div class="font-medium">متقاضی فرهنگیان</div>
                                                                    <div
                                                                            class="rtl:mr-2.5 ltr:ml-2.5 rounded-md border border-slate-200 bg-slate-100 px-2 py-0.5 text-xs text-slate-500 dark:bg-darkmode-300 dark:text-slate-400">
                                                                        ضروری
                                                                    </div>
                                                                </div>
                                                                <div
                                                                        class="mt-1.5 text-xs leading-relaxed text-slate-500/80 xl:mt-3">
{{--                                                                    چه کنکوری شرکت میکنید؟--}}
                                                                    <br>
                                                                    اگر قصد شرکت در کنکور تخصصی فرهنگیان دارید حتما
                                                                    گزینه
                                                                    زیر را
                                                                    روشن نمایید.
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="mt-3 w-full flex-1 xl:mt-0">
{{--                                                            <select data-tw-merge="" name="konkoor_type"--}}
{{--                                                                    autocomplete="off"--}}
{{--                                                                    {{ $isActive ? 'disabled' : '' }}--}}
{{--                                                                    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-1/3 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 selected>انتخاب کنید</option>--}}
{{--                                                                @foreach (\App\Models\Plan::KONKORS as $key => $value)--}}
{{--                                                                    <option--}}
{{--                                                                            value="{{ $key }}" {{ old('konkoor_type', $user->konkoor_type) == $key ? 'selected' : '' }}>{{ $value }}</option>--}}
{{--                                                                @endforeach--}}
{{--                                                            </select>--}}

                                                            <div class="flex items-center mt-5">
                                                                <input name="is_farhangian" id="is_farhangian"
                                                                       autocomplete="off"
                                                                       {{ old('is_farhangian', $user->is_farhangian) ? 'checked' : '' }} type="checkbox"
                                                                       {{ $isActive ? 'disabled' : '' }}
                                                                       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>
                                                </div>
                                            @endif
                                        @endcanany
                                        <div class="flex flex-col justify-end gap-3 p-4 md:flex-row">
                                            <button data-tw-merge="" style="margin-left: auto"
                                                    class="transition duration-200 border shadow-sm inline-flex items-center justify-center px-3 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 w-full rounded-[0.5rem] py-2.5 md:w-56">
                                                <i data-tw-merge="" data-lucide="pen-line"
                                                   class="rtl:ml-2 ltr:mr-2 h-4 w-4 stroke-[1.3]"></i>
                                                ذخیره
                                            </button>
                                            <a href="{{ url()->previous() }}" data-tw-merge=""
                                               class="transition duration-200 border shadow-sm inline-flex items-center justify-center px-3 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 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 rounded-[0.5rem] border-slate-300/80 bg-white/80 py-2.5 md:w-56"><i
                                                        data-tw-merge="" data-lucide="pen-line"
                                                        class="rtl:ml-2 ltr:mr-2 h-4 w-4 stroke-[1.3]"></i>
                                                لغو</a>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $('.import-file').on('click', function (e) {
            e.preventDefault();
            let target = $(this).data('target')
            $(target).trigger('click')
        })

        $("input[type='email']").val('')
        $("input[type='password']").val('')
    </script>
@endsection