{{-- admin/attendance/index.blade.php --}}
@extends('admin.layouts.app')
@section('title', 'Attendance')
@section('breadcrumb')
    <li class="breadcrumb-item active">Attendance</li>
@endsection
@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Attendance Management</h1>
        <p class="page-subtitle">Today: {{ now()->format('l, d F Y') }}</p>
    </div>
    <a href="{{ route('admin.attendance.mark') }}" class="btn btn-primary">
        <i class="bi bi-calendar-check me-1"></i>Mark Attendance
    </a>
</div>

@if($summary->count())
<div class="card mb-4">
    <div class="card-header"><i class="bi bi-calendar-day me-2 text-success"></i>Today's Summary</div>
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead><tr><th>Class</th><th>Subject</th><th>Total</th><th>Present</th><th>Absent</th><th>%</th></tr></thead>
            <tbody>
                @foreach($summary as $row)
                <tr>
                    <td style="font-weight:500">{{ $row->class_name }}</td>
                    <td style="font-size:0.85rem">{{ $row->subject_name }}</td>
                    <td>{{ $row->total }}</td>
                    <td style="color:#16a34a;font-weight:500">{{ $row->present }}</td>
                    <td style="color:#dc2626;font-weight:500">{{ $row->absent }}</td>
                    <td>
                        @php $pct = $row->total > 0 ? round($row->present / $row->total * 100) : 0; @endphp
                        <span style="font-weight:600;color:{{ $pct >= 75 ? '#16a34a' : '#dc2626' }}">{{ $pct }}%</span>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endif

<div class="row g-3">
    @foreach($classes as $class)
    <div class="col-md-4 col-lg-3">
        <div class="card h-100">
            <div class="card-body text-center py-4">
                <div style="width:48px;height:48px;background:#dbeafe;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:1.2rem;color:#2563eb">
                    <i class="bi bi-building"></i>
                </div>
                <div style="font-weight:600;font-size:0.9rem">{{ $class->name }}</div>
                <div style="font-size:0.75rem;color:#64748b;margin:4px 0 12px">Total {{ $class->students?->count() }} students</div>
                <a href="{{ route('admin.attendance.mark') }}?class_id={{ $class->id }}" class="btn btn-sm btn-outline-primary w-100">
                    <i class="bi bi-clipboard-check me-1"></i>Mark Today
                </a>
            </div>
        </div>
    </div>
    @endforeach
</div>
@endsection