@extends('dashlayouts.app')

@section('content')
<div class="pagetitle">
    <h1>Class Attendance</h1>
    <nav>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Home</a></li>
            <li class="breadcrumb-item">Attendance Record</li>
            <li class="breadcrumb-item active">Detailed View</li>
        </ol>
    </nav>
</div>

<section class="section">
    <div class="row">
        <div class="container">
            <!-- Student Information -->
            <div class="card mb-4">
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-6 col-12">
                            <h2 class="card-title">Student Information</h2>
                        </div>
                        <div class="col-md-6 col-12 text-end pt-3">
                            <a href="{{ route('student.attendancelist2') }}"class="btn btn-warning text-white">
                                <i class="bi bi-list"></i> List View
                            </a>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <p><strong>Student ID:</strong> {{ $student->student_id }}</p>
                    {{-- <p><strong>MARA No.:</strong> {{ $student->account_no }}</p> --}}
                    <p><strong>Student Name:</strong> {{ $student->student_name }}</p>
                    <p><strong>School:</strong> {{ $student->nama_pusat }}</p>
                    <p><strong>Form:</strong> {{ $student->tingkatan }}</p>
                    <p><strong>Attendance Status:</strong> 
                        @if ($student->attendance_status == 0)
                            <span class="badge bg-success">Active</span>
                        @elseif ($student->attendance_status == 1)
                            <span class="badge bg-warning">1/3</span>
                        @elseif ($student->attendance_status == 2)
                            <span class="badge bg-warning">2/3</span>
                        @elseif ($student->attendance_status == 3)
                            <span class="badge bg-danger">3/3 - WARNING</span>
                        @endif
                    </p>
                </div>
            </div>

            <!-- Attendance Records -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">Attendance Records</h2>
                </div>
                <div class="card-body">
                    @php
                        $currentWeek = null;
                        $currentTableStarted = false;
                    @endphp

                    @foreach($attendance as $att)
                        @php
                            // Convert the attendance date to a Carbon instance
                            $attendanceDate = \Carbon\Carbon::parse($att->mula_kelas);
                            // Get the week of the year for the current attendance record
                            $weekOfYear = $attendanceDate->weekOfYear;
                            // Calculate Monday and Friday for the current week
                            $monday = $attendanceDate->startOfWeek()->toDateString();
                            $friday = $attendanceDate->startOfWeek()->addDays(4)->toDateString();
                        @endphp

                        @if($currentWeek !== $weekOfYear)
                            @if($currentTableStarted)
                                </tbody></table>
                            </div>
                        </div>
                    </div>
                            @endif

                            <!-- Display the week header when a new week starts -->
                            <div class="alert alert-warning">
                                <h3 class="text-center">Week {{ $weekOfYear }}</h3>
                                <p class="text-center">
                                    Date Range: {{ $monday }} - {{ $friday }}
                                </p>
                            </div>
                            <!-- Display the table header for the new week -->
                            <div class="row justify-content-center mt-3">
                                <div class="col-md-12">
                                    <div class="table-responsive">
                                        <table class="table table-striped overflow-auto">
                                            <thead class="thead-light">
                                                <tr>
                                                    <th scope="col" class="col-md-1 col-2">No.</th>
                                                    <th scope="col" class="col-md-5 col-4">Subject</th>
                                                    <th scope="col" class="col-m-4 col-6">Class Period</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                        @endif

                        <!-- Display the attendance record -->
                        <tr>
                            <td>{{ $loop->iteration }}.</td>
                            <td class="col-2">{{ $att->subjek }}</td>
                            <td class="col-2">
                                {{ \Carbon\Carbon::parse($att->class_date)->format('l') }}
                                {{ \Carbon\Carbon::parse($att->class_date)->format('d-m-Y') }},<br>
                                {{ \Carbon\Carbon::parse($att->class_start)->format('h:i A') }} -
                                {{ \Carbon\Carbon::parse($att->class_end)->format('h:i A') }}
                            </td>
                        </tr>

                        @php
                            $currentWeek = $weekOfYear;
                            $currentTableStarted = true;
                        @endphp
                    @endforeach

                    @if($currentTableStarted)
                        </tbody></table>
                    </div>
                </div>
            </div>
                    @endif

                    {{ $attendance->links() }}
                </div>
            </div>
        </div>
    </div>
</section>

@endsection