@extends('layouts.teacher.app')

@section('content')

<div class="pagetitle">
    <h1>Daily Attendance</h1>
    <nav>
        <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('teacher.dashboard') }}">Home</a></li>
        <li class="breadcrumb-item active">Attendance Record</li>
        <li class="breadcrumb-item active">List View</li>
        </ol>
    </nav>
</div>


    <section class="section">
        <div class="row">
            <div class="container">
                @include('errors')
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <h5 class="card-title">Daily Student Attendance Record - {{$kelas}}</h5>
                                <p><b>School :</b> {{ $teacher->mrsm_name }}</p>
                                <p><b>Class :</b> {{ $kelas }}</p>
                            </div>
                            <div class="col-md-6 col-12 text-end">
                                <a href="{{ route('report.classdailysummary', ['kod_pusat' => $teacher->kod_pusat, 'kelas' => $kelas]) }}"class="btn btn-outline-warning">
                                    <i class="bi bi-printer"></i> Print Report
                                </a>
                                <a href="{{ route('teacher.classdailyattendance', ['kod_pusat' => $teacher->kod_pusat, 'kelas' => $kelas]) }}"class="btn btn-warning text-white">
                                    <i class="bi bi-bookshelf"></i> Detailed View
                                </a>
                            </div>                                        
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="fdb-box py-3 mb-3">
                            <div class="row justify-content">
                                <div class="col my-0 py-0">
                                    <div class="container">
                                        <div class="table-responsive">
                                            <table class="table table-sm table-hover">
                                                <thead class="thead-light">
                                                    <tr>
                                                        <th rowspan="2" class="pb-3 text-center">No.</th>
                                                        <th rowspan="2" class="pb-3 text-center">Student ID</th>
                                                        <th rowspan="2" class="pb-3 text-center">Student Name</th>
                                                        <th colspan="{{ count($attendanceCounts) + 1 }}" class="text-center">Date</th>
                                                    </tr>
                                                    <tr>
                                                        @php
                                                            $sortedDates = collect($attendanceCounts)->keys()->sort()->reverse();
                                                            $dateColWidth = 100 / ($sortedDates->count() + 3); // Calculate the width of each date column
                                                        @endphp
                                                        @foreach ($sortedDates as $date)
                                                            <th class="text-center" style="width: {{ $dateColWidth }}%">{{ \Carbon\Carbon::parse($date)->format('d/m') }}</th>
                                                        @endforeach
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @forelse ($class_member as $student)
                                                        <tr>
                                                            <td class="text-center">{{ $loop->iteration }}.</td>
                                                            <td class="text-justify">{{ $student->student_id }}</td> 
                                                            <td>{{ $student->student_name }}</td>
                                                            {{-- @foreach ($sortedDates as $date)
                                                                <td class="text-center">
                                                                    @if (in_array($student->student_id, $studentsNotInAttendanceByDate[$date]->pluck('student_id')->toArray()))
                                                                    <span class="text-danger"><i class="bi bi-x"></i></span>
                                                                    @else
                                                                        <span class="text-success"><i class="bi bi-check"></i></span>
                                                                    @endif
                                                                </td>
                                                            @endforeach --}}
                                                            @foreach ($sortedDates as $date)
                                                                @if (in_array($student->student_id, $studentsNotInAttendanceByDate[$date]->pluck('student_id')->toArray()))
                                                                    <td class="text-center" style="font-size: 18px;">
                                                                        <span class="text-danger"><i class="bi bi-x"></i></span>
                                                                    </td>
                                                                @else
                                                                    <td class="text-center" style="font-size: 18px; background-color: #0481214a">
                                                                        <span class="text-dark"><i class="bi bi-check"></i></span>
                                                                    </td>
                                                                @endif
                                                            @endforeach
                                                        </tr>
                                                    @empty
                                                        <tr>
                                                            <td colspan="{{ count($sortedDates) + 4 }}" class="text-center py-3">No attendance record found for this class.</td>
                                                        </tr>
                                                    @endforelse
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

        <!-- Template Main JS File -->
        <script src="{{ asset('js/parsley.min.js') }}"></script>
        <script>
            $('#regform').parsley();
        </script>

    <!-- Style improvements -->
    <style>
        .table-responsive {
            overflow-x: auto;
        }

        .table th, .table td {
            white-space: nowrap;
        }

        .table th:last-child, .table td:last-child {
            text-align: center;
        }

        .card-header {
            border-bottom: 1px solid #dee2e6;
        }

        .alert {
            margin-bottom: 20px;
        }
    </style>
@endsection