@extends('layouts.app')

@section('title', 'Riwayat Presensi — Presensi')
@section('page-title', 'Riwayat Presensi')

@section('content')

    <div class="card">
        <form method="POST" action="{{ route('admin.post') }}" class="filter-bar" onchange="submit();">
            @csrf
            <div class="form-group">
                <label class="form-label" for="date">Tanggal</label>
                <input type="date" id="date" name="date" class="form-control" value="{{ request('date') }}">
            </div>

            <div class="form-group">
                <label class="form-label" for="month">Bulan</label>
                <select id="month" name="month" class="form-control">
                    <option value="">Semua</option>
                    @foreach (range(1, 12) as $m)
                        <option value="{{ $m }}" {{ (string) request('month') === (string) $m ? 'selected' : '' }}>
                            {{ \Carbon\Carbon::create()->month($m)->translatedFormat('F') }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="form-group">
                <label class="form-label" for="year">Tahun</label>
                <select id="year" name="year" class="form-control">
                    <option value="">Semua</option>
                    @foreach (range(now()->year, now()->year - 4) as $y)
                        <option value="{{ $y }}" {{ (string) request('year') === (string) $y ? 'selected' : '' }}>{{ $y }}</option>
                    @endforeach
                </select>
            </div>

            @if (auth()->user()->role === 'admin')
                <div class="form-group">
                    <label class="form-label" for="user_id">Pegawai</label>
                    <select id="user_id" name="user_id" class="form-control">
                        <option value="">Semua Pegawai</option>
                        @foreach ($users as $u)
                            <option value="{{ $u->id }}" {{ (string) request('user_id') === (string) $u->id ? 'selected' : '' }}>{{ $u->name }}</option>
                        @endforeach
                    </select>
                </div>
            @endif

            <div class="form-group">
                <label class="form-label" for="check_in_status">Status Masuk</label>
                <select id="check_in_status" name="check_in_status" class="form-control">
                    <option value="">Semua</option>
                    <option value="hadir" {{ request('check_in_status') === 'hadir' ? 'selected' : '' }}>Hadir</option>
                    <option value="terlambat" {{ request('check_in_status') === 'terlambat' ? 'selected' : '' }}>Terlambat</option>
                </select>
            </div>

            <div class="form-group">
                <label class="form-label" for="check_out_status">Status Pulang</label>
                <select id="check_out_status" name="check_out_status" class="form-control">
                    <option value="">Semua</option>
                    <option value="tepat_waktu" {{ request('check_out_status') === 'tepat_waktu' ? 'selected' : '' }}>Tepat Waktu</option>
                    <option value="pulang_cepat" {{ request('check_out_status') === 'pulang_cepat' ? 'selected' : '' }}>Pulang Cepat</option>
                </select>
            </div>

            <div class="filter-actions">
                <button type="submit" class="btn btn-primary btn-sm">Terapkan</button>
                <a href="{{ route('admin.history') }}" class="btn btn-ghost btn-sm">Reset</a>
            </div>
        </form>
    </div>

    <div class="card">
        <div class="table-wrap">
            <table class="data-table">
                <thead>
                    <tr>
                        @if (auth()->user()->role === 'admin')
                            <th>Pegawai</th>
                        @endif
                        <th>Tanggal</th>
                        <th>Jam Masuk</th>
                        <th>Status Masuk</th>
                        <th>Jam Pulang</th>
                        <th>Status Pulang</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($attendances as $attendance)
                        <tr>
                            @if (auth()->user()->role === 'admin')
                                <td data-label="Pegawai">{{ $attendance->user->name ?? '-' }}</td>
                            @endif
                            <td data-label="Tanggal">{{ \Carbon\Carbon::parse($attendance->attendance_date)->translatedFormat('d M Y') }}</td>
                            <td data-label="Jam Masuk" class="mono">{{ $attendance->check_in ? \Carbon\Carbon::parse($attendance->check_in)->format('H:i') : '-' }}</td>
                            <td data-label="Status Masuk">
                                @if ($attendance->check_in_status === 'terlambat')
                                    <span class="stamp-badge tone-warning">Terlambat</span>
                                @elseif ($attendance->check_in_status === 'hadir')
                                    <span class="stamp-badge tone-success">Hadir</span>
                                @else
                                    <span class="stamp-badge tone-idle">-</span>
                                @endif
                            </td>
                            <td data-label="Jam Pulang" class="mono">{{ $attendance->check_out ? \Carbon\Carbon::parse($attendance->check_out)->format('H:i') : '-' }}</td>
                            <td data-label="Status Pulang">
                                @if ($attendance->check_out_status === 'pulang_cepat')
                                    <span class="stamp-badge tone-warning">Pulang Cepat</span>
                                @elseif ($attendance->check_out_status === 'tepat_waktu')
                                    <span class="stamp-badge tone-success">Tepat Waktu</span>
                                @else
                                    <span class="stamp-badge tone-idle">-</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6">
                                <div class="empty-state">
                                    <div class="ico">🗂️</div>
                                    Tidak ada data presensi yang cocok dengan filter ini.
                                </div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="pagination-wrap">
            {{ $attendances->appends(request()->query())->links() }}
        </div>
    </div>

@endsection