@extends('layouts.adminapp')

@section('content')
    {{-- StudentAlumni --}}

    <div class="container-fluid px-4">
        <h2 class="mt-4">
            {{ __('lng.Student') }} {{ __('lng.Alumni') }}
        </h2>
        <form action="">
            <div class="card-body p-5">
                <div class="col-md-6 mb-3">
                    <label for="FromDate" class="form-label"> {{ __('lng.Batch') }}:</label>
                    <select id="BatchID" class="form-select" name="BatchID">
                        <option value="0">{{ __('lng.All') }}</option>
                        @php
                            echo App\Http\Controllers\BatchController::BatchListForCombo(0);
                        @endphp
                    </select>
                    {{-- <button type="reset" onclick="Search()" class="mt-4 w-full px-5 py-3 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg sm:w-auto sm:px-4 sm:py-2 active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
                            {{__('lng.Clear')}}
                        </button> --}}
                </div>
                <div class="d-flex justify-content-start mt-1">
                    <button type="button" onclick="Search()" class="btn btn-primary">
                        {{ __('lng.Search') }}
                    </button>
                </div>
            </div>
        </form>
        <!-- With actions -->
        <h4 class="mt-4">
            {{ __('lng.Student') }} {{ __('lng.Alumni') }} {{ __('lng.Details') }}
        </h4>
        <div class="card mb-4">
            <div class="card-header shadow">
                <div class="card-body">
                    <table id="datatablesSimple">
                        <thead>
                            <tr>
                                <th>Si No</th>
                                <th>{{ __('lng.Name') }}</th>
                                <th>{{ __('lng.AdmissionNo') }}</th>
                                {{-- <th>{{ __('lng.Course') }}</th> --}}
                                <th>{{ __('lng.Date') }}</th>
                                <th>{{ __('lng.Reson') }}</th>
                                {{-- <th>Actions</th> --}}
                            </tr>
                        </thead>
                        <tbody>
                            @php $si = 0; @endphp
                            @foreach ($Students as $Student)
                                <tr>
                                    <td>
                                        {{ ++$si }}
                                    </td>
                                    <td>
                                        {{ $Student->name }}
                                    </td>
                                    <td>
                                        {{ $Student->admission_no }}
                                    </td>
                                    {{-- <td>
                                        {{ $Student->course_title }}
                                    </td> --}}
                                    <td>
                                        @if ($Student->date)
                                            {{ date_format(date_create($Student->date), 'd-m-Y') }}
                                        @endif
                                    </td>
                                    <td>
                                        {{ $Student->reson }}
                                    </td>

                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="d-flex justify-content-end mt-3">
                    <form action="{{ route('StudentAlumniPrint') }}" method="get">
                        @csrf
                        <input type="hidden" name="BatchID" id="GetBatchID"
                            value="{{ $BatchID !== null ? $BatchID : 'all' }}">
                        <input type="hidden" name="GetStudentID" id="GetStudentID" value="">
                        <button type="submit" class="btn btn-sm btn-outline-primary">
                            <i class="fas fa-print"></i>
                            {{ __('lng.Print') }}
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script>
        function Search() {
            var BatchID = document.getElementById("BatchID").value;
            // alert(BatchID);
            document.getElementById("GetBatchID").value = BatchID;
            $.ajax({
                method: "get",
                url: '{{ route('StudentAlumniSearch') }}',
                data: {
                    _token: '{{ csrf_token() }}',
                    BatchID: BatchID
                },
                success: function(response) {
                    // alert(response);
                    // document.getElementById('datatablesSimple').innerHTML = response;
                    const datatablesSimple = document.getElementById('datatablesSimple');
                    if (datatablesSimple) {
                        datatablesSimple.innerHTML = response;
                        new simpleDatatables.DataTable(datatablesSimple);
                    }
                    const resultCount = document.querySelectorAll('#datatablesSimple tbody tr').length;
                    document.querySelector('.datatable-info').innerText = "Showing 1 to " + resultCount +
                        " of " + resultCount + " entries";
                    // alert(resultCount);
                    const pagination = document.querySelector('.datatable-pagination');
                    if (resultCount > 10) {
                        pagination.style.display = 'block';
                    } else {
                        pagination.style.display = 'none';
                    }
                }
            });
        }
    </script>
@endsection