@extends('layout')
@section('title', 'Dashboard')
@section('content')
<div class="page-header">
    <h1>Dashboard</h1>
    @unless($isSecurity)
        <form method="GET" class="filter-bar">
            <div class="field">
                <label for="site_id">Site</label>
                <select name="site_id" id="site_id" onchange="this.form.submit()">
                    <option value="">All sites</option>
                    @foreach($sites as $site)
                        <option value="{{ $site->id }}" @selected((string) $selectedSiteId === (string) $site->id)>{{ $site->name }}</option>
                    @endforeach
                </select>
            </div>
        </form>
    @endunless
</div>

<div class="stat-row">
    <div class="stat-tile">
        <div class="value">{{ $presentCount }}</div>
        <div class="label">Present now</div>
    </div>
    <div class="stat-tile">
        <div class="value">{{ $lateList->count() }}</div>
        <div class="label">Late today</div>
    </div>
    <div class="stat-tile">
        <div class="value">{{ $recentPunches->count() }}</div>
        <div class="label">Punches today</div>
    </div>
</div>

<div class="card">
    <h2>Who's in</h2>
    @if($whoIsIn->isEmpty())
        <p class="empty-state">No one is currently checked in.</p>
    @else
        <div class="table-wrap">
        <table>
            <thead><tr><th>Employee</th><th>Site</th><th>Since</th></tr></thead>
            <tbody>
            @foreach($whoIsIn as $event)
                <tr>
                    <td>{{ $event->employee->emp_id }} — {{ $event->employee->name }}</td>
                    <td>{{ $event->site->name }}</td>
                    <td>{{ $event->ts->format('H:i') }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
        </div>
    @endif
</div>

<div class="card">
    <h2>Late today (after {{ \App\Models\AppSetting::current()->shift_start }})</h2>
    @if($lateList->isEmpty())
        <p class="empty-state">No late arrivals.</p>
    @else
        <div class="table-wrap">
        <table>
            <thead><tr><th>Employee</th><th>Site</th><th>First IN</th></tr></thead>
            <tbody>
            @foreach($lateList as $event)
                <tr>
                    <td>{{ $event->employee->emp_id }} — {{ $event->employee->name }}</td>
                    <td>{{ $event->site->name }}</td>
                    <td>{{ $event->ts->format('H:i') }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
        </div>
    @endif
</div>

<div class="card">
    <h2>Recent punches</h2>
    @if($recentPunches->isEmpty())
        <p class="empty-state">No punches recorded today.</p>
    @else
        <div class="table-wrap">
        <table>
            <thead><tr><th>Time</th><th>Employee</th><th>Direction</th><th>Site</th><th>Source</th><th>Confidence</th></tr></thead>
            <tbody>
            @foreach($recentPunches as $event)
                <tr>
                    <td>{{ $event->ts->format('H:i:s') }}</td>
                    <td>{{ $event->employee->emp_id }} — {{ $event->employee->name }}</td>
                    <td><span class="badge {{ $event->direction === 'IN' ? 'badge-green' : 'badge-gray' }}">{{ $event->direction }}</span></td>
                    <td>{{ $event->site->name }}</td>
                    <td>{{ $event->source }}</td>
                    <td>{{ number_format($event->confidence, 2) }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
        </div>
    @endif
</div>
@endsection