@extends('layouts.app')
@section('css')
    <style>
        td.emty_div{
            background-color:#e1e1e1;
        }
    </style>
@endsection
@section('content')

    @include('layouts.toolbar')

    <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">
                <div class="card-body">
                    <div class="row gy-12 g-xl-12">
                        <div class="col-xxl-12">
                            <div class="card card-xxl-stretch">
                                <div class="card-header border-0 pt-5">
                                    <h3 class="card-title fw-bold text-gray-800 fs-2">Weekly Basic Camp Rosters</h3>
{{--                                    <a href="#" type="button" class="btn btn-info pt-5">View All Assignments</a>--}}

                                </div>
                                <div class="card-body py-0 mt-2">
                                    <form>
                                        <div class="row">
                                        <div class="col-3 mb-2">
                                            <label class="form-label fs-6 fw-semibold"> Week </label>
                                            <select name="week_no" id="week_no_weekly_basic_camp" class="form-select form-select-sm form-select-solid" data-control="select2" data-placeholder="Select an option">
                                                <option value="0"> Select Week</option>
                                                @for($x=1;$x<=10;$x++)
                                                    <option value="{{$x}}">Week {{$x}}</option>
                                                @endfor
                                            </select>
                                        </div>
                                        <div class="col-3 mb-2">
                                            <label class="form-label fs-6 fw-semibold"> Time Slot </label>
                                            <select name="time_slot" id="time_slot_weekly_basic_camp" class="form-select form-select-sm form-select-solid" data-control="select2" data-placeholder="Select an option">
                                                <option value="0">Select time slot</option>
                                                <option value="09:15 - 10:45">09:15 - 10:45</option>
                                                <option value="11:00 - 12:30">11:00 - 12:30</option>
                                            </select>
                                        </div>


                                        <div class="col-3 mt-8">
                                            <button type="submit" class="btn btn-info btn-sm"> Filter </button>
                                            <a href="{{ url('reports/weekly-basic-camp-rosters') }}" class="btn btn-warning btn-sm"> Clear </a>
                                            <a href="{{ url('reports/weekly-basic-camp-rosters/export') }}" type="button" class="btn btn-success btn-sm xls"> XLS </a>
                                        </div>
                                    </div>
                                    </form>

                                    @if(isset($dataArray) && count($dataArray))
                                        <br>
                                        <hr><br>
                                        @foreach($dataArray as $key => $value)
                                            <h3 class="card-title fw-bold text-gray-800 fs-2 text-center">{{$key}}</h3>
                                            @foreach($value as $keyValue =>$enrollmentArray)
                                            @if(isset($keyValue))
                                                <h3 class="card-title fw-bold text-success fs-2 text-center">{{$keyValue}}</h3>

                                            @endif
                                            @foreach($gradesArrayValues as $gradKey => $gradeValue)
                                                    @if(isset($gradKey))
                                                        <h3 class="card-title fw-bold text-primary fs-2 text-center">{{$gradeValue}}</h3>

                                                    @endif
                                                <div class="table-responsive">

                                                    <table class="table align-middle table-row-dashed fs-6 gy-5"
                                                           id="kt_table_report">
                                                        <thead>
                                                        <tr class="bg-success text-white text-center fw-bold fs-7 text-uppercase gs-0">
                                                            <th class="min-w-30px">Sr.#</th>
                                                            <th class="min-w-125px">Student Name</th>
                                                            <th class="min-w-125px">Grade</th>
                                                            <th class="min-w-125px">Schedule</th>
                                                            <th class="min-w-125px">Moday</th>
                                                            <th class="min-w-140px">Tuesday</th>
                                                            <th class="min-w-125px">Wednesday</th>
                                                            <th class="min-w-125px">Thursday</th>
                                                        </tr>
                                                        </thead>

                                                        <tbody class="fw-semibold text-gray-600">
                                                        @if(count($enrollmentArray[$gradeValue]) && isset($enrollmentArray[$gradeValue]))
                                                            @php
                                                                $count = 1;
                                                                sort($enrollmentArray[$gradeValue]);
                                                            @endphp
                                                            @foreach($enrollmentArray[$gradeValue] as $item)
                                                                @php
                                                                    $days = json_decode($item['days_attending']);
                                                                @endphp
                                                                <tr class="text-center">
                                                                    <td>{{ $count++ }}</td>
                                                                    <td>{{$item['student_name'] }}</td>
                                                                    <td>{{ $item['grade'] }}</td>
                                                                    <td>{{ $item['schedule'] }}</td>
                                                                    <td class="{{ in_array('Mon', $days)?'':'emty_div' }}"></td>
                                                                    <td class="{{ in_array('Tue', $days)?'':'emty_div' }}"></td>
                                                                    <td class="{{ in_array('Wed', $days)?'':'emty_div' }}"></td>
                                                                    <td class="{{ in_array('Thu', $days)?'':'emty_div' }}"></td>
                                                                </tr>
                                                            @endforeach

                                                        @else
                                                            <div class="alert alert-danger d-flex align-items-center p-5">
                                                                <i class="ki-duotone ki-shield-tick fs-2hx text-success me-4"><span
                                                                            class="path1"></span><span
                                                                            class="path2"></span></i>

                                                                <div class="d-flex flex-column">
                                                                    <h4 class="mb-1 text-danger">No Record Found!</h4>

                                                                    <span> {{ !empty((session()->has('week_no_weekly_basic_camp')))?'Weekly Basic Camp Roster has no data in this selected week '.session()->get('week_no_weekly_basic_camp'):'Please select week' }} </span>
                                                                </div>
                                                            </div>
                                                        @endif
                                                        </tbody>
                                                    </table>
                                                </div>
                                          @endforeach
                                            @endforeach
                                        @endforeach
                                    @else
                                        <br>
                                        <div class="alert alert-danger d-flex align-items-center p-5">
                                            <i class="ki-duotone ki-shield-tick fs-2hx text-success me-4"><span
                                                        class="path1"></span><span
                                                        class="path2"></span></i>

                                            <div class="d-flex flex-column">
                                                <h4 class="mb-1 text-danger">No Record Found!</h4>

                                                <span> {{ !empty((session()->has('week_no_weekly_basic_camp')))?'Weekly Basic Camp Roster has no data in this selected week '.session()->get('week_no_weekly_basic_camp'):'Please select week' }} </span>
                                            </div>
                                        </div>
                                    @endif


