@extends('layouts.app')

@section('header')
    Booking #{{ $booking->id }}
@endsection

@section('content')
    <div class="card shadow-sm" style="max-width: 40rem;">
        <div class="card-body">
            <dl class="row small mb-0">
                <dt class="col-sm-4 text-muted fw-normal">Customer</dt><dd class="col-sm-8">{{ $booking->customer->name }} ({{ $booking->customer->email }})</dd>
                <dt class="col-sm-4 text-muted fw-normal">Provider</dt><dd class="col-sm-8">{{ $booking->providerProfile->business_name ?? $booking->providerProfile->user->name }}</dd>
                <dt class="col-sm-4 text-muted fw-normal">Service</dt><dd class="col-sm-8">{{ $booking->service->name }} ({{ $booking->service->category->name }})</dd>
                <dt class="col-sm-4 text-muted fw-normal">Type</dt><dd class="col-sm-8">{{ $booking->booking_type === 'instant' ? '⚡ Insta Help' : '📅 Scheduled' }}</dd>
                <dt class="col-sm-4 text-muted fw-normal">Scheduled</dt><dd class="col-sm-8">{{ $booking->scheduled_at->format('d M Y, H:i') }}</dd>
                <dt class="col-sm-4 text-muted fw-normal">Address</dt><dd class="col-sm-8">{{ $booking->address_line }}, {{ $booking->city }}</dd>
                <dt class="col-sm-4 text-muted fw-normal">Status</dt><dd class="col-sm-8 text-capitalize">{{ str_replace('_', ' ', $booking->status) }}</dd>
                <dt class="col-sm-4 text-muted fw-normal">Amount</dt><dd class="col-sm-8">&#8377;{{ number_format($booking->amount, 2) }}</dd>
                <dt class="col-sm-4 text-muted fw-normal">Commission</dt><dd class="col-sm-8">{{ $booking->commission_amount !== null ? '₹'.number_format($booking->commission_amount, 2) : 'Pending completion' }}</dd>
                <dt class="col-sm-4 text-muted fw-normal">Provider payable</dt><dd class="col-sm-8">{{ $booking->provider_payable !== null ? '₹'.number_format($booking->provider_payable, 2) : '—' }}</dd>
                <dt class="col-sm-4 text-muted fw-normal">Payment status</dt><dd class="col-sm-8 text-capitalize">{{ $booking->payment_status }}</dd>
            </dl>

            @if ($booking->notes)
                <p class="small mt-3 mb-0"><strong>Notes:</strong> {{ $booking->notes }}</p>
            @endif

            @if ($booking->payment_status === 'pending')
                <form method="POST" action="{{ route('admin.bookings.mark-paid', $booking) }}" class="mt-3">
                    @csrf @method('PATCH')
                    <button class="btn btn-primary btn-sm">Mark as Paid</button>
                </form>
            @endif
        </div>
    </div>
@endsection