@extends('layouts.app')
@section('content')
<div class="page-heading"><h1>PTO Manager</h1></div><section class="panel"><form class="table-filters" method="GET"><label class="sr-only" for="employee-search">Search employees</label><input type="search" id="employee-search" name="q" value="{{ request('q') }}" placeholder="Search employee"><button class="button button-secondary">Search</button></form><div class="table-scroll"><table><thead><tr><th>Employee</th><th>PTO remaining</th><th>Sick leave remaining</th><th>Action</th></tr></thead><tbody>@forelse($employees as $employee)<tr><td>{{ $employee->name }}</td><td>{{ number_format($employee->pto_trackers->firstWhere('leave_tracking_type','personal_time_off')?->balance ?? $employee->pto_hours ?? 0,2) }}</td><td>{{ number_format($employee->pto_trackers->firstWhere('leave_tracking_type','sick_leave')?->balance ?? $employee->pto_sl_hours ?? 0,2) }}</td><td><a class="row-action" href="{{ route('pto.manager',['employee'=>$employee->id]) }}">Manage</a></td></tr>@empty<tr><td colspan="4">No employees found.</td></tr>@endforelse</tbody></table></div><div class="pagination-footer">{{ $employees->onEachSide(1)->links() }}</div></section>

@can('system access global admin')
<details class="panel form-panel"><summary>Import historical PTO ledger</summary><form method="POST" enctype="multipart/form-data" action="{{ route('pto.import.start') }}" data-pto-import>@csrf<label for="ledger-file">ts_finance CSV (up to 20 MB)</label><input type="file" id="ledger-file" name="file" accept=".csv,.txt" required><div class="form-actions"><button class="button button-primary">Import ledger</button></div><p role="status" data-import-progress></p><ul data-import-errors></ul></form></details>
@endcan
@endsection