@extends('layouts.studentapp')

@section('content')
    {{-- Create Student Leave --}}

    <div class="container-fluid px-4">
        <h4 class="text-center text-gray-900 mb-4">
            {{ __('lng.Create') }} {{ __('lng.StudentLeave') }}
        </h4>

        <form method="post" action="{{ route('LeaveRequest.store') }}" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="student_id" value="{{ $Student->id }}">
            <div class="card">
                <div class="card-header shadow">
                    <div class="card-body p-5">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="date" class="form-label">{{ __('lng.Date') }}</label>
                                <input value="{{ old('date') }}" type="date"
                                    class="form-control @error('date') border-red-600 @enderror" name="date"
                                    id="date" required />
                                @error('date')
                                    <span class="text-xs text-red-700" id="passwordHelp">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="reason" class="form-label">{{ __('lng.reason') }}</label>
                                <input value="{{ old('reason') }}" type="text"
                                    class="form-control
                                    @error('reason') border-red-600 @enderror"
                                    name="reason" id="reason" required/>
                                @error('reason')
                                    <span class="text-xs text-red-700" id="passwordHelp">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="leave_from" class="form-label">Leave From:</label>
                                <input value="{{ old('leave_from') }}" type="date"
                                    class="form-control @error('leave_from') border-red-600 @enderror" name="leave_from"
                                    id="leave_from" required />
                                @error('leave_from')
                                    <span class="text-xs text-red-700" id="passwordHelp">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="leave_to" class="form-label">Leave To:</label>
                                <input value="{{ old('leave_to') }}" type="date"
                                    class="form-control @error('leave_to') border-red-600 @enderror" name="leave_to"
                                    id="leave_to" required />
                                @error('leave_to')
                                    <span class="text-xs text-red-700" id="passwordHelp">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="type" class="form-label">{{ __('lng.type') }}</label>
                                <select id="TypeID" class="form-select @error('type') border-red-600 @enderror"
                                    name="type" required>
                                    <option value="" disabled selected>Select One</option>
                                    @foreach (PubCont::Leave_Requests as $Type)
                                        <option value="{{ $Type }}" {{ old('type') == $Type ? 'selected' : '' }}>
                                            {{ $Type }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-mb-3">
                            <label for="narration" class="form-label">{{ __('lng.Narration') }}</label>
                            <input value="{{ old('narration') }}" type="text" class="form-control" name="narration"
                                id="txtNarration" />
                        </div>
                        <div class="d-flex justify-content-end mt-3">
                            <a type="button" href="#" onclick="history.back()" class="btn btn-secondary me-2">
                                Back
                            </a>
                            <button type="submit" class="btn btn-primary">
                                Save
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection