{{-- Shared amount, destination & term fields included in each payment tab --}}
@php
    $selectedDestination = old('destination', $student->destination ?? '');
@endphp

<div class="mb-4">
    <x-input-label for="destination" :value="__('Destination')" class="font-bold mb-1" />
    <select id="destination" name="destination" required class="block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm transition duration-150 ease-in-out">
        <option value="">{{ __('Select Destination') }}</option>
        @foreach($destinations as $dest)
        <option value="{{ $dest->name }}" {{ $selectedDestination === $dest->name ? 'selected' : '' }}>
            {{ $dest->name }} ({{ $dest->fare ? 'RWF ' . number_format($dest->fare) : __('No fare set') }})
        </option>
        @endforeach
    </select>
    <x-input-error :messages="$errors->get('destination')" class="mt-2" />
</div>

@if($balance && $balance->balance > 0)
<flux:callout variant="success" class="mb-6">
    <flux:heading size="sm">{{ __('Surplus Balance') }}</flux:heading>
    <flux:text variant="subtle">{{ __('You have a surplus balance of RWF :amount.', ['amount' => number_format($balance->balance)]) }}</flux:text>
</flux:callout>
@endif

<div class="mb-4">
    <x-input-label for="amount" :value="__('Amount (RWF)')" class="font-bold mb-1" />
    <div class="relative mt-1 rounded-md shadow-sm">
        <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
            <span class="text-gray-500 sm:text-sm">RWF</span>
        </div>
        <x-text-input type="number" name="amount" id="amount" class="block w-full pl-12" min="1" step="0.01" :value="old('amount')" placeholder="{{ __('e.g. 50000') }}" required />
    </div>
    <x-input-error :messages="$errors->get('amount')" class="mt-2" />
</div>

<div class="mb-6">
    <x-input-label for="term" :value="__('Term')" class="font-bold mb-1" />
    <select id="term" name="term" required class="block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm transition duration-150 ease-in-out">
        @foreach(['Term 1', 'Term 2', 'Term 3'] as $t)
        <option value="{{ $t }}" {{ (old('term', $currentTerm) === $t) ? 'selected' : '' }}>{{ $t }}</option>
        @endforeach
    </select>
    <x-input-error :messages="$errors->get('term')" class="mt-2" />
</div>