{{-- Shared Student Form Fields --}}

<!-- Names -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
    <!-- Surname -->
    <div>
        <label class="block text-sm font-medium text-gray-700 mb-2">
            <i class="fas fa-signature text-primary-500 mr-1"></i>
            Surname <span class="text-red-500">*</span>
        </label>
        <div class="relative">
            <input
                type="text"
                name="surname"
                value="{{ old('surname', $student->surname ?? '') }}"
                required
                class="w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent"
                placeholder="Enter student's surname">
            <i class="fas fa-user absolute left-3 top-1/2 -translate-y-1/2 text-gray-400"></i>
        </div>
    </div>

    <!-- Other Name -->
    <div>
        <label class="block text-sm font-medium text-gray-700 mb-2">
            <i class="fas fa-id-card text-primary-500 mr-1"></i>
            Other Name
        </label>
        <div class="relative">
            <input
                type="text"
                name="other_name"
                value="{{ old('other_name', $student->other_name ?? '') }}"
                class="w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent"
                placeholder="Enter other names">
            <i class="fas fa-user-tag absolute left-3 top-1/2 -translate-y-1/2 text-gray-400"></i>
        </div>
    </div>
</div>

<!-- JUPEB + Course -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
    <!-- JUPEB Number -->
    <div>
        <label class="block text-sm font-medium text-gray-700 mb-2">
            <i class="fas fa-id-badge text-primary-500 mr-1"></i>
            Jamb Reg Number <span class="text-red-500">*</span>
        </label>
        <div class="relative">
            <input
                type="text"
                name="jupeb_number"
                value="{{ old('jupeb_number', $student->jupeb_number ?? '') }}"
                required
                class="w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent"
                placeholder="Enter Jamb registration number">
            <i class="fas fa-hashtag absolute left-3 top-1/2 -translate-y-1/2 text-gray-400"></i>
        </div>
    </div>

    <!-- Course Applied -->
    <div>
        <label class="block text-sm font-medium text-gray-700 mb-2">
            <i class="fas fa-book-open text-primary-500 mr-1"></i>
            Course Applied <span class="text-red-500">*</span>
        </label>
        <div class="relative">
            <input
                type="text"
                name="course_applied"
                value="{{ old('course_applied', $student->course_applied ?? '') }}"
                required
                class="w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent"
                placeholder="Enter the course applied for">
            <i class="fas fa-book absolute left-3 top-1/2 -translate-y-1/2 text-gray-400"></i>
        </div>
    </div>
</div>

<!-- Subject Combination -->
<div>
    <label class="block text-sm font-medium text-gray-700 mb-2">
        <i class="fas fa-layer-group text-primary-500 mr-1"></i>
        Subject Combination <span class="text-red-500">*</span>
    </label>
    <div class="relative">
        <select
            name="subject_combination_id"
            required
            class="w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent">
            <option value="">Select Subject Combination</option>

            @foreach($combinations as $combo)
                <option
                    value="{{ $combo->id }}"
                    @selected(old('subject_combination_id', $student->subject_combination_id ?? null) == $combo->id)
                >
                    {{ $combo->subjects->pluck('name')->join(', ') }}
                </option>
            @endforeach
        </select>
        <i class="fas fa-list absolute left-3 top-1/2 -translate-y-1/2 text-gray-400"></i>
    </div>
</div>