@extends('layouts.app')

@section('title', 'Gratuity & Final Settlement')

@section('content')
<div class="space-y-6" x-data="{ selected: null }">
    <header class="flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between"><div><p class="text-xs font-bold uppercase tracking-[.18em] text-emerald-600">Employees & HR</p><h1 class="mt-1 text-3xl font-bold text-slate-950">Gratuity & final settlement</h1><p class="mt-1 text-sm text-slate-500">Reviewable traditional UAE private-sector estimates, approval controls, loan offsets and final settlement statements.</p></div><a href="{{ route('app.payroll.index') }}" class="rounded-xl border border-slate-200 bg-white px-4 py-2.5 text-sm font-bold text-slate-700">Back to payroll</a></header>

    <section class="rounded-2xl border border-amber-200 bg-amber-50 p-5"><h2 class="font-bold text-amber-950">Calculation control</h2><p class="mt-1 text-sm text-amber-900">The estimate uses the last basic salary, 21 days per year for the first five years and 30 days thereafter, proportional completed service after one year, unpaid excluded days, and a two-year basic-salary cap. Alternative savings-scheme members require their fund statement. Authorized HR review remains mandatory.</p></section>

    @if(auth()->check() && auth()->user()->hasPermission('gratuity.manage'))
    <section class="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm"><h2 class="text-lg font-bold text-slate-950">Create estimate</h2><div class="mt-4 grid gap-3 lg:grid-cols-2">@foreach($employees as $employee)<article class="rounded-xl border border-slate-200 p-4"><div class="flex justify-between gap-3"><div><a href="{{ route('app.employees.show',$employee) }}" class="font-bold text-slate-900">{{ $employee->full_name }}</a><p class="text-xs text-slate-500">{{ $employee->employee_code }} · Joined {{ $employee->joining_date?->format('d M Y') ?? 'not recorded' }}</p></div>@if($employee->currentSalary)<p class="text-right text-sm font-bold text-emerald-700">AED {{ number_format((float)$employee->currentSalary->basic_salary,2) }}<br><span class="text-[10px] font-normal text-slate-400">current basic</span></p>@else<span class="text-xs font-bold text-rose-600">Salary missing</span>@endif</div><button type="button" @click="selected=selected==={{ $employee->id }}?null:{{ $employee->id }}" class="mt-3 text-xs font-bold text-emerald-700">Calculate estimate</button><form x-show="selected==={{ $employee->id }}" x-cloak method="POST" action="{{ route('app.gratuity.store',$employee) }}" class="mt-3 grid gap-2 sm:grid-cols-2">@csrf<label class="text-xs text-slate-600">Last working date<input type="date" name="last_working_date" value="{{ today()->format('Y-m-d') }}" required class="erp-input mt-1"></label><label class="text-xs text-slate-600">Excluded unpaid days<input type="number" name="excluded_days" value="0" min="0" class="erp-input mt-1"></label><label class="text-xs text-slate-600">Work ratio<input type="number" name="work_ratio" value="1" min=".01" max="1" step=".01" class="erp-input mt-1"></label><label class="text-xs text-slate-600">Termination reason<input name="termination_reason" class="erp-input mt-1"></label><button class="rounded-xl bg-emerald-600 py-2.5 text-xs font-bold text-white sm:col-span-2" @disabled(!$employee->currentSalary || !$employee->joining_date)>Create reviewable estimate</button></form></article>@endforeach</div></section>
    @endif

    <section class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-sm"><div class="border-b border-slate-200 p-5"><h2 class="text-lg font-bold text-slate-950">Estimates and approvals</h2></div><div class="overflow-x-auto"><table class="erp-table"><thead><tr><th>Employee</th><th>Service</th><th>Last basic</th><th>Estimate</th><th>Approved</th><th>Status</th><th>Action</th></tr></thead><tbody>@forelse($estimates as $estimate)<tr><td><strong>{{ $estimate->employee->full_name }}</strong><small>{{ $estimate->employee->employee_code }}</small></td><td>{{ number_format($estimate->eligible_service_days/365,2) }} years<small>{{ $estimate->eligible_service_days }} eligible days</small></td><td>AED {{ number_format((float)$estimate->basic_salary,2) }}</td><td class="font-bold">AED {{ number_format((float)$estimate->estimated_amount,2) }}</td><td>{{ $estimate->approved_amount!==null ? 'AED '.number_format((float)$estimate->approved_amount,2) : '—' }}</td><td><span class="rounded-full bg-slate-100 px-2.5 py-1 text-[10px] font-bold uppercase">{{ $estimate->status }}</span></td><td>@if($estimate->status==='estimated') @if(auth()->check() && auth()->user()->hasPermission('gratuity.approve'))<form method="POST" action="{{ route('app.gratuity.approve',$estimate) }}" class="flex gap-2">@csrf<input type="number" step=".01" min="0" name="approved_amount" value="{{ $estimate->estimated_amount }}" required class="erp-input w-32"><button class="rounded-lg bg-emerald-600 px-3 text-xs font-bold text-white">Approve</button></form>@endif @elseif($estimate->status==='approved') @if(auth()->check() && auth()->user()->hasPermission('gratuity.approve'))<form method="POST" action="{{ route('app.gratuity.settlement',$estimate) }}" class="flex flex-wrap gap-2">@csrf<input type="number" step=".01" min="0" name="salary_due" class="erp-input w-28" placeholder="Salary due"><input type="number" step=".01" min="0" name="leave_salary" class="erp-input w-28" placeholder="Leave salary"><button class="rounded-lg bg-slate-900 px-3 text-xs font-bold text-white">Create settlement</button></form>@endif @endif</td></tr>@empty<tr><td colspan="7" class="py-14 text-center"><strong>No gratuity estimates</strong><small>Create an estimate from an employee with joining date and effective salary.</small></td></tr>@endforelse</tbody></table></div><div class="border-t border-slate-200 p-4">{{ $estimates->links() }}</div></section>

    @if($settlements->isNotEmpty())<section class="rounded-2xl border border-slate-200 bg-white p-5"><h2 class="text-lg font-bold text-slate-950">Final settlements</h2><div class="mt-4 grid gap-3 lg:grid-cols-2">@foreach($settlements as $settlement)<article class="rounded-xl border border-slate-200 p-4"><div class="flex justify-between"><div><p class="font-bold text-slate-900">{{ $settlement->employee->full_name }}</p><p class="text-xs text-slate-500">Salary {{ number_format((float)$settlement->salary_due,2) }} + leave {{ number_format((float)$settlement->leave_salary,2) }} + gratuity {{ number_format((float)$settlement->gratuity_amount,2) }}</p></div><div class="text-right"><p class="text-lg font-bold text-emerald-700">AED {{ number_format((float)$settlement->net_settlement,2) }}</p><p class="text-[10px] uppercase text-slate-400">{{ $settlement->status }}</p></div></div></article>@endforeach</div></section>@endif
</div>
@endsection