@extends('layouts.team')
@section('title', 'My leave')
@section('content')
<div class="stack" style="gap:6px"><span class="eyebrow">Leave year April {{ now()->month >= 4 ? now()->year : now()->year - 1 }} – March {{ now()->month >= 4 ? now()->year + 1 : now()->year }}</span><h1 class="d2">My leave</h1></div>
@if(session('warn'))<div class="flash" style="background:var(--warn-bg);color:var(--warn)">{{ session('warn') }}</div>@endif
<div class="grid g4">
    @foreach($balances as $b)@if($b['total'] > 0)
        <div class="panel kpi"><span class="xs muted">{{ $b['type']->name }}</span><span class="kpi-v">{{ $b['left'] + 0 }}<span class="small muted"> / {{ $b['total'] + 0 }}</span></span><div class="bar"><span style="width:{{ round($b['left'] / max(1, $b['total']) * 100) }}%"></span></div><span class="kpi-s">{{ $b['type']->description }}</span></div>
    @endif @endforeach
</div>
<div class="cols-main">
    <form method="post" action="{{ route('team.leave') }}" class="panel panel-b stack" style="gap:16px">
        @csrf<h2 class="ht">Apply for leave</h2>
        <fieldset class="stack" style="gap:8px;border:0;padding:0;margin:0"><legend class="label" style="margin-bottom:8px">Leave type</legend>
            <div class="row" style="gap:8px">@foreach($types as $t)<label class="chip-check"><input type="radio" name="leave_type_id" value="{{ $t->id }}" @checked(old('leave_type_id', $types->first()->id) == $t->id) required><span>{{ $t->name }}</span></label>@endforeach</div>
        </fieldset>
        <div class="form-grid"><x-field name="from_date" label="From" type="date" :value="old('from_date', today()->addDay()->toDateString())" required /><x-field name="to_date" label="To" type="date" :value="old('to_date', today()->addDay()->toDateString())" required /></div>
        <x-field name="half_day" label="Half day on the first day" type="checkbox" />
        <x-field name="reason" label="Reason" type="textarea" rows="3" required />
        <x-field name="cover_employee_id" label="Who covers your work?" type="select" :options="$colleagues->mapWithKeys(fn ($c) => [$c->id => $c->name.' ('.$c->designation.')'])" />
        <p class="small muted">Sundays and holidays aren’t counted. HR and your manager get a message to approve.</p>
        <button class="btn btn-sm" style="align-self:flex-start">Send request</button>
    </form>
    <aside class="stack" style="gap:16px;min-width:0">
        <section class="panel"><div class="panel-h"><h2 class="ht">Upcoming holidays</h2></div><div class="list small">@forelse($holidays as $h)<div class="li"><span style="flex:1">{{ $h->name }}</span><span class="muted">{{ $h->date->format('D j M') }}</span></div>@empty<x-empty>None listed.</x-empty>@endforelse</div></section>
        <section class="panel"><div class="panel-h"><h2 class="ht">Team off (next 30 days)</h2></div><div class="list small">@forelse($teamOff as $l)<div class="li"><span class="av">{{ $l->employee->initials() }}</span><span style="flex:1">{{ $l->employee->name }}</span><span class="muted">{{ $l->from_date->format('j M') }}{{ $l->from_date->eq($l->to_date) ? '' : '–'.$l->to_date->format('j M') }}</span></div>@empty<x-empty>No one in your team is off.</x-empty>@endforelse</div></section>
    </aside>
</div>
<section class="panel" style="min-width:0">
    <div class="panel-h"><h2 class="ht">History</h2></div>
    <div class="tbl-wrap"><table class="tbl">
        <thead><tr><th>Dates</th><th>Type</th><th class="num">Days</th><th>Reason</th><th>Status</th><th></th></tr></thead>
        <tbody>@forelse($history as $h)<tr><td class="b">{{ $h->from_date->format('j M') }}{{ $h->from_date->eq($h->to_date) ? '' : ' – '.$h->to_date->format('j M') }} {{ $h->from_date->format('Y') }}</td><td>{{ $h->type->name }}</td><td class="num">{{ $h->days + 0 }}</td><td class="muted small">{{ $h->reason }}@if($h->decision_note)<div class="xs">Note: {{ $h->decision_note }}</div>@endif</td><td><x-badge :status="$h->status" /></td><td>@if($h->status === 'pending')<form method="post" action="{{ route('team.leave.cancel', $h) }}" data-confirm="Cancel this request?">@csrf<button class="link-btn xs muted">Cancel</button></form>@endif</td></tr>@empty<tr><td colspan="6"><x-empty>No leave taken yet.</x-empty></td></tr>@endforelse</tbody>
    </table></div>
</section>
@endsection