@extends('web_site.layouts.master')

@section('content')
    <main class="main">
        @include('web_site.partials.alerts')
        <section class="py-100">
            <div class="container">
                <div class="site-heading">
                    <h1 class="site-title">{{ trans('clinic.bookings.pay_title') }}</h1>
                </div>

                <div class="p-4 border rounded" style="max-width: 480px;">
                    <p>{{ trans('clinic.bookings.total_due') }}: {{ number_format((float) $booking->price, 2) }}</p>

                    <form action="{{ route('clinic.payments.process', $booking) }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label">{{ trans('clinic.bookings.select_gateway') }}</label>
                            <select name="payment_gateway_code" class="form-select" required>
                                @foreach ($gateways as $gateway)
                                    <option value="{{ $gateway->code }}">{{ $gateway->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <button type="submit" class="theme-btn">{{ trans('clinic.bookings.proceed_to_pay') }}</button>
                    </form>
                </div>
            </div>
        </section>
    </main>
@endsection