{{--                                    <br><hr><br>--}}
{{--                                    <h3 class="card-title fw-bold text-gray-800 fs-2">Upload weekly basic camp classroom assignment file</h3>--}}
{{--                                    @php--}}
{{--                                        $timeArray = ['09:15 - 10:45','11:00 - 12:30'];--}}
{{--                                    @endphp--}}
{{--                                    @foreach($weeks as $x)--}}
{{--                                    <div class="table-responsive">--}}

{{--                                        <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_table_report">--}}
{{--                                            <thead>--}}
{{--                                            <tr class="bg-primary text-center">--}}
{{--                                                <th class="min-w-30px fw-bold" colspan="4"> Week {{$x}}</th>--}}
{{--                                            </tr>--}}
{{--                                            </thead>--}}
{{--                                            <tbody class="fw-semibold text-gray-600">--}}
{{--                                                @foreach($timeArray as $time)--}}
{{--                                                    @php--}}
{{--                                                    $document = $documents->where('week_no', $x)->where('time_slot', $time)->first();--}}
{{--                                                    @endphp--}}
{{--                                                    <tr class="text-center">--}}
{{--                                                        <td class="min-w-150px">{{$time}}</td>--}}
{{--                                                        <td class="min-w-50px">--}}
{{--                                                            <button  type="button" class="btn btn-success btn-sm" onclick="openWeeklyBasicCampRosterModal('{{$x}}','{{$time}}')"> Upload </button>--}}
{{--                                                        </td>--}}
{{--                                                        @if($document)--}}
{{--                                                            <td class="min-w-300px">--}}
{{--                                                                <a href="{{url('public'.$document->file_path)}}">{{$document->file_name}}</a>--}}
{{--                                                            </td>--}}
{{--                                                            <td class="min-w-50px">--}}
{{--                                                                <button  type="button" class="btn btn-danger btn-sm" onclick="deleteFile('{{$document->id}}')"> Delete </button>--}}
{{--                                                            </td>--}}
{{--                                                        @else--}}
{{--                                                            <td class="min-w-300px"></td>--}}
{{--                                                            <td class="min-w-50px"></td>--}}
{{--                                                        @endif--}}

{{--                                                    </tr>--}}
{{--                                                @endforeach--}}
{{--                                            </tbody>--}}
{{--                                        </table>--}}
{{--                                        @endforeach--}}

{{--                                    </div>--}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('reports.modal.weekly-basic-camp-roaster-modal')
@endsection

@section('js')
    <script>
        @if(session()->has('week_no_weekly_basic_camp'))
        var week_no_weekly_basic_camp = '{{ session()->get('week_no_weekly_basic_camp')}}';
        $('#week_no_weekly_basic_camp').val(week_no_weekly_basic_camp);
        @endif
        @if(session()->has('time_slot_weekly_basic_camp'))
        var time_slot_weekly_basic_camp = '{{ session()->get('time_slot_weekly_basic_camp')}}';
        $('#time_slot_weekly_basic_camp').val(time_slot_weekly_basic_camp);
        @endif
        function openWeeklyBasicCampRosterModal(weekNo, timeSlot) {
            console.log(weekNo,timeSlot)
            $('#week_no').val(weekNo);
            $('#module_name').val('weekly-basic-camp-roster');
            $('#time_slot').val(timeSlot);
            $('#weeklyBasicCampModal').modal('show');
            $('#weeklyBasicCampModalForm')[0].reset();
        }

        $(function () {
            $(document).on('click', '#weeklyBasicCampModalSubmit', function (e) {

                $.ajax({
                    type: 'POST',
                    url: '{{ url("reports/weekly-basic-camp-rosters/file") }}',
                    data: new FormData($('#weeklyBasicCampModalForm')[0]),
                    contentType: false,
                    processData: false,

                    beforeSend: function() {
                        $('#weeklyBasicCampModalSubmit').hide();
                        $('.weeklyBasicCampModalCancel').hide();
                    },

                    success: function (data) {
                        if (data.success) {
                            toastr.success(data.success);
                            setTimeout(function () {
                                window.location.reload();
                            }, 1500);

                        } else if (data.failure) {
                            let htmlError = '';
                            $.each(data.failure, function (index, value) {
                                htmlError += '<li>' + value + '</li>';
                            });
                            toastr.error(htmlError);
                        }
                    },

                    complete: function() {
                        $('#weeklyBasicCampModalSubmit').show();
                        $('.weeklyBasicCampModalCancel').show();
                    }
                });
            });
        });

        function deleteFile(DocId){
            Swal.fire({
                icon: 'warning',
                title: 'Are you sure you want to delete this record?',
                showDenyButton: false,
                showCancelButton: true,
                confirmButtonText: 'Yes'

            }).then(function(result) {
                if (result.isConfirmed) {
                    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                    $.ajax({
                        type: 'POST',
                        url: "{{ url('reports/weekly-basic-camp-rosters/file-delete') }}",
                        data: {
                            _token: CSRF_TOKEN,
                            DocId: DocId
                        },
                        success: function (results) {
                            if (results.status == 'Success') {
                                swal("Done!", results.status, "success");
                                setTimeout(function () {
                                    window.location.reload();
                                }, 1500);
                            } else {
                                swal("Error!", results.status, "error");
                            }
                        }
                    });
                } else {
                    return false;
                }
            });
        }
    </script>
@endsection