@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.BatchAlumni') }}
        </h4>
        @if ($warningMessages)
            @foreach ($warningMessages as $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><br> --}}
                </div>
            @endforeach
        @endif
        <form method="post" action="{{ route('BatchAlumni.store') }}" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="batch_id" value="{{ $Batch->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="fine" class="form-label">{{ __('lng.Batch') }}:</label>
                                <input type="text" readonly class="form-control" value="{{ $Batch->title }}"
                                    name="fine" id="fine" />
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="fine" class="form-label">{{ __('lng.Date') }}:</label>
                                <input type="date" value="{{ old('date') }}" class="form-control" name="date"
                                    id="date" required />
                                @error('date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                        </div>
                        <div class="col-mb-3">
                            <label for="narration" class="form-label">{{ __('lng.Narration') }}</label>
                            <input type="text" class="form-control" value="{{ old('narration') }}"
                                placeholder="narration" name="narration" id="txtNarration" />
                        </div>
                        <div class="d-flex justify-content-end mt-3">
                            <a 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>
        @if (session('message'))
            <div class="alert alert-warning">
                {{ session('message') }}
            </div>
        @endif
    </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";
            }
        }

   
        // setTimeout(function() {
        //     document.getElementById('warningAlert').style.display = 'none';
        // }, 5000);

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