@extends('layouts.public')
@section('title', 'Booking confirmed — MuveOne')

@section('content')
<div class="card">
    <h1>Booking confirmed — {{ $order->order_id }}</h1>
    <p class="muted">{{ $order->from_address }} &rarr; {{ $order->to_address }} · {{ $order->size }} m³</p>

    <table>
        <tr><td>Removal price</td><td class="num">£{{ number_format((float) $order->amounts->size_price) }}</td></tr>
        @if ((float) $order->amounts->customs_price > 0)
            <tr><td>Customs clearance</td><td class="num">£{{ number_format((float) $order->amounts->customs_price) }}</td></tr>
        @endif
        <tr><td><strong>Order total</strong></td><td class="num"><strong>£{{ number_format((float) $order->amounts->order_total) }}</strong></td></tr>
        <tr><td>Deposit due now</td><td class="num">£{{ number_format((float) $order->amounts->deposit_amount) }}</td></tr>
        <tr><td>Balance due later</td><td class="num">£{{ number_format($order->balanceDue()) }}</td></tr>
    </table>

    <p class="muted" style="margin-top:16px;">Status: {{ $order->order_state->label() }}.</p>

    @if ($order->order_state->value === 'deposit_pending')
        <form method="POST" action="{{ route('pay.deposit', $order) }}">
            @csrf
            <button type="submit">Pay deposit — £{{ number_format((float) $order->amounts->deposit_amount) }}</button>
        </form>
    @endif

    <a href="{{ route('dashboard') }}"><button type="button">Back to dashboard</button></a>
</div>
@endsection