@extends('layouts.master')
@section('page_title', 'Attendance History - '.$sr->user->name)
@section('content')

    <div class="card">
        <div class="card-header header-elements-inline">
            <h6 class="card-title font-weight-bold">Attendance History: {{ $sr->user->name }} ({{ $sr->adm_no }})</h6>
            {!! Qs::getPanelOptions() !!}
        </div>

        <div class="card-body">
            <div class="row text-center mb-3">
                <div class="col-md-2"><h5>{{ $stats['total'] }}</h5><span>Total Days</span></div>
                <div class="col-md-2"><h5 class="text-success">{{ $stats['present'] }}</h5><span>Present</span></div>
                <div class="col-md-2"><h5 class="text-danger">{{ $stats['absent'] }}</h5><span>Absent</span></div>
                <div class="col-md-2"><h5 class="text-warning">{{ $stats['late'] }}</h5><span>Late</span></div>
                <div class="col-md-2"><h5 class="text-info">{{ $stats['excused'] }}</h5><span>Excused</span></div>
                <div class="col-md-2"><h5>{{ $stats['rate'] !== null ? $stats['rate'].'%' : 'N/A' }}</h5><span>Attendance Rate</span></div>
            </div>

            <table class="table datatable-button-html5-columns">
                <thead>
                <tr>
                    <th>S/N</th>
                    <th>Date</th>
                    <th>Status</th>
                    <th>Term</th>
                    <th>Remarks</th>
                </tr>
                </thead>
                <tbody>
                @foreach($history as $h)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $h->date }}</td>
                        <td>{{ ucfirst($h->status) }}</td>
                        <td>{{ $h->term }}</td>
                        <td>{{ $h->remarks }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

    {{--Attendance History Ends--}}

@endsection