@extends('layouts.header')

@section('content')
    <main class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="card shadow">
                    <div class="card-body">
                        <h2 class="card-title text-center mb-4">Payment Form</h2>
                        <form action="{{ route('payment.process') }}" method="POST" id="paymentForm">
                            @csrf
                            <input type="hidden" id="sponsorId" name="sponsor_id">
                            <fieldset>
                                <legend class="fw-bold">Sponsor Details</legend>
                                <div class="mb-3">
                                    <label for="sponsor" class="form-label">Select Sponsor:</label>
                                    <select class="form-select" name="sponsor" id="sponsor">
                                        <option value="" selected disabled>Select Sponsor</option>
                                        @foreach ($sponsors as $sponsor)