@extends('admin::layouts.plane_std_att')
@section('page_heading') {{$title}} @endsection
@section('content')

<div class="col-lg-12">
    <div style="cellpadding:15px; cellspacing:15px;">
        <div>
            <div class="table-responsive">
                <div class="row">
                    <div class="col-lg-12 p-3 mb-2 bg-primary text-white">
                        {{ Form::open(array('url' => 'StdAttendance', 'method' => 'post')) }}
                        {{ csrf_field() }}
                        <div class="form-group">
                            <div class="row">
                                <input type="hidden" value="" name="submit_for" id="submit_for">
                                <input type="hidden" value="{{$school_id}}" name="school" id="school">
                                <div class="col-lg-2">
                                    {{ Form::select('class', $class_arr, $class, ['placeholder' => '- Select Class -', 'class' => 'form-control', 'id' => 'class_section', 'required' => '']) }}
                                </div>
                                <div class="col-lg-2">
                                    {{ Form::select('section', $section_arr, $section, ['placeholder' => '- All Section -', 'class' => 'form-control', 'id' => 'section']) }}
                                </div>
                                <div class="col-lg-2">
                                    {{ Form::select('order_by', ["Student Name"=>"Student Name","Admission No"=>"Admission No"], $order_by, ['placeholder' => '- Select Order By-', 'class' => 'form-control', 'id' => 'order_by', 'required' => '']) }}
                                </div>
                                <div class="col-lg-2">
                                    {{ Form::text('date', $date, array('class' => 'form-control', 'placeholder' => "dd/mm/yy", 'id' => 'visit_date', 'required' => '')) }}
                                </div>
                                <div class="col-lg-1">
                                   <button type="submit" value='Submit' data-list="SIMPLE_BTN" class="btn btn-info form-control first_form">Submit</button>
                                </div>
                                <div class="col-lg-1">
                                    <button type="submit" value='Register' data-list="att_register" class="btn btn-info form-control first_form">Att. Register</button>
                                </div>
                                <div class="col-lg-1">
                                    <button type="submit" value='Report' data-list="att_report" class="btn btn-info form-control first_form">Att. Report</button>
                                </div>
                            </div>
                        </div>
                        {{ Form::close() }}
                    </div>


                    <div class="col-lg-12 p-3 mb-2">
                     <br/> <br/>
                     @if(session()->has('message'))
                        <div class="alert alert-danger">
                            {{ session()->get('message') }}
                            {{ session()->forget('message') }}
                        </div>
                      @endif
                     @if(count($studList) > 0)
                     {{ Form::open(array('url' => '/StdAttendance/manageAttendencePost', 'method' => 'post', 'autocomplete' => 'off','id'=>'attendanceForm')) }}
                        <input type="hidden" name="class" value="{{$class}}">
                        <input type="hidden" name="school" value="{{$school_id}}">
                        {{ Form::hidden('date', $date, array('class' => 'form-control', 'placeholder' => "", 'id' => 'visit_date')) }}
                        <!-- <table class="table table-striped table-bordered table-hover table-nonfluid" style="font-size: 12px;width:100%">
                            <thead>
                               <tr class="filters">
                                <th style="width:20%">SNo.-Std ID-Adm No-Student Name</th>
                                <th style="text-align: center;width:40%" colspan="3">Attendence</th>
                               </tr>
                            </thead>
                            <tbody>
                              @php $students_data =  '';$i=1; @endphp
                              @foreach($studList as $val)
                              <tr>
                                <td>{{$i}}-{{$val->id}}-{{$val->admission_no}}-{{ucfirst($val->first_name)}} {{$val->last_name}} </td>
                                      <td>
                                          <input type="radio" name="attendence_{{$val->id}}" @if(empty($Student_attendance_arr[$val->id]) || $Student_attendance_arr[$val->id] == 'P') checked @endif value="P" /> Present
                                      </td>
                                      <td>
                                          <input type="radio" @if(!empty($Student_attendance_arr[$val->id]) && $Student_attendance_arr[$val->id] == 'A') checked @endif name="attendence_{{$val->id}}"  value="A" /> Absent
                                      </td>
                                      <td>
                                          <input type="radio" @if(!empty($Student_attendance_arr[$val->id]) && $Student_attendance_arr[$val->id] == 'L') checked @endif name="attendence_{{$val->id}}"  value="L" /> Leave
                                      </td>
                                    @php $students_data .=  ','.$val->id; $i=$i+1;@endphp
                                </tr>
                              @endforeach
                            </tbody>
                        </table>
                        -->


                        <div class="attendance-container" style="font-size: 12px; width:100%;">
                            @php
                                $students_data = '';  // To store student IDs for processing
                                $i = 1;
                                $current_section = null;  // Track current section for display
                                $sections = collect($studList)->groupBy('section');  // Group students by section
                            @endphp

                            @foreach($sections as $section => $students)
                                <!-- Display the section title -->
                                <div class="section-title" style="font-weight: bold; font-size: 14px; margin-top: 20px; background-color: #ccc; padding: 5px;">
                                    Class: {{ $arrClasses[$val->current_class] }}-{{ $section }}
                                </div>

                                @php $chunks = array_chunk($students->all(), 5); @endphp

                                <!-- Iterate over each chunk to create rows of 4 students -->
                                @foreach($chunks as $index => $chunk)
                                <div class="attendance-row" style="display: flex; margin-bottom: 10px;">
                                        @foreach($chunk as $val)
                                            <div class="student-block" style="width:33%; padding: 5px; border: 1px solid #ddd;">
                                                <input type="hidden" name="std_section_arr[]" value="{{ $val->section }}">
                                                <div>{{ $i }}. {{ ucfirst($val->first_name) }} {{ $val->last_name }} - <b><span style=" font-size: 16px; bold; color: blue;">{{ $val->admission_no }}</span></b></div>
                                                <div style="margin-top: 5px;">
                                                    <!-- Attendance Radio Buttons -->
                                                    <label><input type="radio" name="attendance_{{ $val->id }}" value="P" @if(empty($Student_attendance_arr[$val->id]) || $Student_attendance_arr[$val->id] == 'P') checked @endif /> Present</label>
                                                    <label><input type="radio" name="attendance_{{ $val->id }}" value="A" @if(!empty($Student_attendance_arr[$val->id]) && $Student_attendance_arr[$val->id] == 'A') checked @endif /> Absent</label>
                                                    <label><input type="radio" name="attendance_{{ $val->id }}" value="L" @if(!empty($Student_attendance_arr[$val->id]) && $Student_attendance_arr[$val->id] == 'L') checked @endif /> Leave</label>
                                                </div>
                                                @php
                                                    $students_data .= ',' . $val->id;
                                                    $i++;
                                                @endphp
                                            </div>
                                        @endforeach
                                    </div>
                                @endforeach
                            @endforeach
                        </div>





                        <input type="hidden" name="students_data" value="{{$students_data}}">
                        <button id="btnSubmit" name="sub" value="submit" class="btn btn-primary">Submit</button>
                 {{ Form::close() }}
                 @endif
                 </div>




                </div>
            </div>
        </div>
    </div>
</div>
<div class="col-lg-12"><br></div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $(document).on('click', '.first_form', function () {
            var listId = $(document.activeElement).data('list');
            $("#submit_for").val(listId);
        });
        /*
        $('#btnSubmit').click(function () {
            $(this).attr('disabled', 'disabled');
            $('#attendenceForm').submit();
            return true;
        });
        */
        $("#visit_date").datepicker({
            format: 'dd/mm/yyyy',
            endDate: '+0d',
            daysOfWeekDisabled: [0]
        });
    });
</script>

<script>
    /*
    document.getElementById('attendanceForm').addEventListener('submit', function(event) {
        const radioGroups = document.querySelectorAll('#attendanceForm input[type="radio"][value="P"]');

        radioGroups.forEach(radio => {
            if (radio.checked) {
                radio.name = ''; // Remove name attribute so it doesn't get submitted
            }
        });
    });
    */
</script>



@endsection