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

@section('content')
<div class="container py-5" style="max-width:780px;">
    <div class="be-step-indicator">
        <div class="step"><span class="num"><i class="bi bi-check"></i></span> <span class="label">{{__('Time chosen')}}</span></div>
        <div class="divider"></div>
        <div class="step"><span class="num"><i class="bi bi-check"></i></span> <span class="label">{{__('Logged in')}}</span></div>
        <div class="divider"></div>
        <div class="step active"><span class="num">3</span> <span class="label">{{__('Pay & confirm')}}</span></div>
    </div>

    <div class="row g-4">
        <div class="col-md-6">
            <div class="be-panel">
                <h5 class="fw-bold mb-3">{{__('Booking summary')}}</h5>
                <div class="d-flex justify-content-between py-2 border-bottom">
                    <span class="text-muted">{{__('Service')}}</span><span class="fw-bold">{{ $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">{{ $staff->name }}</span>
                </div>
                <div class="d-flex justify-content-between py-2 border-bottom">
                    <span class="text-muted">{{__('Date')}}</span><span class="fw-bold">{{ \Illuminate\Support\Carbon::parse($draft['booking_date'])->format('D, M j, Y') }}</span>
                </div>
                <div class="d-flex justify-content-between py-2 border-bottom">
                    <span class="text-muted">{{__('Time')}}</span><span class="fw-bold">{{ \Illuminate\Support\Carbon::parse($draft['start_time'])->format('g:i A') }}</span>
                </div>

                @if (! empty($draft['coupon_code']))
                <div class="d-flex justify-content-between py-2 border-bottom">
                    <span class="text-muted">{{__('Subtotal')}}</span><span>{{ $settings->currency_symbol }}{{ number_format($draft['original_price'], 2) }}</span>
                </div>
                <div class="d-flex justify-content-between py-2 border-bottom">
                    <span class="text-muted">{{__('Discount')}} <span class="be-badge-success">{{ $draft['coupon_code'] }}</span></span>
                    <span class="text-success fw-bold">-{{ $settings->currency_symbol }}{{ number_format($draft['discount_amount'], 2) }}</span>
                </div>
                @endif

                <div class="d-flex justify-content-between py-2">
                    <span class="text-muted">{{__('Total')}}</span><span class="be-price-tag">{{ $settings->currency_symbol }}{{ number_format($draft['price'], 2) }}</span>
                </div>

                <hr>

                @if (! empty($draft['coupon_code']))
                <div class="d-flex align-items-center justify-content-between">
                    <div class="small">
                        <i class="bi bi-ticket-perforated me-1"></i> {{__('Coupon')}} <strong>{{ $draft['coupon_code'] }}</strong> {{__('applied')}}
                    </div>
                    <form method="POST" action="{{ route('booking.coupon.remove', $token) }}">
                        @csrf @method('DELETE')
                        <button type="submit" class="btn btn-link btn-sm text-danger p-0">{{__('Remove')}}</button>
                    </form>
                </div>
                @else
                <form method="POST" action="{{ route('booking.coupon.apply', $token) }}" class="d-flex gap-2">
                    @csrf
                    <input type="text" name="code" class="form-control" placeholder="{{__('Coupon code')}}" style="text-transform:uppercase;">
                    <button type="submit" class="btn be-btn-outline">{{__('Apply')}}</button>
                </form>
                @endif
            </div>
        </div>

        <div class="col-md-6">
            <div class="be-panel">
                <h5 class="fw-bold mb-3">{{__('Choose a payment method')}}</h5>

                @if ($payments->stripe_enabled)
                <form method="POST" action="{{ route('booking.pay.stripe', $token) }}" class="mb-3">
                    @csrf
                    <button type="submit" class="btn be-btn-primary w-100 btn-lg d-flex align-items-center justify-content-center gap-2">
                        <i class="bi bi-credit-card"></i> Card,Wallet (Stripe)
                    </button>
                </form>
                @endif

                @if ($payments->paypal_enabled)
                <form method="POST" action="{{ route('booking.pay.paypal', $token) }}" class="mb-3">
                    @csrf
                    <button type="submit" class="btn be-btn-outline w-100 btn-lg d-flex align-items-center justify-content-center gap-2">
                        <i class="bi bi-paypal"></i> PayPal
                    </button>
                </form>
                @endif

                @if ($payments->mollie_enabled)
                <form method="POST" action="{{ route('booking.pay.mollie', $token) }}" class="mb-3">
                    @csrf
                    <button type="submit" class="btn be-btn-outline w-100 btn-lg d-flex align-items-center justify-content-center gap-2">
                        <i class="bi bi-credit-card-2-front"></i> Card,Wallet Mollie
                    </button>
                </form>
                @endif

                @if ($payments->mercadopago_enabled)
                <form method="POST" action="{{ route('booking.pay.mercadopago', $token) }}" class="mb-3">
                    @csrf
                    <button type="submit" class="btn be-btn-outline w-100 btn-lg d-flex align-items-center justify-content-center gap-2">
                        <i class="bi bi-wallet2"></i> Card,Wallet Mercado Pago
                    </button>
                </form>
                @endif

                @if ($payments->yookassa_enabled)
                <form method="POST" action="{{ route('booking.pay.yookassa', $token) }}" class="mb-3">
                    @csrf
                    <button type="submit" class="btn be-btn-outline w-100 btn-lg d-flex align-items-center justify-content-center gap-2">
                        <i class="bi bi-credit-card"></i> Card,Wallet YooKassa
                    </button>
                </form>
                @endif

                @if ($payments->tap_enabled)
                <form method="POST" action="{{ route('booking.pay.tap', $token) }}" class="mb-3">
                    @csrf
                    <button type="submit" class="btn be-btn-outline w-100 btn-lg d-flex align-items-center justify-content-center gap-2">
                        <i class="bi bi-credit-card-fill"></i> Card,Wallet Tap
                    </button>
                </form>
                @endif

                @if ($payments->paystack_enabled)
                <form method="POST" action="{{ route('booking.pay.paystack', $token) }}" class="mb-3">
                    @csrf
                    <button type="submit" class="btn be-btn-outline w-100 btn-lg d-flex align-items-center justify-content-center gap-2">
                        <i class="bi bi-bank"></i> Card,Wallet Paystack
                    </button>
                </form>
                @endif

                @if ($payments->flutterwave_enabled)
                <form method="POST" action="{{ route('booking.pay.flutterwave', $token) }}" class="mb-3">
                    @csrf
                    <button type="submit" class="btn be-btn-outline w-100 btn-lg d-flex align-items-center justify-content-center gap-2">
                        <i class="bi bi-globe2"></i> Card,Wallet Flutterwave
                    </button>
                </form>
                @endif

                @if ($payments->razorpay_enabled)
                <form method="POST" action="{{ route('booking.pay.razorpay', $token) }}" class="mb-3">
                    @csrf
                    <button type="submit" class="btn be-btn-outline w-100 btn-lg d-flex align-items-center justify-content-center gap-2">
                        <i class="bi bi-currency-rupee"></i> Card,Wallet Razorpay
                    </button>
                </form>
                @endif

                @if ($payments->paytm_enabled)
                <form method="POST" action="{{ route('booking.pay.paytm', $token) }}" class="mb-3">
                    @csrf
                    <button type="submit" class="btn be-btn-outline w-100 btn-lg d-flex align-items-center justify-content-center gap-2">
                        <i class="bi bi-phone"></i> Paytm
                    </button>
                </form>
                @endif

                @if ($payments->khalti_enabled)
                <form method="POST" action="{{ route('booking.pay.khalti', $token) }}" class="mb-3">
                    @csrf
                    <button type="submit" class="btn be-btn-outline w-100 btn-lg d-flex align-items-center justify-content-center gap-2">
                        <i class="bi bi-phone-fill"></i> Card,Wallet Khalti
                    </button>
                </form>
                @endif

                @if ($payments->payhere_enabled)
                <form method="POST" action="{{ route('booking.pay.payhere', $token) }}" class="mb-3">
                    @csrf
                    <button type="submit" class="btn be-btn-outline w-100 btn-lg d-flex align-items-center justify-content-center gap-2">
                        <i class="bi bi-credit-card-2-front"></i> Card,Wallet PayHere
                    </button>
                </form>
                @endif

                @if ($payments->bkash_enabled)
                <form method="POST" action="{{ route('booking.pay.bkash', $token) }}">
                    @csrf
                    <button type="submit" class="btn be-btn-outline w-100 btn-lg d-flex align-items-center justify-content-center gap-2">
                        <i class="bi bi-wallet-fill"></i> Bkash
                    </button>
                </form>
                @endif

                @unless ($payments->stripe_enabled || $payments->paypal_enabled || $payments->mollie_enabled || $payments->mercadopago_enabled || $payments->yookassa_enabled || $payments->tap_enabled || $payments->paystack_enabled || $payments->flutterwave_enabled || $payments->razorpay_enabled || $payments->paytm_enabled || $payments->khalti_enabled || $payments->payhere_enabled || $payments->bkash_enabled)
                <p class="text-muted">{{__('No payment methods are currently enabled. Please contact us to complete your booking')}}</p>
                @endunless

                <p class="text-muted small mt-3 mb-0">
                    <i class="bi bi-info-circle me-1"></i> {{__('Your booking is only confirmed once payment succeeds. This time slot is not reserved for you until then, so please complete payment promptly')}}
                </p>
            </div>
        </div>
    </div>
</div>
@endsection