@extends('layouts.adminapp')

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

    <div class="container mt-4">
        <h4 class="text-center text-gray-900 mb-4">
            {{ __('lng.Create') }} {{ __('lng.Alumni') }}
        </h4>
        {{-- @if (session('warning'))
            <div id="warningAlert" class="alert alert-danger text-center">
                <strong> {{ session('warning') }}</strong>
            </div>
        @endif --}}
        @if ($warningMessage)
            <div id="warningAlert" class="alert alert-danger alert-dismissible fade show text-center" role="alert">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                {{-- <a href="{{ route('BookTake.index') }}"> --}}
                    <strong>{{ $warningMessage }}</strong>
                {{-- </a> --}}
            </div>
        @endif
        <form method="post" id="myForm" action="{{ route('StudentAlumni.store') }}" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="student_id" value="{{ $StudentID }}">
            <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="reson" class="form-label">{{ __('lng.Reson') }}</label>
                                <select id="CouseID" onchange="Reson(this.value)"
                                    class="form-select @error('reson') border-red-600 @enderror" name="reson"
                                    id="reson" required>
                                    <option value="" disabled selected>{{ __('lng.Select') }}</option>
                                    @foreach (PubCont::ALUMNI_RESONS as $Reson)
                                        <option value="{{ $Reson }}">{{ $Reson }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="fine" class="form-label">{{ __('lng.Fine') }}</label>
                                <input value="{{ old('fine') }}" type="number" class="form-control" name="fine"
                                    id="fine" />
                            </div>

                            <div class="col-md-6 mb-3" style="display: none" id="OtherD">
                                <label for="fine" class="form-label">{{ __('lng.Other') }}</label>
                                <span class="text-gray-700 dark:text-gray-400"></span>
                                <input value="{{ old('other') }}" type="text" class="form-control" name="other"
                                    id="other" />
                            </div>

                        </div>
                        <div id="Address" style="display: none">
                            <div class="col-md-6 mb-3">
                                <label for="next_institute" class="form-label">{{ __('lng.NextInstitute') }}</label>
                                <input value="{{ old('next_institute') }}" type="text" class="form-control"
                                    name="next_institute" id="next_institute" />
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="address" class="form-label">{{ __('lng.Address') }}</label>

                                <input value="{{ old('address') }}" type="text" class="form-control" name="address"
                                    id="address" />
                            </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>

    <script>
        function Reson(Value) {
            if (Value == 'Other') {
                document.getElementById("OtherD").style.display = "block";
                document.getElementById("Address").style.display = "none";
            } else if (Value == 'Stop') {
                document.getElementById("OtherD").style.display = "none";
                document.getElementById("Address").style.display = "none";
            } else {
                document.getElementById("OtherD").style.display = "none";
                document.getElementById("Address").style.display = "block";
            }
        }

        // // Automatically close the warning alert after 5 seconds
        // setTimeout(function() {
        //     document.getElementById('warningAlert').style.display = 'none';
        // }, 5000); // 5000 milliseconds = 5 seconds

        // function genpass() {
        //     $.ajax({
        //         url: '{{ url('PasswordGenerator') }}',
        //         method: "get",
        //         data: {_token: '{{ csrf_token() }}'},
        //         success: function (response) {
        //             document.getElementById('txtpassword').value=response;
        //         }
        //     });
        // }
    </script>
@endsection