@extends('panel.layouts.master')
@section('content')
    @php
        use App\Models\Box;use App\Models\Plan;use App\Models\Subject;use Illuminate\Support\Facades\Gate;
        $preloader = $sidebar = "false";
    @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">
            <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 col-span-12 flex flex-col p-5">
                            <div class="box-head mb-4 text-center flex items-center">
                                <span
                                    class="text-xl mx-auto">{{ $plan->is_special == 0 ? 'هفته ' . $plan->week : $plan->desc }}</span>
                            </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}}
                                                <p>{{ $box->start_at }}-{{$box->end_at}}</p>
                                            </th>
                                        @endforeach
                                    </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 }}">
                                                        <p>اقدام: {{ $box->boxType->title }}</p>
                                                        <p>درس {{ $box->lesson->name }}</p>
                                                        <p> مبحث: {{ $subjectsName }}</p>
                                                        <p> منبع: {{ $box->resource }}</p>
                                                    </td>
                                                @else
                                                    <td class="px-2 border-b dark:border-darkmode-300 border-dashed py-2 dark:bg-darkmode-600">
                                                        -
                                                    </td>
                                                @endif
                                            @endforeach
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection