@extends('layouts.public')

@section('title', 'Booking Complete - ' . $booking->booking_number)

@section('head-extra')
<style>
  .complete-card {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
    padding: 24px;
  }
  .website-frame {
    width: 100%;
    min-height: 760px;
    border: 1px solid #dbe3ef;
    border-radius: 16px;
    background: #fff;
  }
</style>
@endsection

@section('content')
<div class="container py-5">
  <div class="complete-card mb-4">
    <span class="badge bg-success mb-3">Paid</span>
    <h1 class="h3 mb-2">Booking Completed</h1>
    <p class="text-muted mb-3">
      Booking <strong>{{ $booking->booking_number }}</strong> has been paid successfully and the customer status is now <strong>{{ $booking->status_label }}</strong>.
    </p>
    <div class="d-flex flex-wrap gap-3 small text-muted">
      <span><strong>Customer:</strong> {{ $booking->customer_name }}</span>
      <span><strong>Total Paid:</strong> ${{ number_format($booking->amount_paid, 2) }}</span>
    </div>
  </div>

  @if(!empty($businessSetup?->website))
    <iframe src="{{ $businessSetup->website }}" class="website-frame" title="Website Preview"></iframe>
  @else
    <div class="alert alert-warning mb-0">
      The business website URL is not configured yet, so the iframe could not be shown.
    </div>
  @endif
</div>
@endsection