@extends('admin.layouts.app')
@section('title', 'Student Attendance')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.attendance.report') }}">Attendance Report</a></li>
    <li class="breadcrumb-item active">{{ $student->student_name }}</li>
@endsection
@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">{{ $student->student_name }}</h1>
        <p class="page-subtitle">{{ $student->student_code }} | {{ $student->class?->name }}</p>
    </div>
    <a href="{{ route('admin.students.show', $student->id) }}" class="btn btn-outline-secondary btn-sm">
        <i class="bi bi-arrow-left me-1"></i>Back to Profile
    </a>
</div>

<div class="card">
    <div class="card-header">Subject-wise Attendance</div>
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead><tr><th>Subject</th><th>Category</th><th>Total Classes</th><th>Present</th><th>Absent</th><th>Attendance %</th></tr></thead>
            <tbody>
                @forelse($report as $row)
                <tr>
                    <td style="font-weight:500;font-size:0.87rem">{{ $row->subject_name }}</td>
                    <td><span class="badge badge-soft-info" style="font-size:0.72rem">{{ str_replace('_','/',$row->category) }}</span></td>
                    <td>{{ $row->total }}</td>
                    <td style="color:#16a34a;font-weight:500">{{ $row->attended }}</td>
                    <td style="color:#dc2626">{{ $row->absent }}</td>
                    <td>
                        <div class="d-flex align-items-center gap-2">
                            <div class="progress flex-grow-1" style="height:8px;min-width:80px">
                                <div class="progress-bar {{ $row->percentage >= 75 ? 'bg-success' : ($row->percentage >= 60 ? 'bg-warning' : 'bg-danger') }}"
                                     style="width:{{ $row->percentage }}%"></div>
                            </div>
                            <span style="font-weight:700;font-size:0.88rem;min-width:42px;{{ $row->percentage < 75 ? 'color:#dc2626' : 'color:#16a34a' }}">
                                {{ $row->percentage }}%
                            </span>
                            @if($row->percentage < 75)
                                <span class="badge badge-soft-danger" style="font-size:0.7rem">Below 75%</span>
                            @endif
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center py-4 text-muted">No attendance records found</td></tr>
                @endforelse
            </tbody>
            @if($report->count())
            <tfoot>
                <tr style="background:#f8fafc;font-weight:700">
                    <td colspan="2">Overall Average</td>
                    <td>{{ $report->sum('total') }}</td>
                    <td style="color:#16a34a">{{ $report->sum('attended') }}</td>
                    <td style="color:#dc2626">{{ $report->sum('absent') }}</td>
                    <td>
                        @php $avgPct = $report->count() ? round($report->avg('percentage'),1) : 0; @endphp
                        <span style="font-size:1rem;font-weight:700;color:{{ $avgPct >= 75 ? '#16a34a' : '#dc2626' }}">{{ $avgPct }}%</span>
                    </td>
                </tr>
            </tfoot>
            @endif
        </table>
    </div>
</div>
@endsection