@extends('garage.layouts.app')
@section('title', 'Attendance Logs')
@section('content')
@include('garage.hr.styles')
<div class="container-fluid px-3 py-3 hrx-page">
    <div class="d-flex justify-content-between align-items-center mb-2">
        <div>
            <div class="h4 mb-0"><i class="bi bi-clock-history me-2 text-primary"></i>Attendance logs</div>
            <div class="text-muted small">Punches match by device UserID. Add custom attendance from software when needed.</div>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('garage.attendance.manual.create') }}" class="btn btn-sm btn-primary"><i class="bi bi-plus-lg me-1"></i>Add manual</a>
            <a href="{{ route('garage.attendance.logs.export', request()->query()) }}" class="btn btn-sm btn-outline-success"><i class="bi bi-download me-1"></i>Export CSV</a>
        </div>
    </div>

    @include('garage.attendance._nav')

    @if(session('success'))
        <div class="alert alert-success py-2 small">{{ session('success') }}</div>
    @endif
    @if(session('warning'))
        <div class="alert alert-warning py-2 small">{{ session('warning') }}</div>
    @endif

    <form method="get" class="card hrx-card mb-3">
        <div class="card-body py-2">
            <div class="row g-2 align-items-end">
                <div class="col-md-2">
                    <label class="form-label small mb-0">Date</label>
                    <input type="date" name="date" value="{{ $date }}" class="form-control form-control-sm">
                </div>
                <div class="col-md-2">
                    <label class="form-label small mb-0">Employee</label>
                    <select name="employee_id" class="form-select form-select-sm">
                        <option value="">All</option>
                        @foreach($employees as $e)
                            <option value="{{ $e->id }}" @selected($employeeId == $e->id)>{{ $e->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label small mb-0">Device</label>
                    <select name="device_id" class="form-select form-select-sm">
                        <option value="">All</option>
                        @foreach($devices as $d)
                            <option value="{{ $d->id }}" @selected($deviceId == $d->id)>{{ $d->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label small mb-0">Verify</label>
                    <select name="verify_mode" class="form-select form-select-sm">
                        <option value="">All</option>
                        @foreach(['card','fingerprint','face','pin','unknown'] as $vm)
                            <option value="{{ $vm }}" @selected($verifyMode === $vm)>{{ ucfirst($vm) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <div class="form-check mt-4">
                        <input class="form-check-input" type="checkbox" name="unmapped" value="1" id="fltUnmapped" @checked($unmappedOnly ?? false)>
                        <label class="form-check-label small" for="fltUnmapped">Unmapped only</label>
                    </div>
                </div>
                <div class="col-md-2"><button class="btn btn-sm btn-primary w-100">Filter</button></div>
            </div>
        </div>
    </form>

    <div class="card hrx-card">
        <div class="table-responsive">
            <table class="table table-sm mb-0 align-middle">
                <thead class="table-light">
                <tr>
                    <th>Punch time</th>
                    <th>Employee</th>
                    <th>Device user</th>
                    <th>Card</th>
                    <th>Device</th>
                    <th>Source</th>
                    <th>Verify</th>
                </tr>
                </thead>
                <tbody>
                @forelse($logs as $log)
                    <tr class="{{ empty($log->garage_employee_id) ? 'table-warning' : '' }}">
                        <td class="text-nowrap">{{ $log->punch_time ?? $log->event_time }}</td>
                        <td>
                            @if($log->garage_employee_id)
                                {{ $log->employee_name ?: $log->employee_name_join }}
                                <div class="text-muted small">{{ $log->employee_code }}</div>
                            @else
                                <span class="badge bg-warning text-dark">Unmapped</span>
                                @if($log->employee_name)
                                    <div class="small text-muted">Device name: {{ $log->employee_name }}</div>
                                @endif
                            @endif
                        </td>
                        <td><code class="small">{{ $log->device_user_id ?: '—' }}</code></td>
                        <td><code class="small">{{ $log->card_no ?: '—' }}</code></td>
                        <td class="small">{{ $log->device_name ?: $log->device_ip ?: '—' }}</td>
                        <td class="small">
                            @if(($log->source ?? '') === 'manual')
                                <span class="badge bg-info text-dark">Manual</span>
                                @if(!empty($log->device_push_status))
                                    <div class="text-muted" title="{{ $log->device_push_message ?? '' }}">
                                        Device: {{ $log->device_push_status }}
                                    </div>
                                @endif
                            @else
                                <span class="badge bg-secondary-subtle text-dark">Device</span>
                            @endif
                        </td>
                        <td><span class="badge bg-secondary-subtle text-dark">{{ $log->verify_mode ?: '—' }}</span></td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-center text-muted py-4">No punches for this filter.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        @if($logs->hasPages())
            <div class="card-footer py-2">{{ $logs->links() }}</div>
        @endif
    </div>
</div>
@endsection