@php
$titles = ['dashboard' => 'Dashboard', 'requests' => 'PTO Requests', 'approvals' => 'Approvals', 'history' => 'History'];
$title = $titles[$section];
$statusLabels = ['pending'=>'Pending review','immediate_approved'=>'First review complete','final_approved'=>'Approved','pending_admin'=>'Awaiting admin','admin_approved'=>'Approved','rejected'=>'Rejected'];
@endphp
@extends('layouts.app')
@section('content')
    <div class="page-heading"><div><h1>{{ $section === 'dashboard' ? 'Dashboard' : $title }}</h1></div><a class="button button-primary" href="{{ route('pto.requests.create') }}"><span aria-hidden="true">+</span> New PTO Request</a></div>
    @if (! $available)<div class="notice" role="status">PTO records are not yet available for this company. Your administrator can enable the existing Timesheet PTO schema.</div>@endif
    @if ($section === 'dashboard')
        <section class="stat-grid" aria-label="PTO summary">
            @foreach ([['Personal Time Off','pto','Available hours','balance'],['Sick Leave','sick','Available hours','sick'],['Pending Requests','pending','In the review process','pending'],['Approved Requests','approved','Completed approvals','approved']] as [$label,$key,$detail,$style])
                <article class="stat-card"><div class="stat-top"><h2>{{ $label }}</h2><span class="stat-symbol {{ $style }}" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6">@if(in_array($key,['pto','sick']))<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/>@elseif($key === 'pending')<circle cx="12" cy="12" r="9"/><path d="M7 12h10M12 7v10"/>@else<path d="m5 12 4 4L19 6"/>@endif</svg></span></div><div class="stat-value">{{ $summary ? (in_array($key,['pto','sick']) ? number_format($summary[$key],2) : $summary[$key]) : '-' }}@if(in_array($key,['pto','sick']))<small>hrs</small>@endif</div><p>{{ $detail }}</p></article>
            @endforeach
        </section>
    @endif
    <section class="panel requests-panel"><div class="panel-heading"><div><h2>{{ $section === 'dashboard' ? 'Recent requests' : ($section === 'approvals' ? 'Your review queue' : $title) }}</h2><p>{{ $section === 'dashboard' ? '' : '' }}</p></div>@if($section !== 'dashboard')<a class="text-link" href="{{ route('pto.section',$section === 'history' ? 'requests' : 'history') }}">{{ $section === 'history' ? 'All requests' : 'History' }}</a>@endif @if($section === 'dashboard')<a class="text-link" href="{{ route('pto.section','requests') }}">View all <span aria-hidden="true">&#8594;</span></a>@endif</div>
        @if ($section !== 'dashboard')<form class="table-filters" method="GET"><label class="sr-only" for="request-search">Search requests</label><input id="request-search" type="search" name="q" value="{{ $search }}" placeholder="Search leave type or department"><label class="sr-only" for="request-status">Request status</label><select id="request-status" name="status"><option value="">All statuses</option>@foreach($statusLabels as $key=>$label)@continue($key === 'admin_approved')<option value="{{ $key }}" @selected($status === $key)>{{ $label }}</option>@endforeach</select><button class="button button-secondary" type="submit">Filter</button>@if($search || $status)<a class="text-link" href="{{ route('pto.section',$section) }}">Clear</a>@endif</form>@endif
        <div class="table-scroll"><table><thead><tr><th>{{ $section === 'approvals' ? 'Employee / Leave Type' : 'Leave Type' }}</th><th>Dates</th><th>Hours</th><th>Status</th><th><span class="sr-only">Action</span></th></tr></thead><tbody>
            @forelse ($requests ?? [] as $item)
                <tr><td><strong>{{ $section === 'approvals' ? $item->employee_name : ($item->type_label ?? 'Time off') }}</strong><small>{{ $section === 'approvals' ? ($item->type_label ?? 'Time off') : ($item->department ?: 'PTO request') }}</small></td><td>{{ $item->date_from ? \Illuminate\Support\Carbon::parse($item->date_from)->format('M j, Y') : ($item->date ? \Illuminate\Support\Carbon::parse($item->date)->format('M j, Y') : 'Not set') }}@if($item->date_to && $item->date_to !== $item->date_from)<small>to {{ \Illuminate\Support\Carbon::parse($item->date_to)->format('M j, Y') }}</small>@endif</td><td class="hours-cell">{{ number_format((float)($item->total_hours ?? $item->hours ?? 0),2) }} <span>hrs</span></td><td><span @class(['status-badge', 'status-approved'=>in_array($item->status,['final_approved','admin_approved']), 'status-rejected'=>$item->status==='rejected', 'status-pending'=>!in_array($item->status,['final_approved','admin_approved','rejected'])])><i></i>{{ $statusLabels[$item->status] ?? \Illuminate\Support\Str::headline($item->status) }}</span></td><td><a class="row-action" href="{{ route('pto.requests.approval',$item->id) }}" aria-label="{{ $section === 'approvals' ? 'Review request' : 'View request' }} #{{ $item->id }}">{{ $section === 'approvals' ? 'Review' : 'View' }} <span aria-hidden="true">&#8594;</span></a></td></tr>
            @empty<tr><td colspan="5"><div class="empty-state"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true"><rect x="4" y="5" width="16" height="16" rx="3"/><path d="M8 3v4m8-4v4M4 11h16m-11 5h6"/></svg><h3>{{ $available ? 'No requests to show' : 'Your workspace is almost ready' }}</h3><p>{{ $available ? 'Your time-off requests will appear here.' : 'PTO data will appear when the company setup is complete.' }}</p></div></td></tr>@endforelse
        </tbody></table></div>
        @if ($requests && $requests->hasPages())<div class="pagination-footer">{{ $requests->onEachSide(1)->links() }}</div>@endif
    </section>
@endsection