@extends('master')

@section('title', $title)

@section('content')
<div class="container">
    <h1>{{ $title }}</h1>

    <form action="{{ route('online_application.store') }}" method="POST">
        @csrf

        <div class="form-group">
            <label for="userid">User ID</label>
            <input type="number" name="userid" id="userid" class="form-control" value="{{ old('userid') }}" required>
            @error('userid')
                <div class="text-danger">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <label for="application_id">Application Id</label>
            <select name="application_id" id="application_id" class="form-control" required>
                <option value="">Select Application id</option>
                @foreach($applicationForms as $form)
                    <option value="{{ $form->id }}" {{ old('application_id') == $form->id ? 'selected' : '' }}>
                        {{ $form->id }}  
                    </option>
                @endforeach
            </select>
            @error('application_id')
                <div class="text-danger">{{ $message }}</div>
            @enderror
        </div>
        <div class="form-group">
            <label for="program">Program</label>
            <select name="program" class="form-control" required>
                <option value="">Select Program</option>
                @foreach($programs as $program)
                    <option value="{{ $program->program_name}}" {{ old('program') == $program->program_name ? 'selected' : '' }}>
                        {{ $program->program_name }} <!-- Displaying the program name -->
                    </option>
                @endforeach
            </select>
        </div>

        <div class="form-group">
            <label for="p_level">Program Level (Optional)</label>
            <input type="text" name="p_level" id="p_level" class="form-control" value="{{ old('p_level') }}">
        </div>

        <div class="form-group">
            <label for="rec_date">Received Date</label>
            <input type="date" name="rec_date" id="rec_date" class="form-control" value="{{ old('rec_date') }}" required>
            @error('rec_date')
                <div class="text-danger">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <label for="approved_date">Approved Date (Optional)</label>
            <input type="date" name="approved_date" id="approved_date" class="form-control" value="{{ old('approved_date') }}">
        </div>

        <div class="form-group">
            <label for="comment">Comment</label>
            <textarea name="comment" id="comment" class="form-control" required>{{ old('comment') }}</textarea>
            @error('comment')
                <div class="text-danger">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <label for="reapply">Reapply (Optional)</label>
            <textarea name="reapply" id="reapply" class="form-control">{{ old('reapply') }}</textarea>
        </div>

        <div class="form-group">
            <label for="isRejected">Is Rejected (Optional)</label>
            <input type="date" name="isRejected" id="isRejected" class="form-control" value="{{ old('isRejected') }}">
        </div>

        <div class="form-group">
            <label for="bank_name">Bank Name (Optional)</label>
            <input type="text" name="bank_name" id="bank_name" class="form-control" value="{{ old('bank_name') }}">
        </div>

        <div class="form-group">
            <label for="voucher">Voucher (Optional)</label>
            <input type="text" name="voucher" id="voucher" class="form-control" value="{{ old('voucher') }}">
        </div>

        <div class="form-group">
            <label for="payment">Payment (Optional)</label>
            <input type="number" name="payment" id="payment" class="form-control" value="{{ old('payment') }}">
        </div>

        <div class="form-group">
            <label for="roll_number">Roll Number (Optional)</label>
            <input type="number" name="roll_number" id="roll_number" class="form-control" value="{{ old('roll_number') }}">
        </div>

        <div class="form-group">
            <label for="status">Status</label>
            <select name="status" id="status" class="form-control" required>
                <option value="1" {{ old('status') == 1 ? 'selected' : '' }}>Approved</option>
                <option value="0" {{ old('status') == 0 ? 'selected' : '' }}>Pending</option>
            </select>
        </div>

        <button type="submit" class="btn btn-success mt-3">Submit</button>
    </form>

    <a href="{{ route('online_application.index') }}" class="btn btn-secondary btn-sm mt-4">Back</a>
</div>
@endsection