@extends('layouts.app')
@section('title','Attendance & roster')
@section('content')
<x-page-header eyebrow="WORKFORCE OPERATIONS" title="Make working time clear" description="Schedule shifts, review punches and verify attendance before payroll. Overnight shifts use the company timezone."/>
<form method="get" class="filter-bar"><x-lifecycle-field name="month" label="Attendance month" type="month" :value="$month"/><button class="button secondary">View month</button></form>
<section class="panel"><div class="panel-heading"><h2>Attendance register</h2></div>@php($uiRows1=\App\Support\ListView::rows($entries,'attendance_entries'))
<x-list-tools :items="$uiRows1" name="attendance_entries"/>
<div class="table-scroll"><table data-ui-list="true"><thead><tr><th>Employee</th><th>Work date</th><th>In / out (company time)</th><th>Minutes / approved OT</th><th>Status</th></tr></thead><tbody>@forelse($uiRows1 as $entry)<tr><td>{{ $entry->employee->employee_number }} · {{ $entry->employee->full_name }}</td><td>{{ $entry->work_date->toDateString() }}</td><td>{{ $entry->clock_in?->timezone(\App\Domain\Operations\Operations::timezone())->format('d M H:i') }} / {{ $entry->clock_out?->timezone(\App\Domain\Operations\Operations::timezone())->format('d M H:i') }}</td><td>{{ $entry->worked_minutes }} / {{ $entry->approved_overtime_minutes }}</td><td><span class="badge {{ $entry->status==='pending'?'amber':'green' }}">{{ $entry->status }}</span><br><small>{{ $entry->source }}</small></td></tr>@empty<tr><td colspan="5"><div class="empty-state compact">No attendance records in this month.</div></td></tr>@endforelse</tbody></table></div>
<x-list-pagination :items="$uiRows1"/>
<div class="panel-body"></div></section>
@can('attendance.manage')
<section class="panel"><div class="panel-heading"><h2>Verify attendance or absence</h2></div><div class="panel-body"><form method="post" action="{{ $base }}/attendance/record" class="form-grid">@csrf
<x-lifecycle-field name="employee_id" label="Employee" type="select" :options="$employees->mapWithKeys(fn($e)=>[$e->id=>$e->employee_number.' · '.$e->full_name])->all()"/><x-lifecycle-field name="work_date" label="Work date" type="date"/>
<x-lifecycle-field name="status" label="Attendance status" type="select" :options="['present'=>'Present','absent'=>'Absent']"/><x-lifecycle-field name="approved_overtime_minutes" label="Approved overtime minutes" type="number" value="0"/>
<x-lifecycle-field name="clock_in" label="Clock in (required for present)" type="datetime-local" :required="false"/><x-lifecycle-field name="clock_out" label="Clock out (required for present)" type="datetime-local" :required="false"/>
<div class="form-span"><x-lifecycle-field name="note" label="Verification reason / evidence reference" type="textarea"/></div><div class="form-span"><button class="button primary">Verify attendance</button></div></form></div></section>
<section class="panel"><div class="panel-heading"><h2>Shift templates & roster</h2></div><div class="panel-body"><div class="profile-tabs">@foreach($shifts as $s)<span class="badge green">{{ $s->name }} · {{ $s->starts_at }}–{{ $s->ends_at }} · {{ $s->break_minutes }}m break</span>@endforeach</div>
<details><summary>Create a shift template</summary><form method="post" action="{{ $base }}/attendance/shift" class="form-grid">@csrf<x-lifecycle-field name="name" label="Shift name"/><x-lifecycle-field name="starts_at" label="Shift starts" type="time"/><x-lifecycle-field name="ends_at" label="Shift ends" type="time"/><x-lifecycle-field name="break_minutes" label="Unpaid break minutes" type="number" value="60"/>
<div class="form-span"><h3>Working weekdays</h3><div class="profile-tabs">@foreach(['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'] as $i=>$day)<label class="checkbox-label"><input type="checkbox" name="weekdays[]" value="{{ $i+1 }}" @checked($i<5)>{{ $day }}</label>@endforeach</div></div>
<x-lifecycle-field name="latitude" label="Optional geofence latitude" :required="false"/><x-lifecycle-field name="longitude" label="Optional geofence longitude" :required="false"/><x-lifecycle-field name="radius_metres" label="Optional geofence radius (metres)" type="number" :required="false"/><div class="form-span"><button class="button secondary">Create shift</button></div></form></details>
<form method="post" action="{{ $base }}/attendance/roster" class="form-grid">@csrf<x-lifecycle-field name="employee_id" label="Roster employee" type="select" :options="$employees->mapWithKeys(fn($e)=>[$e->id=>$e->employee_number.' · '.$e->full_name])->all()"/><x-lifecycle-field name="work_shift_id" label="Shift" type="select" :options="$shifts->pluck('name','id')->all()"/><x-lifecycle-field name="starts_on" label="Roster starts on" type="date"/><x-lifecycle-field name="ends_on" label="Roster ends on" type="date"/><div class="form-span"><button class="button primary">Schedule roster</button></div></form>
<details><summary>View roster</summary>@php($uiRows2=\App\Support\ListView::rows($rosters,'work_rosters'))
<x-list-tools :items="$uiRows2" name="work_rosters"/>
<div class="table-scroll"><table data-ui-list="true"><thead><tr><th>Date</th><th>Employee</th><th>Shift</th></tr></thead><tbody>@foreach($uiRows2 as $r)<tr><td>{{ $r->work_date->toDateString() }}</td><td>{{ $r->employee->full_name }}</td><td>{{ $r->shift->name }}</td></tr>@endforeach</tbody></table></div>
<x-list-pagination :items="$uiRows2"/>
</details></div></section>
<section class="panel"><div class="panel-heading"><h2>Holidays & device import</h2></div><div class="panel-body"><p class="hint">Company holidays exclude scheduled leave days. Add holidays before submitting leave. Biometric CSV imports require operator review; import grants no overtime automatically.</p><form method="post" action="{{ $base }}/attendance/holiday" class="form-grid">@csrf<x-lifecycle-field name="name" label="Holiday name"/><x-lifecycle-field name="work_date" label="Holiday date" type="date"/><x-lifecycle-field name="branch_id" label="Optional branch ID" type="number" :required="false"/><div class="form-span"><button class="button secondary">Add holiday</button></div></form><div class="profile-tabs">@foreach($holidays as $h)<span class="badge gray">{{ $h->name }} · {{ $h->work_date->toDateString() }}</span>@endforeach</div>
<form method="post" action="{{ $base }}/attendance/import" enctype="multipart/form-data">@csrf<x-file-upload name="file" label="Reviewed biometric CSV" accept=".csv,.txt" :required="true"/><p class="hint">Header: employee_number,work_date,clock_in,clock_out. Times: YYYY-MM-DDTHH:MM in company time. Maximum 1,000 rows; the entire import rolls back on an invalid row.</p><button class="button secondary">Import reviewed device records</button></form></div></section>@endcan
@endsection