@extends('portal.layouts.app')

@section('content')
    <div class="portal-grid portal-grid--cards">
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.attendance.cards.present') }}</div>
            <div class="portal-stat__value">{{ $stats['present'] }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.attendance.cards.absent') }}</div>
            <div class="portal-stat__value">{{ $stats['absent'] }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.attendance.cards.late') }}</div>
            <div class="portal-stat__value">{{ $stats['late'] }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.attendance.cards.overtime') }}</div>
            <div class="portal-stat__value">{{ $stats['overtime'] }}</div>
        </div>
    </div>

    <div class="portal-card" style="margin-top: 18px;">
        <h2 class="portal-card__title">{{ trans('portal.attendance.filter.heading') }}</h2>
        <form method="GET" action="{{ route('portal.attendance') }}" class="portal-filter-grid">
            <div class="portal-field">
                <label for="month">{{ trans('portal.attendance.filter.month') }}</label>
                <select id="month" name="month">
                    @foreach (range(1, 12) as $m)
                        <option value="{{ $m }}" @selected($m === $month)>{{ \Carbon\Carbon::create()->month($m)->format('F') }}</option>
                    @endforeach
                </select>
            </div>
            <div class="portal-field">
                <label for="year">{{ trans('portal.attendance.filter.year') }}</label>
                <select id="year" name="year">
                    @foreach (range(now()->year, now()->year - 3) as $y)
                        <option value="{{ $y }}" @selected($y === $year)>{{ $y }}</option>
                    @endforeach
                </select>
            </div>
            <div class="portal-actions" style="margin-top: 0;">
                <button type="submit" class="portal-button">{{ trans('portal.attendance.filter.apply') }}</button>
                <a class="portal-button portal-button--ghost" href="{{ route('portal.attendance') }}">{{ trans('portal.attendance.filter.reset') }}</a>
            </div>
        </form>
    </div>

    <div class="portal-card" style="margin-top: 18px;">
        <h2 class="portal-card__title">{{ trans('portal.attendance.table.title') }}</h2>

        @if ($records->isEmpty())
            <div class="portal-empty">
                <h3>{{ trans('portal.attendance.empty_title') }}</h3>
                <p>{{ trans('portal.attendance.empty_description') }}</p>
            </div>
        @else
            <div class="portal-table-wrap">
                <table class="portal-table">
                    <thead>
                        <tr>
                            <th>{{ trans('portal.attendance.table.date') }}</th>
                            <th>{{ trans('portal.attendance.table.status') }}</th>
                            <th>{{ trans('portal.attendance.table.check_in') }}</th>
                            <th>{{ trans('portal.attendance.table.check_out') }}</th>
                            <th>{{ trans('portal.attendance.table.worked') }}</th>
                            <th>{{ trans('portal.attendance.table.late') }}</th>
                            <th>{{ trans('portal.attendance.table.overtime') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($records as $record)
                            @php
                                $statusBadge = match ($record->status) {
                                    'present' => 'approved',
                                    'absent' => 'rejected',
                                    default => 'pending',
                                };
                            @endphp
                            <tr>
                                <td><strong>{{ $record->attendance_date?->format('Y-m-d') }}</strong></td>
                                <td>
                                    <span class="portal-badge portal-badge--{{ $statusBadge }}">
                                        {{ ucfirst(str_replace('_', ' ', $record->status ?? '')) }}
                                    </span>
                                </td>
                                <td>{{ $record->check_in_at?->format('H:i') ?? '—' }}</td>
                                <td>{{ $record->check_out_at?->format('H:i') ?? '—' }}</td>
                                <td>{{ $service->formatMinutes($record->worked_minutes) }}</td>
                                <td class="{{ $record->late_minutes > 0 ? 'portal-subtle' : '' }}">
                                    {{ $record->late_minutes > 0 ? $service->formatMinutes($record->late_minutes) : '—' }}
                                </td>
                                <td>
                                    {{ $record->overtime_minutes > 0 ? $service->formatMinutes($record->overtime_minutes) : '—' }}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="portal-pagination">
                <div class="portal-subtle">
                    {{ trans('portal.attendance.pagination_summary', [
                        'from' => $records->firstItem(),
                        'to' => $records->lastItem(),
                        'total' => $records->total(),
                    ]) }}
                </div>
                <div class="portal-actions" style="margin-top: 0;">
                    @if ($records->previousPageUrl())
                        <a class="portal-button portal-button--ghost" href="{{ $records->previousPageUrl() }}">{{ trans('portal.requests.pagination_previous') }}</a>
                    @endif
                    @if ($records->nextPageUrl())
                        <a class="portal-button portal-button--ghost" href="{{ $records->nextPageUrl() }}">{{ trans('portal.requests.pagination_next') }}</a>
                    @endif
                </div>
            </div>
        @endif
    </div>
@endsection