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

    @include('layouts.toolbar')

    <div id="kt_content_container" class=" align-items-start container-xxl">
        <div class="content" id="kt_content">
            <div class="card">
                <div class="card-header border-0 pt-6">
                    <div class="card-title align-items-center">
                        <div class="align-items-center position-relative my-1">
                            <h3 class="fw-semibold text-dark mb-7" style="font-weight: bolder !important;">{{isset($studentSummerEnrollment->student) ? ucwords($studentSummerEnrollment->student->first_name) .' '. ucwords($studentSummerEnrollment->student->last_name) : ''}}
                                - {{isset($studentSummerEnrollment->currentGrade) ? $studentSummerEnrollment->currentGrade->name : ''}}</h3>
                        </div>
                    </div>
                </div>

                <div class="card-body py-4">
                    @if(count($weeks))
                        <form id="StudentSummerEnrollmentForm" name="StudentSummerEnrollmentForm" class="pt-1">
                            {{ csrf_field() }}
                            <div class="row">
                                <div class="col-sm-12 col-md-12 col-lg-12 mb-5">
                                    <div>
                                        @foreach($weeks as $key => $week)
                                            <button type="button" onclick="goToWeek({{$key}})"  style="font-size: small;"
                                                    class="{{$weekId == $key ? 'btn-outline-info' : ''}} btn btn-outline btn-outline-dashed btn-outline-primary btn-active-light-primary">
                                                Week {{$key}} :<br>
                                                {{dateFormat($week['start_date']) }}
                                                <br> {{ dateFormat($week['end_date'])}}
                                            </button>
                                        @endforeach
                                    </div>
                                </div>

                                <br>
                                <div class="col-lg-12 col-sm-12 col-md-12 mb-1">
                                    {{--<h4 class="fw-semibold text-dark" style="font-weight: bolder !important; color: #ff0000 !important;">Choose Your Week of Attendance </h4>--}}
                                    <h4 class="mb-4 badge badge-success" style="background-color: #000 !important; font-weight: bolder !important;">
                                        <span> Choose Your Week of Attendance </span>
                                    </h4>
                                    <br>

                                    <h6 class="mb-4 badge badge-success">
                                        <span>Week {{$weekId}} - {{ dateFormat($weeks[$weekId]['start_date']).' - '. dateFormat($weeks[$weekId]['end_date'])}}</span>
                                    </h6>
                                </div>

                                <br>
                                <div class="col-lg-12 col-sm-12 col-md-12 mb-1">
                                    <div class="card notice rounded border-gray-300 border">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="row">
                                                        <div class="col-sm-12 col-md-12 col-lg-12">
                                                            <div class="radio-inline">
                                                                <label class="form-check form-check-custom form-check-solid text-hover-primary text-gray-600">
                                                                    <input {{(isset($summerWeek) && $summerWeek->schedule_id == '0') ? "checked" : "checked"}} class="form-check-input border border-gray-300"
                                                                           type="radio"
                                                                           id="days_per_week schedule_id" name="schedule_id"
                                                                           value="0"
                                                                           onchange="return days_per_weeks( this.value, '', '','0' )">
                                                                    <span></span>
                                                                    &ensp; None (Per Week)
                                                                </label>
                                                            </div>
                                                        </div>

                                                        @foreach($studentSummerEnrollmentSchedules as $enrollmentSchedule)
                                                            <div class="col-sm-12 col-md-12 col-lg-12 mt-1">
                                                                <div class="radio-inline">
                                                                    <label class="form-check form-check-custom form-check-solid text-hover-primary text-gray-600">
                                                                        <input {{(isset($summerWeek) && $summerWeek->schedule_id == $enrollmentSchedule->id)? 'checked' : '' }} class="form-check-input border border-gray-300"
                                                                               type="radio" id="schedule_id"
                                                                               name="schedule_id"
                                                                               value="{{$enrollmentSchedule->id}}"
                                                                               onchange="return days_per_weeks( this.value, 'YES', '{{$enrollmentSchedule->session_time}}' , {{$enrollmentSchedule->days}})">
                                                                        <span>
                                                                &ensp; {{$enrollmentSchedule->schedule_name}} ({{time_format($enrollmentSchedule->start_time) .' - '. time_format($enrollmentSchedule->end_time) }}) ( {{$enrollmentSchedule->session_time}} )
                                                                ({{int_to_money($enrollmentSchedule->price, '$', true)}} / Basic Camp )
                                                                    </span>
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </div>

                                                <div class="col-sm-6">
                                                    <div class="row">
                                                        <input type="hidden" name="days_count_per_week" id="days_week"
                                                               value="{{isset($summerWeek) ? $summerWeek->days_count_per_week : 0}}">
                                                    </div>
                                                </div>
                                            </div>

                                            <br>
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <h4 class="fw-semibold text-dark">Please Choose days attending for
                                                        Week <span
                                                                class="text-danger">*</span> <span
                                                                class="no_summer_camp" style="color: red;"></span></h4>
                                                    @php
                                                        $days_array = ['Mon','Tue','Wed','Thu','Fri'];
                                                         $no_camp   = '';
                                                    @endphp
                                                    <div class="checkbox-inline">
                                                        @foreach($days_array as $week_day)
                                                            @if( isset( $noCamp['date_interval_week'] ) && !empty( $noCamp['date_interval_week'] ) )
                                                                @foreach( $noCamp['date_interval_week'] as $end )

                                                                    @php
                                                                        $day    = date("D",strtotime($end));

                                                                        if( $day == $week_day ){
                                                                            $no_camp .= $week_day.',';
                                                                            $dayTextShow =  date("m/d",strtotime($end)) . " No Camp";
                                                                            $is_no_camp = true;

                                                                        } else{
                                                                            if( $loop->first ){
                                                                                $is_no_camp = false;
                                                                                $dayTextShow = $week_day;
                                                                            }
                                                                        }
                                                                         $inputName = ($is_no_camp == false) ? 'days_attending[]' : 'no_camp_days[]';
                                                                    @endphp

                                                                @endforeach
                                                            @else
                                                                @php
                                                                    $is_no_camp = false;
                                                                    $dayTextShow = $week_day;
                                                                    $inputName = ($is_no_camp == false) ? 'days_attending[]' : 'no_camp_days[]';
                                                                @endphp
                                                            @endif
                                                            <label class="form-check form-check-custom form-check-solid form-check-inline text-gray-600">
                                                                <input onchange="return days_attending( '{{$week_day}}' );"
                                                                       type="checkbox"
                                                                       name="{{$inputName}}"
                                                                       @if($is_no_camp == false) {{(isset($summerWeek->days_attending) && in_array($week_day,json_decode($summerWeek->days_attending))) ? 'checked' : 'disabled'}} @else disabled @endif
                                                                       class="@if($is_no_camp == false) days_attending @endif form-check-input border border-gray-300"
                                                                       value="{{$week_day}}"
                                                                       id="week_{{$week_day}}">
                                                                <span></span>
                                                                {!! $dayTextShow !!}
                                                            </label>
                                                        @endforeach
                                                    </div>
                                                    <input type="hidden" name="no_camp" value="{{ $no_camp }}">

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br>
                                </div>

                                <br>

                                <span id="lunch-dev">
                                    <h1 class="mb-4 badge badge-success" style="background-color: #000 !important; font-weight: bolder !important;">
                                        <span> Lunch </span>
                                    </h1>

                                    <hr>
                                    <div class="col-sm-12 col-md-12 col-lg-12">
                                        <div class="radio-inline">
                                            <h6>
                                                <label class="form-check form-check-custom form-check-solid text-hover-primary">
                                                    <input {{(isset($summerWeek) && $summerWeek->is_lunch == 'YES') ? "checked" : ""}} class="form-check-input border border-gray-300" type="checkbox" id="lunch" name="lunch">
                                                    &ensp; I would like to order lunch package.
                                                </label>
                                            </h6>

                                            <p style="margin-left: 32px;">$6.00 per day for each day enrolled</p>
                                            <p style="margin-left: 32px;">You need to order lunch if needed. You will not be billed for Lunch if you are eligible for Early Bird Specials</p>
                                        </div>
                                    </div>
                                    <hr>
                                </span>
                                <br>
                                @if(isset($activities) && $activities->count())
                                    @foreach($activities as $key => $activity)
                                        @if(count($activity))
                                            <div class="col-sm-12 mt-4">
                                                <h3 class="mb-4 badge badge-success" style="background-color: #000 !important; font-weight: bolder !important;">
                                                    <span> {{ $key }} </span>
                                                </h3>
                                                {{--<h3 class="fw-semibold text-dark text-uppercase" style="background-color: black; color: #ffffff !important; display: inline-block; padding: 1%; font-weight: bolder !important;">{{$key}}</h3>--}}
                                            </div>

                                            @php
                                                $activityCats = collect($activity)->groupBy('cat_name');
                                            @endphp
                                            @foreach($activityCats as $cat => $values)
                                                <div class="col-sm-12">
                                                    <h5 class="mb-4 badge badge-success" style="font-weight: bolder !important;">
                                                        <span> {{ $cat }} </span>
                                                    </h5>
                                                    {{--<h5 class="fw-semibold text-dark text-uppercase" style="background-color: #00b300; color: #ffffff !important; display: inline-block; padding: 1%;">{{$cat}}</h5>--}}
                                                </div>

                                                <div class="col-sm-12 mb-2">
                                                    <div class="card notice rounded border-gray-300 border">
                                                        <div class="card-body">
                                                            <table class="table table-row-bordered align-middle gy-3 gs-9">
                                                                <thead class="border-bottom border-gray-200 fs-6 text-gray-600 fw-bold bg-light bg-opacity-75">
                                                                    <tr>
                                                                        <th>Select</th>
                                                                        <th>Activity</th>
                                                                        <th>Schedule</th>
                                                                        <th>Price/per week</th>
                                                                        <th>Availability</th>
                                                                    </tr>
                                                                </thead>

                                                                <tbody class="fw-semibold text-gray-600">
                                                                    @foreach($values as $item)
                                                                        @php
                                                                            $countCapcity = isset($classTakenCount[$item['class_setting_id']]) ? $classTakenCount[$item['class_setting_id']] : 0;
                                                                            $checkClass = (isset($summerWeek) && isset($summerWeek->class_codes) && in_array($item['class_setting_id'],json_decode($summerWeek->class_codes))) ? true : false
                                                                        @endphp
                                                                        <tr>
                                                                            <td>
                                                                                <div class="col-lg-12">
                                                                                    <div class="m_table_label"> Option</div>
                                                                                    <div class="table_value">
                                                                                    <label class="form-check form-check-custom form-check-solid form-check-inline">
                                                                                        @if((int)$item['class_setting_capacity'] > (int)$countCapcity || $checkClass)
                                                                                            <input
                                                                                                    onchange="return check_time_exist('{{$item['class_setting_id']}}','{{$weeks[$weekId]['order']}}','{{$item['cat_session']}}')"
                                                                                                    type="checkbox"
                                                                                                    name="class_codes[]"
                                                                                                    {{(isset($summerWeek) && isset($summerWeek->class_codes) && in_array($item['class_setting_id'],json_decode($summerWeek->class_codes))) ? 'checked' : ''}}
                                                                                                    class="form-check-input border border-gray-300 class_codes"
                                                                                                    value="{{$item['class_setting_id']}}"
                                                                                                    id="class_codes_{{$item['class_setting_id']}}">
                                                                                        @else
                                                                                            <input disabled
                                                                                                    type="checkbox"
                                                                                                    name="class_codes_full[]"
                                                                                                    {{(isset($summerWeek) && isset($summerWeek->class_codes) && in_array($item['class_setting_id'],json_decode($summerWeek->class_codes))) ? 'checked' : ''}}
                                                                                                    class="form-check-input border border-gray-300 class_codes_full"
                                                                                                    value="{{$item['class_setting_id']}}"
                                                                                                    id="class_codes_{{$item['class_setting_id']}}">
                                                                                        @endif

                                                                                        <span></span>
                                                                                    </label>
                                                                                    </div>

                                                                                </div>
                                                                            </td>

                                                                            <td>
                                                                                <div class="m_table_label"> Activity</div>
                                                                                <div class="table_value">
                                                                                {{$item['class_title']}}
                                                                                @if($item['is_multiple_speciality_camp_discount'] == "YES")
                                                                                    <div><b class="badge badge-info">Eligible
                                                                                            for Multi-Camp
                                                                                            Discount
                                                                                        </b></div>
                                                                                @endif
                                                                                </div>
                                                                            </td>

                                                                            <td class="w-225px">
                                                                                <div class="m_table_label"> Schedule</div>
                                                                                <div class="table_value">
                                                                                    
                                                                                @if(isset($item['monday']))  @endif
                                                                                    {{isset($item['monday']) ? weekTimeFormat("Mon",$item['monday']) : ''}}

                                                                                @if(isset($item['tuesday'])) <br> @endif
                                                                                    {{isset($item['tuesday']) ? weekTimeFormat("Tue",$item['tuesday']) : ''}}

                                                                                @if(isset($item['wednesday'])) <br> @endif
                                                                                    {{isset($item['wednesday']) ? weekTimeFormat("Wed",$item['wednesday']) : ''}}

                                                                                @if(isset($item['thursday'])) <br> @endif
                                                                                    {{isset($item['thursday']) ? weekTimeFormat("Thu",$item['thursday']) : ''}}

                                                                                @if(isset($item['friday'])) <br> @endif
                                                                                    {{isset($item['friday']) ? weekTimeFormat("Fri",$item['friday']) : ''}}
                                                                                 </div>
                                                                            </td>
                                                                            <td>
                                                                                <div class="m_table_label"> Price/per week</div>
                                                                                <div class="table_value">
                                                                                ${{isset($item['class_fee']) ? $item['class_fee'] : 0}}
                                                                                </div>
                                                                            </td>
                                                                            <td>
                                                                                <div class="m_table_label"> Availability</div>
                                                                                <div class="table_value">
                                                                                @if((int)$item['class_setting_capacity'] > (int)$countCapcity || $checkClass)
                                                                                    <h5 class="text-success">Open</h5>
                                                                                @else
                                                                                    <h5 class="text-danger">Class Full</h5><br>
                                                                                @endif
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                    @endforeach
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>

                                            @endforeach
                                        @endif
                                    @endforeach
                                @else
                                    <div class=" col-sm-12 mt-4">
                                        <div class="card notice rounded border-gray-300 border">
                                            <div class="card-body fw-semibold text-dark text-uppercase text-center">
                                                No class record found against this week.
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                <input type="hidden" name="enrollment_id" value="{{$studentSummerEnrollment->id}}">
                                <input type="hidden" name="record_id"
                                       value="{{isset($summerWeek) ? $summerWeek->id : NULL}}">
                                <input type="hidden" name="week_id" value="{{$weeks[$weekId]['order']}}">
                                <input type="hidden" name="week_no" value="{{$weekId}}">
                                <input type="hidden" name="schedule_session" id="schedule_session" value="">
                                <br>
                            </div>
                            <hr>
                            @php
                                $weeksCount = count($weeks);
                                $buttonText = "Save/Next";
                                $lastWeek = false;
                                if ($weekId == $weeksCount){
                                  $buttonText = "Save/Next";
                                  $lastWeek = true;
                                }
                                if ($weekId > 1){
                                    $prevoiusWeek = $weekId - 1;
                                   $backUrl  =  url('summer-enrollment/'.encryptedId($studentId).'/'.$prevoiusWeek.'/weeks');
                                }else{
//                                    $backUrl = url('summer-enrollment/'.encryptedId($studentId).'/payment-source/');
                                    $backUrl = url('summer-enrollment/'.encryptedId($studentId).'/policy');
                                }
                            @endphp
                            <div class="d-flex flex-stack">
                                <div class="mr-2">
                                    <a href="{{ $backUrl }}"
                                       class="btn btn-lg btn-light-primary me-3">
                                        <span class="svg-icon svg-icon-4 me-1"><svg width="24" height="24"
                                                                                    viewBox="0 0 24 24" fill="none"
                                                                                    xmlns="http://www.w3.org/2000/svg">
                                        <rect opacity="0.5" x="6" y="11" width="13" height="2" rx="1"
                                              fill="currentColor"></rect>
                                        <path d="M8.56569 11.4343L12.75 7.25C13.1642 6.83579 13.1642 6.16421 12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75L5.70711 11.2929C5.31658 11.6834 5.31658 12.3166 5.70711 12.7071L11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25C13.1642 17.8358 13.1642 17.1642 12.75 16.75L8.56569 12.5657C8.25327 12.2533 8.25327 11.7467 8.56569 11.4343Z"
                                              fill="currentColor"></path>
                                        </svg>
                                        </span>
                                        Back
                                    </a>
                                </div>

                                <div>
                                    <button type="button" class="btn btn-lg btn-success me-3 d-inline-block"
                                            id="SubmitForm">
                                <span class="indicator-label">
                                    {{$buttonText}}
                                    <span class="svg-icon svg-icon-3 ms-2 me-0"><svg width="24" height="24"
                                                                                     viewBox="0 0 24 24" fill="none"
                                                                                     xmlns="http://www.w3.org/2000/svg">
                                    <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1"
                                          transform="rotate(-180 18 13)"
                                          fill="currentColor"></rect>
                                    <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z"
                                          fill="currentColor"></path>
                                    </svg>
                                    </span>
                                </span>
                                        <span class="indicator-progress">
                                    Please wait... <span
                                                    class="spinner-border spinner-border-sm align-middle ms-2"></span>
                                </span>
                                    </button>

                                </div>
                            </div>
                        </form>
                    @else
                        <div class="text-center">
                            <h5> No weeks are available for this summer enrollment.</h5>
                        </div>
                    @endif
                </div>
                <input type="hidden" id="week_schedules_count" value="{{isset($studentSummerEnrollment->enrollmentWeekSchedules) ? $studentSummerEnrollment->enrollmentWeekSchedules->where('week_no','!=',$weeksCount)->count() : 0}}">
            </div>
        </div>
    </div>
    <input type="hidden" id="enrollmentSchedules" name="enrollmentSchedules" value="{{json_encode($studentSummerEnrollmentSchedules->toArray())}}">

