@extends('layouts.app')
@section('content')

    @include('layouts.toolbar')

    <style>
        .tabs-sticky-scroll {
            background: #fff;
            width: 100%;
            height: 100%;
            z-index: 1;
            position: sticky;
            top: 70px;
        }
    </style>
    <div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl">
        <div class="content flex-row-fluid" id="kt_content">
            <div class="card card-page" style="background: #F1F5F2">
                <div class="card-body p-0">
                    <section class="summer-camp-area pt-5 mt-4">
                        <div class="container">
                            <div class="heading mb-10">
                                <h2 class="fw-bolder text-center">Summer {{ session('enrollment_year') }} Overview (Onsite)</h2>
                            </div>
                        </div>

                        @if(!empty($weeks))
                            <div class="tabs-sticky-scroll pb-8">
                                <div class="container-fluid p-0">
                                    <div class="tabs-line">
                                        <hr />
                                    </div>
                                </div>
                                <div class="container">
                                    <div class="summer-tabs-area">
                                        <ul class="nav nav-tabs justify-content-between border-0" id="myTab" role="tablist">
                                            @foreach($weeks as $weeks_key => $weeks_value)
                                                <li class="nav-item position-relative" role="presentation">
                                                    <button class="btn btn-sm btn-white px-4 py-2 rounded-pill overflow-hidden {{ $loop->first ? 'active' : '' }}" data-bs-toggle="tab" data-bs-target="{{ '#weektab'.$weeks_value['order'] }}" data-bs-week="{{ $weeks_value['order'] }}" type="button" role="tab" aria-selected="true">WK {{ $weeks_value['order'] }}<br />
                                                        @php usDateFormat($weeks_value['start_date']) @endphp - @php usDateFormat($weeks_value['end_date']) @endphp
                                                    </button>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div class="container">
                                <div class="summer-tabs-content-area mt-10">
                                    <div class="tab-content" id="weekstavContent">
                                        @foreach ($weeks as $tabresult)
                                            <div class="tab-pane fade {{ $loop->first ? 'show active' : '' }}" id="{{ 'weektab'.$tabresult['order'] }}" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
                                                <div class="summer-specialty-area">
                                                    @if (!empty($data))
                                                        @foreach ($data as $key => $value)
                                                            <div class="summer-sp-item mb-5">

                                                                <div class="summer-specialty-heading mb-8">
                                                                    <div class="info-heading fw-semibold p-5 position-relative ps-8 rounded">
                                                                        {{ ucwords($key) . ' ' . $value[0]->group_info }}
                                                                    </div>
                                                                </div>

                                                                <div class="summer-content-area">
                                                                    <div class="row">
                                                                        @foreach ($value as $group)
                                                                            @php $classSettings = $group->classSettings; @endphp
                                                                            @if($classSettings->count() && $classSettings->where('week_id', $tabresult['order'])->first())
                                                                                @foreach($classSettings as $class)
                                                                                    @if($tabresult['order'] == $class->week_id)
                                                                                        @php
                                                                                                $days = [];
                                                                                                $time = '';
                                                                                                $classEnrollment = $class->enrollmentClass;
                                                                                                $schedule = $class->classSettingSchedule;
                                                                                                $enrollmentsWeeksScheduleIDS = $enrollmentsWeeksSchedules->where('week_no',$tabresult['order'])->pluck('id')->toArray();
                                                                                                $takenClasses = isset($class->enrollmentTakenClasses)?$class->enrollmentTakenClasses()->whereIn('summer_enrollment_week_schedule_id',$enrollmentsWeeksScheduleIDS)->count():0;

                                                                                                // $takenClasses = isset($class->enrollmentTakenClasses)?$class->enrollmentTakenClasses()->whereIn('enrollment_id',$enrollmentIds)->count():0;
                                                                                                $capacity = $class->capacity??0;
                                                                                                $remaning = ($capacity - $takenClasses);
                                                                                                $grades = $class->grades();
                                                                                                $color = isset($classEnrollment->class_color)?$classEnrollment->class_color:'#D6E9FF';

                                                                                                if(isset($schedule->monday)){
                                                                                                    $days[] = 'Monday';
                                                                                                    $monday = json_decode($schedule->monday);
                                                                                                    $time = date("h:i", strtotime($monday->start)) . ' - ' . date("h:i", strtotime($monday->end));
                                                                                                }
                                                                                                if(isset($schedule->tuesday)){
                                                                                                    $days[]= 'Tuesday';
                                                                                                    $tuesday = json_decode($schedule->tuesday);
                                                                                                    $time = date("h:i", strtotime($tuesday->start)) . ' - ' . date("h:i", strtotime($tuesday->end));
                                                                                                }
                                                                                                if(isset($schedule->wednesday)){
                                                                                                    $days[]= 'Wednesday';
                                                                                                    $wednesday = json_decode($schedule->wednesday);
                                                                                                    $time = date("h:i", strtotime($wednesday->start)) . ' - ' . date("h:i", strtotime($wednesday->end));
                                                                                                }
                                                                                                if(isset($schedule->thursday)){
                                                                                                    $days[]= 'Thursday';
                                                                                                    $thursday = json_decode($schedule->thursday);
                                                                                                    $time = date("h:i", strtotime($thursday->start)) . ' - ' . date("h:i", strtotime($thursday->end));
                                                                                                }
                                                                                                if(isset($schedule->friday)){
                                                                                                    $days[]= 'Friday';
                                                                                                    $friday = json_decode($schedule->friday);
                                                                                                    $time = date("h:i", strtotime($friday->start)) . ' - ' . date("h:i", strtotime($friday->end));
                                                                                                }

                                                                                                //dd($classEnrollment);
                                                                                        @endphp

                                                                                        <div class="col-md-6 col-12">
                                                                                            <div class="card p-2 mb-8" style="border: 2px solid {{ $color }};">
                                                                                                <div class="card-header border-0 d-flex justify-content-between align-items-center" style="background: {{ $color }};">
                                                                                                    <h5 class="mb-0">{{ ucwords($classEnrollment->class_title) }}</h5>

                                                                                                    <div class="icon">
                                                                                                        @if(!empty($classEnrollment->icon))
                                                                                                            <img src="{{ $classEnrollment->icon }}" alt="{{ ucwords($classEnrollment->class_title) }}" class="img-fluid" />
                                                                                                        @endif


                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="card-body">
                                                                                                    <div class="content">
                                                                                                        <p class="mb-2">
                                                                                                            <img src="{{asset('assets/summer-class-schedule/icon1.png')}}" class="img-fluid" />
                                                                                                            <span class="fw-medium">Price/per week:</span> ${{ $class->class_fee }}
                                                                                                        </p>

                                                                                                        <p class="mb-2">
                                                                                                            <img src="{{asset('assets/summer-class-schedule/icon2.png')}}" class="img-fluid" />
                                                                                                            <span class="fw-medium">Class Grades:</span> {{ $grades }}
                                                                                                        </p>

                                                                                                        <p class="mb-2">
                                                                                                            <img src="{{asset('assets/summer-class-schedule/icon2.png')}}" class="img-fluid" />
                                                                                                            <span class="fw-medium">Class Size:</span> {{ $class->capacity }}
                                                                                                        </p>

                                                                                                        <p class="mb-2">
                                                                                                            <img src="{{asset('assets/summer-class-schedule/icon2.png')}}" class="img-fluid" />
                                                                                                            <span class="fw-medium" style="color: #FF0000;"><strong>Remaining:</strong> {{ $class->capacity - $takenClasses }}</span>
                                                                                                        </p>

                                                                                                        <p class="mb-2">
                                                                                                            <i class="fa-solid fa-calendar-days" style="color: #50CD89; font-size: 16px; margin-left: 2px;"></i>
                                                                                                            <span class="fw-medium" style="margin-left: 2px;">Days:</span>
                                                                                                            {{ !empty($days)?implode(', ', $days):'' }}
                                                                                                        </p>

                                                                                                        <p class="mb-2">
                                                                                                            <i class="fa-solid fa-clock" style="color: #50CD89; font-size: 16px; margin-left: 2px;"></i>
                                                                                                            <span class="fw-medium" style="margin-left: 2px;">Time:</span> {{ $time }}
                                                                                                        </p>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    @endif
                                                                                @endforeach
                                                                            @endif
                                                                        @endforeach
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @endif
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        @endif
                    </section>
                </div>
            </div>
        </div>
    </div>
@endsection