@extends('layouts.adminapp')

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


    <div class="container-fluid px-4">
        <h2 class="mt-4">
            {{ __('lng.StudentAttendanceBatchReport') }}
        </h2>

        <form action="">
            <div class="card-body p-5">
                <div class="col-md-6 mb-3">
                    <label for="BatchID" class="form-label"> {{ __('lng.Batch') }}:</label>
                    <select id="BatchID" class="form-select" name="BatchID">
                        <option value="0">{{ __('lng.All') }}</option>
                        {{-- @if ($Batch !== 0)
                            <option value="{{ $BatchID }}" {{ $BatchID == $Batch->id ? 'selected' : '' }}>{{ $Batch->title }}</option>
                        @endif --}}
                        @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>



        <div class="card mt-4">
            <div class="card-header shadow">
                <div class="card-body">
                    <table id="datatablesSimple" class="table table-secondary">
                        <thead>
                            <tr>
                                <th>{{ __('lng.SiNo') }}</th>
                                <th> {{ __('lng.AdmissionNo') }}</th>
                                <th>{{ __('lng.Name') }}</th>
                                <th>{{ __('lng.Date') }}</th>
                                <th>{{ __('lng.InTime') }}</th>
                                <th>{{ __('lng.OutTime') }}</th>
                                {{-- <th class="px-4 py-3">Actions</th> --}}
                            </tr>
                        </thead>
                        <tbody>
                            @php $si = 0; @endphp
                            @foreach ($Students as $Student)
                                <tr>
                                    <td>
                                        {{ ++$si }}
                                    </td>
                                    <td>
                                        {{ $Student->AdmissionNo }}
                                    </td>
                                    <td>
                                        {{ $Student->Name }}
                                    </td>
                                    <td>
                                        @if ($Student->Date)
                                            {{ date_format(date_create($Student->Date), 'd-m-Y') }}
                                        @endif
                                    </td>
                                    <td>
                                        {{ $Student->In }}
                                    </td>
                                    <td>
                                        {{ $Student->Out }}
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                {{-- <div
                    class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800">
                    <span class="flex items-center col-span-3">
                        {{ __('lng.Showing') }} {{ $Students->count() }}
                    </span>

                </div> --}}
                <div class="d-flex justify-content-end mt-3">
                    <form action="{{ route('AttendanceBatchReportPrint') }}" method="POST">
                        @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('AttendanceBatchReportSearch') }}',
                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