@extends('admin.layout')

@section('title', 'Detail Order')

@section('content')
    <div class="toolbar">
        <div>
            <h1>{{ $order->code }}</h1>
            <p class="muted" style="margin:0">{{ $order->groom_name }} & {{ $order->bride_name }}</p>
        </div>
        <a class="btn btn-light" href="{{ route('admin.orders.index') }}">Kembali</a>
    </div>

    <div class="form">
        <div class="grid-2">
            <div>
                <p class="muted" style="margin:0">Paket</p>
                <strong>{{ $order->package->name }} — {{ $order->formattedAmount() }}</strong>
            </div>
            <div>
                <p class="muted" style="margin:0">Status</p>
                <span class="pill {{ $order->status === 'paid' ? '' : ($order->status === 'waiting_confirmation' ? 'pill-warn' : 'pill-muted') }}">
                    {{ $order->status }}
                </span>
            </div>
            <div>
                <p class="muted" style="margin:0">Email</p>
                <strong>{{ $order->customer_email }}</strong>
            </div>
            <div>
                <p class="muted" style="margin:0">Telepon</p>
                <strong>{{ $order->customer_phone ?: '—' }}</strong>
            </div>
        </div>

        @if ($order->paymentProofUrl())
            <div>
                <p class="muted">Bukti Transfer</p>
                <a href="{{ $order->paymentProofUrl() }}" target="_blank">
                    <img src="{{ $order->paymentProofUrl() }}" alt="Bukti" style="max-width:280px;display:block;border-radius:.8rem">
                </a>
            </div>
        @endif

        @if ($order->user)
            <p class="muted" style="margin:0">Akun klien: <strong>{{ $order->user->email }}</strong></p>
        @endif

        @if ($order->invitation)
            <p class="muted" style="margin:0">
                Undangan:
                <a href="{{ route('admin.invitations.edit', $order->invitation) }}">/{{ $order->invitation->slug }}</a>
            </p>
        @endif

        <form method="POST" action="{{ route('admin.orders.update', $order) }}">
            @csrf
            @method('PUT')
            <label>
                Ubah Status
                <select name="status" required>
                    @foreach (['pending', 'waiting_confirmation', 'paid', 'cancelled'] as $status)
                        <option value="{{ $status }}" @selected($order->status === $status)>{{ $status }}</option>
                    @endforeach
                </select>
            </label>
            <label>
                Catatan Admin
                <textarea name="notes" rows="3">{{ old('notes', $order->notes) }}</textarea>
            </label>
            <button class="btn" type="submit">Simpan Status</button>
        </form>
    </div>
@endsection