@extends('layouts.app')
@section('title', 'Approvals')
@section('heading', 'Discount approvals')

@section('content')
<section aria-labelledby="pend-h">
    <h2 id="pend-h" class="mb-2 text-sm font-semibold">Waiting for you ({{ $pending->count() }})</h2>
    <div class="space-y-3">
    @forelse ($pending as $a)
        <article class="rounded-lg border border-amber-300 bg-amber-50 p-4">
            <div class="flex flex-wrap items-start justify-between gap-2">
                <div><a href="{{ route('deals.show', $a->deal) }}" class="font-semibold underline">{{ $a->deal->deal_no }}</a> · {{ $a->deal->customer->name }}
                    <p class="text-sm">{{ $a->deal->vehicle->display_name }} <span class="text-muted">{{ $a->deal->vehicle->stock_id }}</span></p></div>
                <span class="rounded border border-amber-400 bg-white px-2 py-0.5 text-xs font-semibold">{{ ucfirst($a->level) }} level</span>
            </div>
            <p class="mt-2 text-sm"><strong>{{ $a->discount_percent }}%</strong> off, KSh {{ number_format((float) $a->discount_amount) }}. Price after discount KSh {{ number_format((float) $a->net_price) }}.
                @if ($a->below_minimum)<strong class="text-stop">Below the minimum price.</strong>@endif @if ($a->below_cost)<strong class="text-stop">Below cost.</strong>@endif</p>
            <p class="mt-1 text-sm">Requested by {{ $a->requester?->name }}: {{ $a->reason }}</p>
            <div class="mt-3 flex flex-wrap items-start gap-3">
                <form method="POST" action="{{ route('deals.approve', $a->deal) }}" class="flex gap-2">@csrf<label class="sr-only" for="n{{ $a->id }}">Note</label><input id="n{{ $a->id }}" name="note" maxlength="500" placeholder="Note (optional)" class="field"><button class="btn-primary">Approve</button></form>
                <form method="POST" action="{{ route('deals.reject', $a->deal) }}" class="flex gap-2">@csrf<label class="sr-only" for="r{{ $a->id }}">Reason</label><input id="r{{ $a->id }}" name="note" required maxlength="500" placeholder="Why not?" class="field"><button class="btn-quiet">Decline</button></form>
            </div>
        </article>
    @empty
        <p class="rounded-lg border border-line bg-panel p-6 text-center text-sm text-muted">Nothing is waiting for your decision.</p>
    @endforelse
    </div>
</section>

@if ($recent->count())
<section class="mt-8" aria-labelledby="rec-h"><h2 id="rec-h" class="mb-2 text-sm font-semibold">Recently decided</h2>
    <ul class="divide-y divide-line rounded-lg border border-line bg-panel text-sm">@foreach ($recent as $a)
        <li class="px-3 py-2"><a class="underline" href="{{ route('deals.show', $a->deal) }}">{{ $a->deal->deal_no }}</a> · {{ $a->discount_percent }}% · <strong>{{ ucfirst($a->status) }}</strong> by {{ $a->decider?->name }} on {{ $a->decided_at?->format('d M') }}{{ $a->self_approved ? ' (own request)' : '' }}</li>@endforeach</ul></section>
@endif
@endsection