@extends('panel.layouts.master')
@section('content')
    @php
        use App\Models\Box;use App\Models\Plan;use App\Models\Subject;use Illuminate\Support\Facades\Gate;
    @endphp
    <style>
        table tr, table td {
            border: 1px solid #e2e8f099;
        }
    </style>
    <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="box box--stacked flex flex-col p-1.5">
                            <div
                                    class="relative h-48 w-full rounded-[0.6rem] bg-gradient-to-b from-theme-1/95 to-theme-2/95">
                                <div
                                        class="w-full h-full relative overflow-hidden before:content-[''] before:absolute before:inset-0 before:bg-texture-white before:-mt-[50rem] after:content-[''] after:absolute after:inset-0 after:bg-texture-white after:-mt-[50rem]"></div>
                                <div class="absolute inset-x-0 top-0 mx-auto mt-24 h-32 w-32">
                                    <div
                                            class="box image-fit h-full w-full overflow-hidden rounded border-[6px] border-white">
                                        <img src="{{ asset('dist/images/pack-icons/konkoor-map.png') }}" alt="کنکور مپ"
                                             style="object-fit: contain">
                                    </div>
                                </div>
                            </div>
                            <div class="rounded-[0.6rem] bg-slate-50 pb-6 pt-12">
                                <div class="flex items-center justify-center text-xl font-medium">
                                    برنامه مطالعاتی
                                    <i data-tw-merge="" data-lucide="badge-check"
                                       class="stroke-[1] w-5 h-5 rtl:mr-2 ltr:ml-2 fill-blue-500/30 text-blue-500"></i>
                                </div>
                                <div
                                        class="mt-2.5 flex flex-col items-center justify-center gap-x-5 gap-y-2 sm:flex-row">
                                    @if($plan->field)
                                        <div class="flex items-center text-slate-500">
                                            <i data-tw-merge="" data-lucide="book-up"
                                               class="rtl:ml-1.5 ltr:mr-1.5 h-3.5 w-3.5 stroke-[1.3]"></i>
                                            رشته {{ $plan->field->name }}
                                        </div>
                                    @endif
                                </div>
                                <div
                                        class="mt-2.5 flex flex-col items-center justify-center gap-x-5 gap-y-2 sm:flex-row">
                                    <div class="flex items-center">
                                        <a href="{{ route('plans.print', $plan->id) }}"
                                           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">
                                            چاپ برنامه
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="box box--stacked col-span-12 flex flex-col p-10 mt-10">
                            <div class="box-head mb-4 text-center flex items-center">
                                @php
                                    if(Gate::any(['user', 'adviser'])){
                                        $prevPlan = $user->plans()->where('plan_id', '<', $plan->id)->orderByDesc('id')->first();
                                        $nextPlan = $user->plans()->where('plan_id', '>', $plan->id)->first();
                                    } else{
                                        $prevPlan = Plan::where('id', '<', $plan->id)->orderByDesc('id')->first();
                                        $nextPlan = Plan::where('id', '>', $plan->id)->first();
                                    }
                                @endphp
                                @if($prevPlan)
                                    @php
                                        if(Gate::allows('adviser')){
                                            $prevRoute = route('plans.adviser.show', ['plan' => $prevPlan->id, 'user_id' => $user->id]);
                                        }else{
                                            $prevRoute = route('plans.show', $prevPlan->id);
                                        }
                                    @endphp
                                    <a href="{{ $prevRoute }}" class="flex items-center">
                                        <i data-tw-merge="" data-lucide="chevron-right"
                                           class="rtl:ml-2 ltr:mr-2 h-8 w-8 stroke-[1.3] cursor-pointer"></i>
                                        <span class="text-xs"
                                              style="opacity: 0.7;">{{ $prevPlan->is_special == 0 ? 'هفته' : '' }} {{ $prevPlan->week }}</span>
                                    </a>
                                @endif
                                <span
                                        class="text-xl mx-auto">{{ $plan->is_special == 0 ? 'هفته ' . $plan->week : $plan->desc }}</span>
                                @if($nextPlan)
                                    @php
                                        if(Gate::allows('adviser')){
                                            $nextRoute = route('plans.adviser.show', ['plan' => $nextPlan->id, 'user_id' => $user->id]);
                                        }else{
                                            $nextRoute = route('plans.show', $nextPlan->id);
                                        }
                                    @endphp
                                    <a href="{{ $nextRoute }}" class="flex items-center">
                                        <span class="text-xs"
                                              style="opacity: 0.7;">{{ $nextPlan->is_special == 0 ? 'هفته' : '' }} {{ $nextPlan->week }}</span>
                                        <i data-tw-merge="" data-lucide="chevron-left"
                                           class="rtl:ml-2 ltr:mr-2 h-8 w-8 stroke-[1.3] cursor-pointer"></i>
                                    </a>
                                @endif
                            </div>

                            <div class="plan-content">
                                <table data-tw-merge="" class="table-auto w-full border-b border-slate-200/60">
                                    <thead>
                                    <tr>
                                        <th 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">
                                            روز های هفته
                                        </th>
                                        @foreach(Box::whereIn('plan_date_id', $plan->dates()->pluck('id')->toArray())->get()->unique('number') as $box)
                                            <th 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">
                                                باکس {{$box->number}}
                                            </th>
                                        @endforeach
                                        @cannot('user')
                                            <th 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">
                                                باکس
                                            </th>
                                        @endcannot
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($plan->dates as $date)
                                        <tr>
                                            <td class="px-2 border-b dark:border-darkmode-300 border-dashed py-2 dark:bg-darkmode-600">
                                                {{ $date->day }}
                                                <p>{{ $date->date }}</p>
                                            </td>
                                            @foreach($date->boxes as $box)
                                                @php
                                                    $subjectsName = implode(' - ', Subject::whereIn('id', $box->subjects()->pluck('subject_id')->toArray())->pluck('name')->toArray());
                                                @endphp
                                                @if($box->plan_date_id == $date->id)
                                                    <td class="px-2 border-b dark:border-darkmode-300 border-dashed py-2 dark:bg-darkmode-600 text-white bg-{{ $box->boxType->color }}">
                                                        @cannot('user')
                                                            <a href="{{ route('boxes.delete', $box->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"><i
                                                                        data-tw-merge="" data-lucide="trash"
                                                                        class="stroke-[1] rtl:ml-2 ltr:mr-2 h-4 w-4"></i>
                                                                حذف</a>
                                                        @endcannot
                                                        <p>{{ $box->start_at }}-{{$box->end_at}}</p>
                                                        <p>اقدام: {{ $box->boxType->title }}</p>
                                                        @if($box->box_type_id != \App\Models\BoxType::findType('quiz_time'))
                                                            <p>درس {{ $box->lesson->name }}</p>
                                                            <p> مبحث: {{ $subjectsName }}</p>
                                                        @endif
                                                        <p> منبع: {{ $box->resource }}</p>
                                                        @cannot('user')
                                                            <a href="{{ route('boxes.edit', $box->id) }}"
                                                               class="block font-bold bg-dark rounded py-2 my-1">ویرایش</a>
                                                        @endcannot
                                                        @can('user')
                                                            @if(!$box->report())
                                                                <a href="{{ route('reports.create', $box->id) }}"
                                                                   class="block font-bold bg-dark rounded py-2 my-1">ثبت
                                                                    گزارش</a>
                                                            @else
                                                                <a href="{{ route('reports.edit', [$box->id, $box->report()->id]) }}"
                                                                   class="block font-bold bg-dark rounded py-2 my-1">ویرایش
                                                                    گزارش</a>
                                                            @endif
                                                        @else
                                                            @if($box->report())
                                                                <a href="{{ route('reports.edit', [$box->id, $box->report()->id]) }}"
                                                                   class="block font-bold bg-dark rounded py-2 my-1">نمایش
                                                                    گزارش</a>
                                                            @endif
                                                        @endif
                                                        @if(in_array($box->box_type_id, \App\Models\BoxType::findType(['learn_test', 'quiz_test', 'desc_question'])))
                                                            <a href="{{ $box->getFile() }}"
                                                               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="download"
                                                                        class="stroke-[1] rtl:ml-2 ltr:mr-2 h-4 w-4"></i>
                                                                <span>دانلود پاوربانک</span></a>

                                                        @elseif($box->box_type_id == \App\Models\BoxType::findType('quiz_time'))
                                                            @if($box->quiz)
                                                                @php
                                                                    $userQuiz = $box->quiz->users()->whereUserId($authUser->id)->first();
                                                                    $box->quiz->end($userQuiz);
                                                                    $btnTxt = 'شروع آزمون';
                                                                    if($userQuiz){
                                                                        if(!is_null($userQuiz->end_at)){
                                                                            $btnTxt = 'نمایش نتایج آزمون';
                                                                        }else{
                                                                            $btnTxt = 'ادامه آزمون';
                                                                        }
                                                                    }
                                                                @endphp

                                                                <a href="{{ route('quiz.show', $box->quiz->id) }}"
                                                                   class="mt-3 bg-success text-white cursor-pointer flex items-center justify-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">
                                                                    <span>{{ $btnTxt }}</span>
                                                                </a>
                                                            @else
                                                                @can('user')
                                                                    <a href="{{ url($box->quiz->question_file ?? '') }}"
                                                                       class="mt-3 quiztime-download bg-success text-white cursor-pointer flex items-center justify-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">
                                                                        سوال نامه
                                                                    </a>
                                                                @endcan
                                                            @endif

                                                            @can('admin')
                                                                <a href="{{ url($box->quiz->answer_file ?? '') }}"
                                                                   class="mt-3 quiztime-download bg-success text-white cursor-pointer flex items-center justify-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">
                                                                    پاسخنامه
                                                                </a>
                                                            @endcan
                                                        @endif
                                                    </td>
                                                @else
                                                    <td class="px-2 border-b dark:border-darkmode-300 border-dashed py-2 dark:bg-darkmode-600">
                                                        -
                                                    </td>
                                                @endif
                                            @endforeach
                                            @cannot('user')
                                                <td class="px-2 border-b dark:border-darkmode-300 border-dashed py-2 dark:bg-darkmode-600">
                                                    <a href="{{ route('boxes.create', $date) }}"
                                                       class="flex items-center justify-center w-full h-full text-center text-warning">
                                                        <i data-lucide="plus"></i>
                                                        <p>افزودن باکس</p>
                                                    </a>
                                                </td>
                                            @endcannot
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>

                            {{--                            <div class="mt-3">--}}
                            {{--                                <div class="flex flex-col gap-y-3 2xl:flex-row 2xl:items-center">--}}
                            {{--                                    <ul data-tw-merge="" role="tablist"--}}
                            {{--                                        class="p-0.5 border dark:border-darkmode-400 w-full flex box rtl:ml-auto ltr:mr-auto flex-col rounded-[0.6rem] border-slate-200 bg-white sm:flex-row">--}}
                            {{--                                        @foreach($plan->dates as $key => $item)--}}
                            {{--                                            @php--}}
                            {{--                                                $isActive = null;--}}
                            {{--                                                if($item->date == verta()->format('Y/m/d')){--}}
                            {{--                                                    $isActive = 'active';--}}
                            {{--                                                }--}}
                            {{--                                            @endphp--}}
                            {{--                                            <li id="day-{{ $item->id }}-tab" data-tw-merge="" role="presentation"--}}
                            {{--                                                class="focus-visible:outline-none flex-1 bg-slate-50 rtl:first:rounded-r-[0.6rem] ltr:first:rounded-l-[0.6rem] rtl:last:rounded-l-[0.6rem] ltr:last:rounded-r-[0.6rem] [&[aria-selected='true']_button]:text-current">--}}
                            {{--                                                <button data-tw-merge="" data-tw-target="#example-{{ $item->id }}"--}}
                            {{--                                                        role="tab"--}}
                            {{--                                                        class="{{ $isActive }} cursor-pointer appearance-none px-3 border border-transparent transition-colors dark:text-slate-400 [&.active]:text-slate-700 dark:border-transparent [&.active]:border [&.active]:shadow-sm [&.active]:font-medium [&.active]:border-slate-200 [&.active]:bg-white [&.active]:dark:text-slate-300 [&.active]:dark:bg-darkmode-400 [&.active]:dark:border-darkmode-400 flex w-full items-center justify-center whitespace-nowrap rounded-[0.6rem] py-2.5 text-[0.94rem] text-slate-500">--}}
                            {{--                                                    {{ $item->day }}--}}
                            {{--                                                    @if($plan->is_special == 0)--}}
                            {{--                                                        <span--}}
                            {{--                                                            class="rtl:mr-2 ltr:ml-2 flex h-5 items-center justify-center rounded-full border border-theme-1/10 bg-theme-1/10 px-1.5 text-xs font-medium text-theme-1/70">--}}
                            {{--                                                            {{ $item->date }}--}}
                            {{--                                                        </span>--}}
                            {{--                                                    @endif--}}
                            {{--                                                </button>--}}
                            {{--                                            </li>--}}
                            {{--                                        @endforeach--}}
                            {{--                                    </ul>--}}
                            {{--                                </div>--}}
                            {{--                                <div class="tab-content">--}}
                            {{--                                    @foreach($plan->dates as $key => $date)--}}
                            {{--                                        @php--}}
                            {{--                                            $isActive = null;--}}
                            {{--                                            if($date->date == verta()->format('Y/m/d')){--}}
                            {{--                                                $isActive = 'active';--}}
                            {{--                                            }--}}
                            {{--                                        @endphp--}}
                            {{--                                        <div data-transition="" data-selector=".active"--}}
                            {{--                                             data-enter="transition-[visibility,opacity] ease-linear duration-150"--}}
                            {{--                                             data-enter-from="!p-0 !h-0 overflow-hidden invisible opacity-0"--}}
                            {{--                                             data-enter-to="visible opacity-100"--}}
                            {{--                                             data-leave="transition-[visibility,opacity] ease-linear duration-150"--}}
                            {{--                                             data-leave-from="visible opacity-100"--}}
                            {{--                                             data-leave-to="!p-0 !h-0 overflow-hidden invisible opacity-0"--}}
                            {{--                                             id="example-{{ $date->id }}"--}}
                            {{--                                             role="tabpanel" aria-labelledby="day-{{ $date->id }}-tab"--}}
                            {{--                                             class="tab-pane w-full {{ $isActive }}">--}}
                            {{--                                            <div class="mt-3.5 grid grid-cols-12 gap-x-6 gap-y-10">--}}
                            {{--                                                @foreach($date->boxes as $key => $item)--}}
                            {{--                                                    @php--}}
                            {{--                                                        $color = $item->boxType->color;--}}
                            {{--                                                        $boxKey = $item->boxType->name;--}}
                            {{--                                                    @endphp--}}
                            {{--                                                    <div--}}
                            {{--                                                        class="box box--stacked col-span-12 flex flex-col md:col-span-6 xl:col-span-4">--}}
                            {{--                                                        <div class="rtl:mr-5 ltr:ml-5 mt-5 flex">--}}
                            {{--                                                        <span--}}
                            {{--                                                            class="rtl:ml-auto ltr:mr-auto flex items-center rounded-md border border-{{ $color }}/10 bg-{{ $color }}/10 px-2 py-0.5 text-xs font-medium text-{{ $color }}">--}}
                            {{--                                                            <span class="-mt-px">{{ $item->boxType->title }}</span>--}}
                            {{--                                                        </span>--}}
                            {{--                                                        </div>--}}
                            {{--                                                        <div data-tw-merge="" data-tw-placement="bottom-start"--}}
                            {{--                                                             class="dropdown absolute rtl:left-0 ltr:right-0 top-0 rtl:ml-5 ltr:mr-5 mt-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">--}}
                            {{--                                                                    @if(in_array($item->box_type_id, \App\Models\BoxType::findType(['learn_test', 'quiz_test'])))--}}
                            {{--                                                                        <a href="{{ url('uploads/plan/bank/' . $item->file_code . '.pdf') }}"--}}
                            {{--                                                                           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="download"--}}
                            {{--                                                                                class="stroke-[1] rtl:ml-2 ltr:mr-2 h-4 w-4"></i>--}}
                            {{--                                                                            دانلود پاوربانک</a>--}}
                            {{--                                                                    @endif--}}
                            {{--                                                                    @can('admin')--}}
                            {{--                                                                        <a href="{{ route('boxes.edit', $item) }}"--}}
                            {{--                                                                           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="check-square"--}}
                            {{--                                                                                class="stroke-[1] rtl:ml-2 ltr:mr-2 h-4 w-4"></i>--}}
                            {{--                                                                            ویرایش</a>--}}
                            {{--                                                                        <a 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="trash"--}}
                            {{--                                                                                class="stroke-[1] rtl:ml-2 ltr:mr-2 h-4 w-4"></i>--}}
                            {{--                                                                            حذف</a>--}}
                            {{--                                                                    @endcan--}}
                            {{--                                                                </div>--}}
                            {{--                                                            </div>--}}
                            {{--                                                        </div>--}}

                            {{--                                                        <div class="mt-5 flex flex-col items-center px-5 pb-10">--}}
                            {{--                                                            <div class="relative h-[72px] w-[72px]">--}}
                            {{--                                                                <div--}}
                            {{--                                                                    class="flex h-full w-full items-center justify-center overflow-hidden rounded-full border border-slate-200/70 bg-{{ $color }}/10">--}}
                            {{--                                                                    @if($item->box_type_id != \App\Models\BoxType::findType('quiz_time'))--}}
                            {{--                                                                        <strong>باکس {{ ++$key }}</strong>--}}
                            {{--                                                                    @else--}}
                            {{--                                                                        <img--}}
                            {{--                                                                            src="{{ asset('dist/images/pack-icons/quiz-time.png') }}"--}}
                            {{--                                                                            class="w-full"/>--}}
                            {{--                                                                    @endif--}}
                            {{--                                                                </div>--}}
                            {{--                                                            </div>--}}
                            {{--                                                            <div class="mt-3 text-[0.94rem] font-medium text-primary">--}}
                            {{--                                                                {{ $item->lesson?->name }}--}}
                            {{--                                                            </div>--}}
                            {{--                                                            @if($item->box_type_id != \App\Models\BoxType::findType('quiz_time'))--}}
                            {{--                                                                <div class="mt-1.5 text-center text-slate-500">--}}
                            {{--                                                                    @if($item->subject)--}}
                            {{--                                                                        {{ $item->subject }}--}}
                            {{--                                                                    @else--}}
                            {{--                                                                        {{ !empty($item->subjects) ? implode(' ، ', $item->subjects()->with('subject')->get()->pluck('subject.name')->toArray()) : '' }}--}}
                            {{--                                                                    @endif--}}
                            {{--                                                                </div>--}}
                            {{--                                                            @endif--}}
                            {{--                                                            <div class="mt-5 text-xs uppercase text-slate-400">--}}
                            {{--                                                                @if(in_array($item->box_type_id, \App\Models\BoxType::findType(['learn_test', 'quiz_test', 'desc_question'])))--}}
                            {{--                                                                    <a href="{{ url('uploads/plan/bank/' . $item->file_code . '.pdf') }}"--}}
                            {{--                                                                       class="bg-success text-white 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">--}}
                            {{--                                                                        <img--}}
                            {{--                                                                            src="{{ asset('dist/images/pack-icons/power-bank.png') }}"--}}
                            {{--                                                                            class="w-5 h-5"/>--}}
                            {{--                                                                        {{ $item->resource }} @can('admin')--}}
                            {{--                                                                            ({{ $item->file_code }})--}}
                            {{--                                                                        @endcan--}}
                            {{--                                                                    </a>--}}
                            {{--                                                                @elseif($item->box_type_id == \App\Models\BoxType::findType('quiz_time'))--}}
                            {{--                                                                    @if($item->quiz)--}}
                            {{--                                                                        @php--}}
                            {{--                                                                            $userQuiz = $item->quiz->users()->whereUserId($authUser->id)->first();--}}
                            {{--                                                                            $item->quiz->end($userQuiz);--}}
                            {{--                                                                            $btnTxt = 'شروع آزمون';--}}
                            {{--                                                                            if($userQuiz){--}}
                            {{--                                                                                if(!is_null($userQuiz->end_at)){--}}
                            {{--                                                                                    $btnTxt = 'نمایش نتایج آزمون';--}}
                            {{--                                                                                }else{--}}
                            {{--                                                                                    $btnTxt = 'ادامه آزمون';--}}
                            {{--                                                                                }--}}
                            {{--                                                                            }--}}
                            {{--                                                                        @endphp--}}

                            {{--                                                                        <a href="{{ route('quiz.show', $item->quiz->id) }}"--}}
                            {{--                                                                           class="mt-3 bg-success text-white cursor-pointer flex items-center justify-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">--}}
                            {{--                                                                            <span>{{ $btnTxt }}</span>--}}
                            {{--                                                                        </a>--}}
                            {{--                                                                    @else--}}
                            {{--                                                                        @can('user')--}}
                            {{--                                                                            <a href="{{ url('uploads/plan/test/' . $item->file_code . '.pdf') }}"--}}
                            {{--                                                                               class="mt-3 quiztime-download bg-success text-white 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">--}}
                            {{--                                                                                {{ $item->resource }} @can('admin')--}}
                            {{--                                                                                    ({{ $item->file_code }})--}}
                            {{--                                                                                @endcan--}}
                            {{--                                                                            </a>--}}
                            {{--                                                                        @endcan--}}
                            {{--                                                                    @endif--}}

                            {{--                                                                    @can('admin')--}}
                            {{--                                                                        <a href="{{ url('uploads/plan/test/' . $item->file_code . '.pdf') }}"--}}
                            {{--                                                                           class="mt-3 quiztime-download bg-success text-white 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">--}}
                            {{--                                                                            {{ $item->resource }} @can('admin')--}}
                            {{--                                                                                ({{ $item->file_code }})--}}
                            {{--                                                                            @endcan--}}
                            {{--                                                                        </a>--}}
                            {{--                                                                    @endcan--}}
                            {{--                                                                @endif--}}
                            {{--                                                            </div>--}}
                            {{--                                                        </div>--}}
                            {{--                                                        <div class="flex border-t border-slate-200/80 mt-auto">--}}
                            {{--                                                            <div class="flex flex-1 flex-col items-center py-3">--}}
                            {{--                                                                <div class="text-base font-medium">--}}
                            {{--                                                                    {{ $item->time ?? '-' }} دقیقه--}}
                            {{--                                                                </div>--}}
                            {{--                                                                <div class="text-slate-500">مدت زمان</div>--}}
                            {{--                                                            </div>--}}
                            {{--                                                            @if(in_array($boxKey, ['learn_test', 'quiz_test', 'quiz_time', 'desc_question']))--}}
                            {{--                                                                <div--}}
                            {{--                                                                    class="flex flex-1 flex-col items-center border-slate-200/80 py-3">--}}
                            {{--                                                                    <div class="text-base font-medium">--}}
                            {{--                                                                        {{ $item->test_count ?? '-' }}--}}
                            {{--                                                                    </div>--}}
                            {{--                                                                    <div class="text-slate-500">تعداد تست</div>--}}
                            {{--                                                                </div>--}}
                            {{--                                                            @endif--}}
                            {{--                                                            <div class="flex flex-1 flex-col items-center py-3">--}}
                            {{--                                                                @if(!$item->report())--}}
                            {{--                                                                    <a href="{{ route('reports.create', $item->id) }}"--}}
                            {{--                                                                       class="mx-auto transition duration-200 border shadow-md inline-flex items-center justify-center py-2 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 [&amp;:hover:not(:disabled)]:bg-opacity-90 [&amp;:hover:not(:disabled)]:border-opacity-90 [&amp;:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed bg-primary border-primary text-white dark:border-primary px-4">--}}
                            {{--                                                                        <svg xmlns="http://www.w3.org/2000/svg"--}}
                            {{--                                                                             width="24"--}}
                            {{--                                                                             height="24" viewBox="0 0 24 24" fill="none"--}}
                            {{--                                                                             stroke="currentColor" stroke-width="2"--}}
                            {{--                                                                             stroke-linecap="round"--}}
                            {{--                                                                             stroke-linejoin="round"--}}
                            {{--                                                                             data-lucide="clipboard-check"--}}
                            {{--                                                                             class="lucide lucide-check rtl:-mr-0.5 ltr:-ml-0.5 rtl:ml-2 ltr:mr-2 h-4 w-4 stroke-[1.3]">--}}
                            {{--                                                                            <polyline--}}
                            {{--                                                                                points="20 6 9 17 4 12"></polyline>--}}
                            {{--                                                                        </svg>--}}
                            {{--                                                                        ثبت گزارش--}}
                            {{--                                                                    </a>--}}
                            {{--                                                                @else--}}
                            {{--                                                                    <a href="{{ route('reports.edit', [$item->id, $item->report()->id]) }}"--}}
                            {{--                                                                       class="mx-auto transition duration-200 border shadow-md inline-flex items-center justify-center py-2 rounded-md font-medium cursor-pointer focus:ring-4 focus:ring-success focus:ring-opacity-20 focus-visible:outline-none dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&amp;:hover:not(:disabled)]:bg-opacity-90 [&amp;:hover:not(:disabled)]:border-opacity-90 [&amp;:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed bg-success border-success text-white dark:border-success px-4">--}}
                            {{--                                                                        <svg xmlns="http://www.w3.org/2000/svg"--}}
                            {{--                                                                             width="24"--}}
                            {{--                                                                             height="24" viewBox="0 0 24 24" fill="none"--}}
                            {{--                                                                             stroke="currentColor" stroke-width="2"--}}
                            {{--                                                                             stroke-linecap="round"--}}
                            {{--                                                                             stroke-linejoin="round"--}}
                            {{--                                                                             data-lucide="eye"--}}
                            {{--                                                                             class="lucide lucide-check rtl:-mr-0.5 ltr:-ml-0.5 rtl:ml-2 ltr:mr-2 h-4 w-4 stroke-[1.3]">--}}
                            {{--                                                                            <polyline--}}
                            {{--                                                                                points="20 6 9 17 4 12"></polyline>--}}
                            {{--                                                                        </svg>--}}
                            {{--                                                                        نمایش گزارش--}}
                            {{--                                                                    </a>--}}
                            {{--                                                                @endif--}}
                            {{--                                                            </div>--}}
                            {{--                                                        </div>--}}
                            {{--                                                    </div>--}}
                            {{--                                                @endforeach--}}
                            {{--                                                @can('admin')--}}
                            {{--                                                    <div--}}
                            {{--                                                        class="box box--stacked col-span-12 flex flex-col md:col-span-6 xl:col-span-4"--}}
                            {{--                                                        style="border-style: dashed">--}}
                            {{--                                                        <div--}}
                            {{--                                                            class="mt-5 flex flex-col h-full items-center justify-center px-5 pb-10">--}}
                            {{--                                                            <a href="{{ route('boxes.create', $date) }}"--}}
                            {{--                                                               class="flex items-center justify-center w-full h-full text-center">--}}
                            {{--                                                                <div>--}}
                            {{--                                                                    <i data-lucide="plus" class="m-auto mb-3"></i>--}}
                            {{--                                                                    <p>افزودن باکس</p>--}}
                            {{--                                                                </div>--}}
                            {{--                                                            </a>--}}
                            {{--                                                        </div>--}}
                            {{--                                                    </div>--}}
                            {{--                                                @endcan--}}
                            {{--                                            </div>--}}
                            {{--                                        </div>--}}
                            {{--                                    @endforeach--}}
                            {{--                                </div>--}}
                            {{--                            </div>--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $('.quiztime-download').on('click', function () {
            Swal.fire({
                title: 'توجه',
                text: 'داوطلب گرامی آزمون ها از ۱۵ آذر به صورت آنلاین برگزار می شود. الان فایل آزمون رو دانلود کنید در زمان مقرر آزمون بدهید و بعد از آن از طریق پاسخنامه، آزمون خود را تحلیل کنید.',
                icon: 'success',
                showConfirmButton: false,
                toast: true,
                timer: 10000,
                timerProgressBar: true,
                position: 'top-start',
                customClass: {
                    popup: 'my-toast',
                    icon: 'icon-center',
                    title: 'left-gap',
                    content: 'left-gap',
                }
            })
        })
    </script>
@endsection