@extends('layouts.admin')

@section('title', __('admin_sales.details') . ' ' . $sale->sale_number)

@push('styles')
    .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.info{padding:14px;border-radius:9px;background:var(--primary-light)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table
    th,.data-table td{padding:12px;border-bottom:1px solid
    var(--border);text-align:start}.totals{margin-inline-start:auto;max-width:390px}.totals
    div{display:flex;justify-content:space-between;padding:8px}.cancel-box{margin-top:20px;border-color:#f0b4b4}.cancel-box
    textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;font:inherit}
@endpush

@section('content')
    <div class="page-header">
        <h1 class="page-title">{{ __('admin_sales.details') }} {{ $sale->sale_number }}</h1><a class="button button-secondary"
            href="{{ route('admin.sales.index') }}">{{ __('admin_sales.back') }}</a>
    </div>
    <section class="card">
        <div class="info-grid">
            <div class="info">
                <strong>{{ __('admin_sales.customer') }}</strong><br>{{ $sale->customer_name_snapshot ?? __('admin_sales.cash_customer') }}
            </div>
            <div class="info"><strong>{{ __('admin_sales.source') }}</strong><br>{{ __('admin_sales.' . $sale->source) }}
            </div>
            <div class="info">
                <strong>{{ __('admin_sales.status') }}</strong><br>{{ __('admin_sales.' . ($sale->status === 'cancelled' ? 'cancelled_status' : 'completed')) }}
            </div>
            <div class="info"><strong>{{ __('admin_sales.date') }}</strong><br>{{ $sale->sold_at?->format('Y-m-d H:i') }}
            </div>
            <div class="info">
                <strong>{{ __('admin_sales.creator') }}</strong><br>{{ $sale->creator?->full_name ?? '—' }}</div>
            @if ($sale->quoteRequest)
                <div class="info"><strong>{{ __('admin_sales.quote_number') }}</strong><br><a
                        href="{{ route('admin.quotes.show', $sale->quoteRequest) }}">{{ $sale->quoteRequest->quote_number }}</a>
                </div>
            @endif
        </div>
        @if ($sale->notes)
            <p><strong>{{ __('admin_sales.notes') }}:</strong> {{ $sale->notes }}</p>
        @endif
    </section>
    <section class="card" style="margin-top:20px">
        <div class="table-wrap">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>{{ __('admin_sales.product') }}</th>
                        <th>{{ __('admin_sales.quantity') }}</th>
                        <th>{{ __('admin_sales.unit_price') }}</th>
                        <th>{{ __('admin_sales.line_total') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($sale->items as $item)
                        <tr>
                            <td>{{ $item->internal_code_snapshot }} — {{ $item->product_name_snapshot }}</td>
                            <td>{{ $item->quantity }}</td>
                            <td>{{ number_format((float) $item->unit_price, 3) }} {{ $sale->currency }}</td>
                            <td>{{ number_format((float) $item->line_total, 3) }} {{ $sale->currency }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="totals">
            <div><span>{{ __('admin_sales.subtotal') }}</span><strong>{{ number_format((float) $sale->subtotal, 3) }}
                    {{ $sale->currency }}</strong></div>
            <div><span>{{ __('admin_sales.discount') }}</span><strong>{{ number_format((float) $sale->discount_amount, 3) }}
                    {{ $sale->currency }}</strong></div>
            <div><span>{{ __('admin_sales.total') }}</span><strong>{{ number_format((float) $sale->total_amount, 3) }}
                    {{ $sale->currency }}</strong></div>
        </div>
    </section>
    @if ($sale->isCompleted())
        <form class="card cancel-box" method="POST" action="{{ route('admin.sales.cancel', $sale) }}"
            onsubmit="return confirm(@js(__('admin_sales.cancel_confirm')))">@csrf
            <label><strong>{{ __('admin_sales.cancel_reason') }}</strong>
                <textarea name="cancellation_reason" rows="3" required minlength="3" maxlength="1000"></textarea>
            </label>
            <button class="button button-danger" type="submit"
                style="margin-top:10px">{{ __('admin_sales.cancel_sale') }}</button>
        </form>
    @elseif($sale->cancellation_reason)
        <section class="card cancel-box"><strong>{{ __('admin_sales.cancel_reason') }}:</strong>
            {{ $sale->cancellation_reason }}</section>
    @endif
@endsection