@extends('layouts.app')
@section('title', $sale->reference)

@section('content')
    <div class="mb-4"><a href="{{ route('quotes.index') }}" class="text-sm text-brand-600 hover:underline">&larr; {{ __('Back') }}</a></div>

    <div class="card">
        <div class="flex flex-wrap items-start justify-between gap-3">
            <div>
                <h2 class="text-lg font-bold">{{ $sale->reference }}</h2>
                <p class="text-sm text-slate-400">
                    {{ $sale->client?->name ?? __('Walk-in customer') }} — {{ $sale->store?->name ?? '—' }}
                </p>
                <p class="text-sm text-slate-400">
                    {{ __('Created') }}: {{ $sale->created_at->format('d/m/Y H:i') }}
                    @if ($sale->due_date)<span class="ml-3">{{ __('Valid until') }}: {{ $sale->due_date->format('d/m/Y') }}</span>@endif
                </p>
            </div>
            <span class="badge {{ $sale->quoteBadgeClass() }}">{{ __(ucfirst($sale->quote_status ?? 'pending')) }}</span>
        </div>

        <table class="mt-4 min-w-full divide-y divide-slate-100">
            <thead>
                <tr>
                    <th class="th">{{ __('Product') }}</th>
                    <th class="th">{{ __('Mode') }}</th>
                    <th class="th">{{ __('Qty') }}</th>
                    <th class="th">{{ __('Unit price') }}</th>
                    <th class="th">{{ __('Discount') }}</th>
                    <th class="th text-right">{{ __('Line total') }}</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @foreach ($sale->items as $item)
                    <tr>
                        <td class="td">{{ $item->product_name }}</td>
                        <td class="td text-xs text-slate-400">{{ $item->selling_mode === 'box' ? __('Box') : __('Unit') }}</td>
                        <td class="td">{{ $item->entered_quantity }}</td>
                        <td class="td">{{ money($item->unit_price) }}</td>
                        <td class="td">{{ money($item->discount) }}</td>
                        <td class="td text-right font-semibold">{{ money($item->line_total) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <div class="mt-4 flex justify-end">
            <div class="w-full max-w-xs space-y-1 text-sm">
                <div class="flex justify-between"><span class="text-slate-400">{{ __('Subtotal') }}</span><span>{{ money($sale->subtotal) }}</span></div>
                <div class="flex justify-between"><span class="text-slate-400">{{ __('Discount') }}</span><span>- {{ money($sale->discount) }}</span></div>
                <div class="flex justify-between"><span class="text-slate-400">{{ __('VAT incl.') }}</span><span>{{ money($sale->vat) }}</span></div>
                <div class="flex justify-between border-t border-slate-100 pt-2 text-base font-bold dark:border-slate-700">
                    <span>{{ __('Total') }}</span><span>{{ money($sale->total) }}</span>
                </div>
            </div>
        </div>

        @if ($sale->notes)
            <p class="mt-4 whitespace-pre-line rounded-xl bg-slate-50 p-3 text-sm text-slate-500 dark:bg-slate-800">{{ $sale->notes }}</p>
        @endif

        {{-- Validation workflow (#5) --}}
        <div class="mt-6 border-t border-slate-100 pt-4 dark:border-slate-700">
            @if ($sale->quote_status === 'pending')
                <div class="flex flex-wrap items-end justify-between gap-3">
                    <div class="flex-1">
                        <label class="label">{{ __('Decline reason') }} ({{ __('optional') }})</label>
                        <input type="text" form="decline-form" name="reason" maxlength="500" class="input max-w-md">
                    </div>
                    <div class="flex gap-2">
                        <form method="POST" action="{{ route('quotes.decline', $sale) }}" id="decline-form">@csrf
                            <button class="btn-secondary">{{ __('Decline') }}</button>
                        </form>
                        <form method="POST" action="{{ route('quotes.validate', $sale) }}">@csrf
                            <button class="btn-primary">{{ __('Validate') }}</button>
                        </form>
                    </div>
                </div>
                <p class="mt-3 text-xs text-slate-400">{{ __('A quote must be validated before it can be converted into an invoice.') }}</p>
            @elseif ($sale->quote_status === 'validated')
                @if ($sale->converted_sale_id)
                    <p class="text-sm text-slate-500">
                        {{ __('Converted to invoice') }}:
                        <a class="text-brand-600 hover:underline" href="{{ route('sales.show', $sale->convertedSale) }}">{{ $sale->convertedSale?->reference }}</a>
                    </p>
                @else
                    <form method="POST" action="{{ route('quotes.convert', $sale) }}" class="flex items-center justify-between gap-3">
                        @csrf
                        <p class="text-xs text-slate-400">{{ __('Converting reserves the stock and creates an invoice awaiting validation.') }}</p>
                        <button class="btn-primary">{{ __('Convert to invoice') }}</button>
                    </form>
                @endif
            @elseif ($sale->quote_status === 'declined')
                <p class="text-sm text-red-600">{{ __('Declined on :date', ['date' => $sale->validated_at?->format('d/m/Y H:i')]) }}</p>
            @else
                <p class="text-sm text-slate-500">
                    {{ __('Validated by :name on :date', [
                        'name' => $sale->validator?->name ?? '—',
                        'date' => $sale->validated_at?->format('d/m/Y H:i') ?? '—',
                    ]) }}
                </p>
                @if ($sale->convertedSale)
                    <p class="mt-1 text-sm text-slate-500">
                        {{ __('Converted to invoice') }}:
                        <a class="text-brand-600 hover:underline" href="{{ route('sales.show', $sale->convertedSale) }}">{{ $sale->convertedSale?->reference }}</a>
                    </p>
                @endif
            @endif
        </div>
    </div>
@endsection