@endsection
@section('js')
    <script>
        $(function () {
            $(document).on('click', '#SubmitForm', function (e) {
                $('#SubmitForm').prop('disabled',true);
                $('.indicator-label').hide();
                $('.indicator-progress').show();

                let backUrl = "{{ url('summer-enrollment/'.encryptedId($studentId).'/'.($weekId + 1).'/weeks') }}";
                let addedWeekScheduleCount = true;
                var no_of_days = $("#days_week").val();
                var schedule_id = $("input[name='schedule_id']:checked").val();

                @if(count($weeks))
                    @if($lastWeek)
                        backUrl = "{{ url('summer-enrollment/agreement-after-week/'.encryptedId($studentId)) }}";

                        let week_schedules_count = parseInt($("#week_schedules_count").val());

                        if (week_schedules_count == 0) {
                            toastr.error(['Please schedule one more week.']);
                            addedWeekScheduleCount = false;
                        }
                        if(schedule_id == 0 && week_schedules_count == 1) {
                            toastr.error(['Please schedule one more week.']);
                            addedWeekScheduleCount = false;
                        }

                    @endif
                @endif

                if(addedWeekScheduleCount === false){
                    $('#SubmitForm').prop('disabled',false);
                    $('.indicator-label').show();
                    $('.indicator-progress').hide();
                }

                var days_attending = [];
                $.each($(".days_attending:checked"), function () {
                    days_attending.push($(this).val());
                });
{{--                @if($no_camp)--}}
{{--                    let noCampDays = '{{$no_camp}}';--}}
{{--                    let daysArrayNOCamp = noCampDays.split(',')--}}
{{--                    daysArrayNOCamp.forEach(function(item) {--}}
{{--                        days_attending.push(item);--}}
{{--                    });--}}
{{--                @endif--}}
{{--                    days_attending = days_attending.filter(function (el) {--}}
{{--                                        return el != '';--}}
{{--                                    });--}}

                if(no_of_days == 3 || no_of_days == 4 || no_of_days == 5) {
                    if(no_of_days == 3 && days_attending.length < 3){
                        let schedule_name = checkSchedule(schedule_id);
                        let errorMessageForDays = 'You have selected '+schedule_name+'. Please select '+no_of_days+' weekdays.'
                        toastr.error(errorMessageForDays);
                        $('#SubmitForm').prop('disabled',false);
                        $('.indicator-label').show();
                        $('.indicator-progress').hide();
                        return;
                    }
                    if(no_of_days == 4 && days_attending.length < 4){
                        let schedule_name = checkSchedule(schedule_id);
                        let errorMessageForDays = 'You have selected '+schedule_name+'. Please select '+no_of_days+' weekdays.'
                        toastr.error(errorMessageForDays);
                        $('#SubmitForm').prop('disabled',false);
                        $('.indicator-label').show();
                        $('.indicator-progress').hide();
                        return;
                    }
                    if(no_of_days == 5 && days_attending.length < 5){
                        let schedule_name = checkSchedule(schedule_id);
                        let errorMessageForDays = 'You have selected '+schedule_name+'. Please select '+no_of_days+' weekdays.'
                        toastr.error(errorMessageForDays);
                        $('#SubmitForm').prop('disabled',false);
                        $('.indicator-label').show();
                        $('.indicator-progress').hide();
                        return;
                    }
                }


                if (schedule_id == 0 && addedWeekScheduleCount){
                    // toastr.info('Weekly information is not saved because you selected none for weekly attendance.');
                    // addedWeekScheduleCount = false;
                    setTimeout(function () {
                        window.location.href = backUrl
                    }, 1500);
                    return;
                }

                if (addedWeekScheduleCount){
                    submitForm(backUrl)
                }else {
                    $('#SubmitForm').prop('disabled',false);
                    $('.indicator-label').show();
                    $('.indicator-progress').hide();
                }
            });
        });

        @if(!isset($summerWeek))
            days_per_weeks('0', '', '', '0');
         @else
            var schedule_id = $("input[name='schedule_id']:checked").val();
            if(schedule_id == '0'){
                days_per_weeks('0', '', '', '0',true);
            }else {
                var schedule = getSchedule(schedule_id);
                days_per_weeks(schedule_id, 'YES', schedule.session_time , schedule.days,false)
            }
        @endif

        function goToWeek(week) {
            let student_id = "{{encryptedId($studentId)}}"
            var no_of_days = $("#days_week").val();
            var schedule_id = $("input[name='schedule_id']:checked").val();

            if (no_of_days == 0 && schedule_id == 0){
                window.location.href = "{{ url('summer-enrollment/') }}/" + student_id + "/" + week + "/weeks";
            }else {
                Swal.fire({
                    icon: "warning",
                    title: "Oops...",
                    text: ' Your selections have not been saved.  Please go to the end of this page to click on next button to save your selections and proceed to the next week.',
                    showDenyButton: false,
                    confirmButtonText: 'OK!'
                }).then(function(result) {
                    if (result.isConfirmed) {
{{--                        window.location.href = "{{ url('summer-enrollment/') }}/" + student_id + "/" + week + "/weeks";--}}
                    }
                });
            }

        }

        function days_per_weeks(value, package, schedule_session, no_of_days,onloadCheck = true) {
            if (value == '0') {
                $(".days_attending").attr("disabled", true);
                $('.days_attending').prop('checked', false);
                $('.class_codes').prop('checked', false);
                $(".class_codes").attr("disabled", true);
                $("#days_week").val(no_of_days);
                $("#schedule_session").val(schedule_session);
                $('#lunch-dev').hide()
                @if(isset($summerWeek))
                    removeAttendingDays()
                @endif
            } else {
                $("#days_week").val(no_of_days);
                if(schedule_session == 'FULL DAY'){
                    $('#lunch-dev').show()
                }else {
                    $('#lunch-dev').hide()
                }
                $("#schedule_session").val(schedule_session);
                if(onloadCheck){
                    $(".days_attending").prop('checked', false);
                    $(".days_attending").removeAttr("disabled");
                    $('.class_codes').prop('checked', false);
                    $(".class_codes").removeAttr("disabled");
                }

                var inputs = document.querySelectorAll('.days_attending');
                if (no_of_days == 5) {
                    var j = 0;
                    for (var i = 0; i < no_of_days; i++) {
                        inputs[j].checked = true;
                        j++;
                    }
                }
            }
        }

        function days_attending(id = '') {
            var no_of_days = $('#days_week').val();
            $('.class_codes').prop('checked', false);
            $(".class_codes").removeAttr("disabled");
            if ($(":checkbox[name='days_attending[]']:checked").length == no_of_days) {
                $(':checkbox[name="days_attending[]"]:not(:checked)').prop('disabled', true);
            } else if ($(":checkbox[name='days_attending[]']:checked").length > no_of_days) {
                if (id) {
                    $('#week_' + id).prop('checked', false);
                }
            } else {
                $(':checkbox[name="days_attending[]"]:not(:checked)').prop('disabled', false);
            }
        }


        function check_time_exist(class_id, week, schedule_session) {
            var checked_class_id = [];
            $.each($(".class_codes:checked"), function () {
                checked_class_id.push(parseInt($(this).val()));
            });
            $.each($(".class_codes_full:checked"), function () {
                checked_class_id.push(parseInt($(this).val()));
            });

            var days_attending = [];
            $.each($(".days_attending:checked"), function () {
                days_attending.push($(this).val());
            });
            @if($no_camp)
                let noCampDays = '{{$no_camp}}';
                let daysArrayNOCamp = noCampDays.split(',')
                daysArrayNOCamp.forEach(function(item) {
                    days_attending.push(item);
                });
            @endif
                days_attending = days_attending.filter(function (el) {
                                    return el != '';
                                });
            if (checked_class_id.includes(parseInt(class_id))) {
                checked_class_id = checked_class_id.filter(function (e) {
                    return e !== parseInt(class_id)
                })
            }

            var day_week = $("#schedule_session").val();
            if (days_attending.length == 0) {
                toastr.error('Please select the attending days first');
                return true;
            }

            // if (day_week == 'MORNING' && schedule_session == 'AFTERNOON') {
            //     $('#class_codes_' + class_id).prop('checked', false);
            //     toastr.error(['Please check the weekly attendance you chose so that student will be physically onsite to participate in all of the classes and activities that you want to enroll.']);
            //
            // } else if (day_week == 'AFTERNOON' && schedule_session == 'MORNING') {
            //     $('#class_codes_' + class_id).prop('checked', false);
            //     toastr.error(['Please check the weekly attendance you chose so that student will be physically onsite to participate in all of the classes and activities that you want to enroll.']);
            // } else {
            //
            // }

            var schedule_id = $("input[name='schedule_id']:checked").val();
            var is_no_camp = "{{isset($no_camp) ? true : false}}";
            var v_token = "{{csrf_token()}}";

            $.ajax({
                type: 'POST',
                url: '{{ url("summer-enrollment/check-time-exist") }}',
                data: {
                    _token:v_token,
                    class_id: class_id,
                    week: week,
                    checked_class_id: checked_class_id,
                    days_attending:days_attending,
                    schedule_id:schedule_id,
                    is_no_camp:is_no_camp
                },
                dataType: 'json',

                success: function (data) {
                    if (data.success) {

                    } else if (data.failure) {
                        $('#class_codes_'+class_id ).prop('checked', false);
                        toastr.error( data.failure );
                    }
                }
            });

                return true;
        }

        function submitForm(backUrl){
            $.ajax({
                type: 'POST',
                url: '{{ url("summer-enrollment/week-store") }}',
                processData: false,
                contentType: false,
                data: new FormData($('#StudentSummerEnrollmentForm')[0]),
                dataType: 'json',
                beforeSend: function() {
                    $('#SubmitForm').hide();
                },
                success: function (data) {

                    if (data.success) {
                        toastr.success(data.success);
                        setTimeout(function () {
                            window.location.href = backUrl
                        }, 1500);

                    } else if (data.failure) {
                        $('#SubmitForm').show();
                        $('#SubmitForm').prop('disabled',false);
                        $('.indicator-label').show();
                        $('.indicator-progress').hide();
                        let htmlError = '';
                        $.each(data.failure, function (index, value) {
                            htmlError += '<li>' + value + '</li>';
                        });

                        toastr.error(htmlError);
                    }
                },
                error: function() {
                    $('#SubmitForm').show();
                }
            });
        }


        function removeAttendingDays(id){
            Swal.fire({
                icon: 'warning',
                title: 'Are you sure want to change None (Per Week)? It will remove the below selected classes for this week.',
                showDenyButton: false,
                showCancelButton: true,
                confirmButtonText: 'Yes'

            }).then(function(result) {
                if (result.isConfirmed) {
                    var id = null;
                    @if(isset($summerWeek->id))
                        id = "{{$summerWeek->id}}";
                    @endif
                    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                    $.ajax({
                        type: 'POST',
                        url: "{{ url('summer-enrollment/remove-week') }}",
                        data: {
                            _token: CSRF_TOKEN,
                            id: id
                        },
                        success: function (results) {
                            if (results.status == 'Success') {
                                swal("Done!", results.status, "success");
                                setTimeout(function () {
                                    window.location.reload()
                                }, 1000);
                            } else if (results.failure) {
                                let htmlError = '';
                                $.each(results.failure, function (index, value) {
                                    htmlError += '<li>' + value + '</li>';
                                });
                                Swal.fire({
                                    icon: 'warning',
                                    title: htmlError,
                                    showDenyButton: false,
                                    showCancelButton: false,
                                    confirmButtonText: 'OK'

                                }).then(function(result) {
                                    if (result.isConfirmed) {
                                        setTimeout(function () {
                                            window.location.reload()
                                        }, 1000);
                                    }
                                });


                            } else {
                                swal("Error!", results.status, "error");
                            }
                        }
                    });
                } else {
                    return false;
                }
            });
        }

        function checkSchedule(scheduleId) {
            let schedules = $('#enrollmentSchedules').val();
            let schedulesJson = JSON.parse(schedules);
            if(scheduleId && schedulesJson.length > 0) {
                let schedule = schedulesJson.find(obj => {
                    return obj.id === parseInt(scheduleId)
                });
                if(typeof schedule === 'object' && !Array.isArray(schedule) && schedule !== null){
                    return schedule.schedule_name;
                }
                return null;
            }
            return null;
        }

        function getSchedule(scheduleId) {
            let schedules = $('#enrollmentSchedules').val();
            let schedulesJson = JSON.parse(schedules);
            if (scheduleId && schedulesJson.length > 0) {
                let schedule = schedulesJson.find(obj => {
                    return obj.id === parseInt(scheduleId)
                });
                if (typeof schedule === 'object' && !Array.isArray(schedule) && schedule !== null) {
                    return schedule;
                }
                return null;
            }
            return null;
        }

    </script>
@endsection