@extends('layouts.app')
@section('title', __('Booking Confirmed') . ' - ' . $settings->site_name)

@section('content')
<div class="container py-5" style="max-width:700px;">
    <div class="be-panel text-center">
        <div class="be-cat-icon mx-auto mb-3" style="width:70px;height:70px;font-size:2rem;">
            <i class="bi bi-check-circle-fill text-success"></i>
        </div>
        <h2 class="be-section-title">{{__('Booking Confirmed')}}</h2>
        <p class="text-muted">{{__('A confirmation has been sent to')}} {{ $booking->customer_email }}.</p>

        <div class="be-panel text-start mt-4" style="background:var(--be-bg);">
            <div class="d-flex justify-content-between py-2 border-bottom">
                <span class="text-muted">{{__('Reference')}}</span><span class="fw-bold">{{ $booking->reference }}</span>
            </div>
            <div class="d-flex justify-content-between py-2 border-bottom">
                <span class="text-muted">{{__('Service')}}</span><span class="fw-bold">{{ $booking->service->name }}</span>
            </div>
            <div class="d-flex justify-content-between py-2 border-bottom">
                <span class="text-muted">{{__('Specialist')}}</span><span class="fw-bold">{{ $booking->staff->name }}</span>
            </div>
            <div class="d-flex justify-content-between py-2 border-bottom">
                <span class="text-muted">{{__('Date')}} & {{__('Time')}}</span>
                <span class="fw-bold">{{ $booking->booking_date->format('D, M j, Y') }} {{__('at')}} {{ \Illuminate\Support\Carbon::parse($booking->start_time)->format('g:i A') }}</span>
            </div>
            @if ($booking->hasDiscount())
            <div class="d-flex justify-content-between py-2 border-bottom">
                <span class="text-muted">{{__('Subtotal')}}</span><span>{{ $booking->formattedOriginalPrice() }}</span>
            </div>
            <div class="d-flex justify-content-between py-2 border-bottom">
                <span class="text-muted">{{__('Discount')}} <span class="be-badge-success">{{ $booking->coupon_code }}</span></span>
                <span class="text-success fw-bold">{{ $booking->formattedDiscount() }}</span>
            </div>
            @endif
            <div class="d-flex justify-content-between py-2">
                <span class="text-muted">{{__('Amount paid')}}</span><span class="be-price-tag">{{ $booking->formattedPrice() }}</span>
            </div>
        </div>

        <div class="d-flex flex-column flex-sm-row justify-content-center gap-2 gap-sm-3 mt-4">
            <a href="{{ route('account.bookings.show', $booking->reference) }}" class="btn be-btn-primary">{{__('View Booking')}}</a>
            <a href="{{ route('services.index') }}" class="btn be-btn-ghost">{{__('Book Another')}}</a>
        </div>
    </div>
</div>
@endsection