{{-- ==========================================================
                    Student
=========================================================== --}}

<div class="mb-4">

    <label for="student_id" class="form-label fw-semibold">

        Student

        <span class="text-danger">*</span>

    </label>


    <select
        name="student_id"
        id="student_id"
        class="form-select @error('student_id') is-invalid @enderror"
        required
    >

        <option value="">
            Select Student
        </option>


        @foreach($students as $student)

            <option
                value="{{ $student->id }}"
                @selected(
                    old(
                        'student_id',
                        $subscriptionPayment->student_id ?? ''
                    ) == $student->id
                )
            >

                {{ $student->name }}

                @if($student->email)
                    — {{ $student->email }}
                @endif

            </option>

        @endforeach

    </select>


    @error('student_id')

        <div class="invalid-feedback">
            {{ $message }}
        </div>

    @enderror

</div>



{{-- ==========================================================
                    Subscription Plan
=========================================================== --}}

<div class="mb-4">

    <label
        for="subscription_plan_id"
        class="form-label fw-semibold"
    >

        Subscription Plan

        <span class="text-danger">*</span>

    </label>


    <select
        name="subscription_plan_id"
        id="subscription_plan_id"
        class="form-select @error('subscription_plan_id') is-invalid @enderror"
        required
    >

        <option value="">
            Select Subscription Plan
        </option>


        @foreach($subscriptionPlans as $plan)

            <option
                value="{{ $plan->id }}"
                @selected(
                    old(
                        'subscription_plan_id',
                        $subscriptionPayment->subscription_plan_id ?? ''
                    ) == $plan->id
                )
            >

                {{ $plan->name }}

                — ₦{{ number_format($plan->amount, 2) }}

                ({{ $plan->duration_days }}
                {{ $plan->duration_days == 1 ? 'day' : 'days' }})

            </option>

        @endforeach

    </select>


    @error('subscription_plan_id')

        <div class="invalid-feedback">
            {{ $message }}
        </div>

    @enderror

</div>



{{-- ==========================================================
                    Amount
=========================================================== --}}

<div class="mb-4">

    <label
        for="amount"
        class="form-label fw-semibold"
    >

        Amount

        <span class="text-danger">*</span>

    </label>


    <div class="input-group">

        <span class="input-group-text">
            ₦
        </span>


        <input
            type="number"
            name="amount"
            id="amount"
            step="0.01"
            min="0"
            value="{{ old('amount', $subscriptionPayment->amount ?? '') }}"
            class="form-control @error('amount') is-invalid @enderror"
            placeholder="Enter payment amount"
            required
        >

    </div>


    @error('amount')

        <div class="text-danger small mt-1">
            {{ $message }}
        </div>

    @enderror

</div>



{{-- ==========================================================
                    Reference
=========================================================== --}}

<div class="mb-4">

    <label
        for="reference"
        class="form-label fw-semibold"
    >

        Payment Reference

    </label>


    <input
        type="text"
        name="reference"
        id="reference"
        value="{{ old('reference', $subscriptionPayment->reference ?? '') }}"
        class="form-control @error('reference') is-invalid @enderror"
        placeholder="Enter bank transfer reference"
    >


    <small class="text-muted">

        Enter the bank transfer reference or transaction identifier.

    </small>


    @error('reference')

        <div class="invalid-feedback">
            {{ $message }}
        </div>

    @enderror

</div>



{{-- ==========================================================
                    Status
=========================================================== --}}

@if(isset($subscriptionPayment))

    <div class="mb-4">

        <label
            for="status"
            class="form-label fw-semibold"
        >

            Payment Status

            <span class="text-danger">*</span>

        </label>


        <select
            name="status"
            id="status"
            class="form-select @error('status') is-invalid @enderror"
            required
        >

            <option
                value="pending"
                @selected(
                    old(
                        'status',
                        $subscriptionPayment->status
                    ) === 'pending'
                )
            >
                Pending
            </option>


            <option
                value="approved"
                @selected(
                    old(
                        'status',
                        $subscriptionPayment->status
                    ) === 'approved'
                )
            >
                Approved
            </option>


            <option
                value="declined"
                @selected(
                    old(
                        'status',
                        $subscriptionPayment->status
                    ) === 'declined'
                )
            >
                Declined
            </option>

        </select>


        @error('status')

            <div class="invalid-feedback">
                {{ $message }}
            </div>

        @enderror

    </div>

@endif



{{-- ==========================================================
                    Information
=========================================================== --}}

<div class="alert alert-info border-0 rounded-3">

    <div class="d-flex">

        <i class="bi bi-info-circle me-2 mt-1"></i>

        <div>

            <strong>
                Payment Approval
            </strong>

            <p class="mb-0 small">

                Bank transfer payments remain pending until an
                administrator verifies and approves the payment.

                Approval will later activate the student's subscription
                according to the selected subscription plan.

            </p>

        </div>

    </div>

</div>