@extends('layouts.admin')

@section('title', 'Mark Student Attendance')
@section('page-title', 'Student Attendance')

@section('content')
<div class="row mb-4">
    <div class="col-12">
        <p class="text-muted">Operations / Student Attendance</p>
    </div>
</div>

<!-- Search/Filter Filter panel -->
<div class="admin-card mb-4">
    <h5 class="fw-bold mb-3">Select Class & Date</h5>
    <form action="{{ route('admin.attendance.index') }}" method="GET" class="row align-items-end g-3">
        <div class="col-md-3">
            <label class="form-label small fw-bold">Class</label>
            <select name="class_id" class="form-select rounded-3" required>
                <option value="">Select Class</option>
                @foreach($classes as $c)
                    <option value="{{ $c->id }}" {{ $selectedClass == $c->id ? 'selected' : '' }}>{{ $c->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label small fw-bold">Section</label>
            <select name="section_id" class="form-select rounded-3" required>
                <option value="">Select Section</option>
                @foreach($sections as $s)
                    <option value="{{ $s->id }}" {{ $selectedSection == $s->id ? 'selected' : '' }}>{{ $s->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label small fw-bold">Attendance Date</label>
            <input type="date" name="date" class="form-control rounded-3" value="{{ $selectedDate }}" required>
        </div>
        <div class="col-md-3">
            <button type="submit" class="btn btn-primary w-100 rounded-3 py-2 fw-semibold">
                <i class="bi bi-search"></i> Fetch Class Sheet
            </button>
        </div>
    </form>
</div>

@if($selectedClass && $selectedSection)
    <!-- Mark Attendance Form Sheets -->
    <div class="admin-card">
        <div class="d-flex justify-content-between align-items-center mb-4 border-bottom pb-2">
            <h5 class="fw-bold mb-0">Class Register: {{ $selectedDate }}</h5>
            <span class="badge bg-primary px-3 py-2 rounded-pill">{{ count($students) }} Students</span>
        </div>

        <form action="{{ route('admin.attendance.store') }}" method="POST">
            @csrf
            <input type="hidden" name="date" value="{{ $selectedDate }}">

            <div class="table-responsive">
                <table class="table align-middle">
                    <thead>
                        <tr class="text-muted small">
                            <th>Roll Number</th>
                            <th>Student Name</th>
                            <th class="text-center" style="width: 120px;">Present</th>
                            <th class="text-center" style="width: 120px;">Late</th>
                            <th class="text-center" style="width: 120px;">Absent</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($students as $std)
                            @php
                                $status = isset($existingAttendance[$std->id]) ? $existingAttendance[$std->id] : 'Present';
                            @endphp
                            <tr style="border-bottom: 1px solid var(--border-color);">
                                <td class="font-monospace fw-bold">{{ $std->roll_number }}</td>
                                <td><span class="fw-semibold text-dark">{{ $std->name }}</span></td>
                                <td class="text-center">
                                    <input type="radio" class="form-check-input" name="attendance[{{ $std->id }}]" value="Present" {{ $status == 'Present' ? 'checked' : '' }} style="transform: scale(1.25);">
                                </td>
                                <td class="text-center">
                                    <input type="radio" class="form-check-input" name="attendance[{{ $std->id }}]" value="Late" {{ $status == 'Late' ? 'checked' : '' }} style="transform: scale(1.25);">
                                </td>
                                <td class="text-center">
                                    <input type="radio" class="form-check-input" name="attendance[{{ $std->id }}]" value="Absent" {{ $status == 'Absent' ? 'checked' : '' }} style="transform: scale(1.25);">
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="text-center py-4 text-muted">No students mapped to this selected class and section.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            @if(count($students) > 0)
                <div class="mt-4">
                    <button type="submit" class="btn btn-success w-100 rounded-3 py-2.5 fw-bold fs-5">
                        <i class="bi bi-save-fill me-1"></i> Save Attendance Sheet
                    </button>
                </div>
            @endif
        </form>
    </div>
@endif
@endsection