@extends('layouts.app')

@section('title', 'Riwayat Presensi')
@section('page-title', 'Riwayat Kehadiran Saya')
@section('page-subtitle', 'Daftar riwayat absensi masuk, jam pulang, keterlambatan, dan status kehadiran Anda.')

@section('content')
<div class="card shadow-sm border-0 mb-4">
    <div class="card-body p-3">
        <form method="GET" action="{{ route('employee.attendance.history') }}" class="row g-2 align-items-center">
            <div class="col-6 col-md-4">
                <select name="month" class="form-select bg-light border-0">
                    <option value="">Semua Bulan</option>
                    @for($m = 1; $m <= 12; $m++)
                        <option value="{{ $m }}" {{ request('month') == $m ? 'selected' : '' }}>
                            {{ \Carbon\Carbon::create(null, $m)->translatedFormat('F') }}
                        </option>
                    @endfor
                </select>
            </div>
            <div class="col-6 col-md-4">
                <select name="year" class="form-select bg-light border-0">
                    <option value="">Semua Tahun</option>
                    @for($y = date('Y'); $y >= date('Y') - 3; $y--)
                        <option value="{{ $y }}" {{ request('year') == $y ? 'selected' : '' }}>{{ $y }}</option>
                    @endfor
                </select>
            </div>
            <div class="col-12 col-md-4 d-flex gap-1">
                <button type="submit" class="btn btn-primary w-100"><i class="bi bi-funnel me-1"></i> Filter Riwayat</button>
                @if(request()->hasAny(['month', 'year']))
                    <a href="{{ route('employee.attendance.history') }}" class="btn btn-light"><i class="bi bi-arrow-counterclockwise"></i></a>
                @endif
            </div>
        </form>
    </div>
</div>

<div class="card shadow-sm border-0">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="bg-light">
                    <tr>
                        <th class="ps-4">Tanggal</th>
                        <th>Shift</th>
                        <th>Jam Masuk</th>
                        <th>Jam Pulang</th>
                        <th>Status</th>
                        <th>Keterlambatan</th>
                        <th>Jarak Dari Kantor</th>
                        <th class="pe-4">Catatan</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($attendances as $att)
                        <tr>
                            <td class="ps-4">
                                <strong>{{ \Carbon\Carbon::parse($att->attendance_date)->translatedFormat('l, d F Y') }}</strong>
                            </td>
                            <td>{{ $att->shift?->name ?? 'Shift Reguler' }}</td>
                            <td>
                                @if($att->check_in)
                                    <span class="fw-bold text-success">{{ \Carbon\Carbon::parse($att->check_in)->format('H:i') }} WIB</span>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                            <td>
                                @if($att->check_out)
                                    <span class="fw-bold text-danger">{{ \Carbon\Carbon::parse($att->check_out)->format('H:i') }} WIB</span>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                            <td>
                                <span class="badge {{ $att->status_badge }}">{{ $att->status_label }}</span>
                            </td>
                            <td>
                                @if($att->late_minutes > 0)
                                    <span class="text-danger fw-bold">+{{ $att->late_minutes }} Menit</span>
                                @else
                                    <span class="text-success"><i class="bi bi-check2"></i> Tepat Waktu</span>
                                @endif
                            </td>
                            <td>
                                @if($att->distance_in !== null)
                                    <span class="badge bg-light-primary text-primary">{{ round($att->distance_in) }} m</span>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                            <td class="pe-4 text-xs text-muted">
                                {{ $att->notes ?? '-' }}
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center py-5 text-muted">
                                <i class="bi bi-calendar-x fs-1 d-block mb-2 text-muted"></i>
                                Belum ada riwayat kehadiran pada filter yang dipilih.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if($attendances->hasPages())
            <div class="p-3 border-top d-flex justify-content-end">
                {{ $attendances->links('pagination::bootstrap-5') }}
            </div>
        @endif
    </div>
</div>
@endsection