@extends('layouts.print.potrait')

@section('content')

<style>
    body {
        font-family: Arial, sans-serif;
    }

    .print {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }

    .card {
        margin-bottom: 10px;
    }

    .card-body {
        font-size: 12px;
    }

    .card-title {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 2px;
    }

    .badge {
        display: inline-block;
        padding: 3px 6px;
        font-size: 10px;
        font-weight: bold;
        border-radius: 4px;
        color: #fff;
        text-align: center;
    }

    .badge.bg-success {
        background-color: #28a745;
    }

    .badge.bg-warning {
        background-color: #ffc107;
    }

    .badge.bg-danger {
        background-color: #dc3545;
    }

    .alert {
        padding: 10px;
        border-radius: 4px;
        margin-bottom: 6px;
    }

    .alert-dark {
        background-color: #343a40;
        color: #fff;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 8px;
    }

    th, td {
        padding: 3px;
        border: 1px solid #ddd;
        text-align: left;
    }

    th {
        background-color: #f8f9fa;
        font-weight: bold;
    }

    tbody tr:nth-child(odd) {
        background-color: #f2f2f2;
    }

    .text-center {
        text-align: center;
    }

    .mb-0 {
        margin-bottom: 0;
    }

    .py-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
</style>


<section class="print w-100" id="print-report">
    <div class="row">
        <div class="container">
            <div class="card">
                <div class="card-body py-1" style="font-size: 12px; margin: 0; padding: 0;">
                    <div class="row">
                        <div class="col-md-12">
                            <p class="card-title mb-1" style="margin-bottom: 0;">School Attendance Report</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-5">
                            <p class="mb-1" style="margin-bottom: 0;"><strong>Student ID:</strong> {{ $student->student_id }}</p>
                            {{-- <p class="mb-1" style="margin-bottom: 0;"><strong>MARA No.:</strong> {{ $student->account_no }}</p> --}}
                            <p class="mb-1" style="margin-bottom: 0;"><strong>Student Name:</strong> {{ $student->student_name }}</p>
                        </div>
                        <div class="col">
                            <p class="mb-1" style="margin-bottom: 0;"><strong>School:</strong> {{ $student->nama_pusat }}</p>
                            <p class="mb-1" style="margin-bottom: 0;"><strong>Form:</strong> {{ $student->tingkatan }}</p>
                            <p class="mb-1" style="margin-bottom: 0;"><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>
                </div>
                <hr>
                <div class="card-body py-1" style="font-size: 12px; margin: 0; padding: 0;">
                    <p class="card-title">Daily Attendance Records</p>
                    @php
                    $currentWeek = null;
                    @endphp
                    @foreach($attendance as $att)
                        @php
                        // Convert the attendance date to a Carbon instance
                        $attendanceDate = \Carbon\Carbon::parse($att->att_date);
                        // 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)
                            <!-- Display the week header when a new week starts -->
                            <div class="alert alert-dark py-0 mb-0">
                                <p class="text-center py-0 mb-0" style="font-size: 12px;">Week {{ $weekOfYear }}</p>
                                <!-- Move the date range display here -->
                                <p class="text-center py-0 mb-0" style="font-size: 10px;">
                                    Date Range: {{ $monday }} - {{ $friday }}
                                </p>
                            </div>
                            <!-- Reset the current week -->
                            @php
                            $currentWeek = $weekOfYear;
                            @endphp
                            <!-- Table header should only be displayed once per week -->
                            <div class="row justify-content-center">
                                <div class="col-md-12">
                                    <table class="table table-striped mb-1">
                                        <thead class="thead-light py-0 mb-0" style="font-size: 10px;">
                                            <tr>
                                                <th scope="col">Day</th>
                                                <th scope="col">Date</th>
                                                <th scope="col">Student In</th>
                                                <th scope="col">Student Out</th>
                                            </tr>
                                        </thead>
                                        <tbody style="font-size: 10px;">
                        @endif
                        <!-- Display the attendance record -->
                                        <tr>
                                            <td class="col-3">
                                                {{ \Carbon\Carbon::parse($att->att_date)->format('l') }}
                                            </td>
                                            <td class="col-3">{{  \Carbon\Carbon::parse($att->att_date)->format('d-m-Y') }}</td>
                                            <td class="col-3">{{ $att->att_in ? \Carbon\Carbon::parse($att->att_in)->format('h:i A') : '-' }}</td>
                                            <td class="col-3">{{ $att->att_out ? \Carbon\Carbon::parse($att->att_out)->format('h:i A') : '-' }}</td>
                                        </tr>

                        @if($loop->last || \Carbon\Carbon::parse($attendance[$loop->index + 1]->att_date)->weekOfYear != $currentWeek)
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @endif

                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>
@endsection