@extends('layouts.adminapp')

@section('content')
    <div class="container-fluid px-4">
        <h2 class="mt-4">
            {{ __('lng.StudentAttendanceLogsReport') }}
        </h2>
        <form action="">
            <div class="card-body p-5">
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="FromDate" class="form-label"> {{ __('lng.FromDate') }}:</label>
                        <input type="date" class="form-control @error('dob') border-red-600 @enderror" name="FromDate"
                            id="FromDate" value="{{ date('Y-m-d H:i') }}" />
                        <button type="reset" class="btn btn-secondary mt-2">
                            {{ __('lng.Clear') }}
                        </button>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label for="ToDate" class="form-label"> {{ __('lng.Todate') }}:</label>
                        <input type="date" class="form-control @error('dob') border-red-600 @enderror" name="ToDate"
                            id="ToDate" value="{{ date('Y-m-d H:i') }}" />
                    </div>
                    <div class="col-md-6 mb-3">
                        <label for="BatchId" class="form-label"> {{ __('lng.Batch') }}:</label>
                        <select class="form-select @error('completebatchcourse_id') border-red-600 @enderror" id="BatchId"
                            name="BatchID" required onchange="changeBatch(this.value)">
                            <option value="all">{{ __('lng.All') }}</option>
                            @foreach (\App\Models\Batch::all() as $Batch)
                                <option value="{{ $Batch->id }}">{{ $Batch->title }}</option>
                            @endforeach
                        </select>
                        @error('batch_id')
                            <span class="text-xs text-red-700" id="passwordHelp">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="col-md-6 mb-3">
                        <label for="StudentID" class="form-label"> {{ __('lng.Student') }}:</label>
                        <select class="form-select @error('completebatchcourse_id') border-red-600 @enderror" id="StudentID"
                            name="StudentID" required>
                            <option value="all">{{ __('lng.All') }}</option>
                            @foreach ($Students as $Student)
                                <option value="{{ $Student->admission_no }}">{{ $Student->name }} -
                                    ({{ __('lng.AdmNo') }}: {{ $Student->admission_no }})
                                </option>
                            @endforeach
                        </select>
                        @error('batch_id')
                            <span class="text-xs text-red-700" id="passwordHelp">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="d-flex justify-content-center mt-3">
                        <button type="button" onclick="Search()" class="btn btn-primary">
                            {{ __('lng.Search') }}
                        </button>
                    </div>
                </div>
            </div>
        </form>
        <div class="card mb-4">
            <div class="card-header shadow">
                <div class="card-body">
                    <table class="table table-secondary" id="datatablesSimple">
                        <thead>
                            <tr>
                                <th>{{ __('lng.SiNo') }}</th>
                                <th>{{ __('lng.Name') }}</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 ($StudentAttendances as $StudentAttendance)
                                @php $Student=App\Models\Student::where('admission_no',$StudentAttendance->AdmissionNo)->first(); @endphp
                                @if ($Student)
                                    <tr>
                                        <td>
                                            {{ ++$si }}
                                        </td>
                                        <td>
                                            {{ $Student->name ?? '' }}
                                        </td>
                                        <td>
                                            @if ($StudentAttendance->InTime)
                                                {{ date_format(date_create($StudentAttendance->InTime), 'd-m-Y H:i:s') }}
                                            @endif
                                        </td>
                                        <td>
                                            @if ($StudentAttendance->OutTime)
                                                {{ date_format(date_create($StudentAttendance->OutTime), 'd-m-Y H:i:s') }}
                                            @endif
                                        </td>
                                    </tr>
                                @endif
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="d-flex justify-content-end mt-3">
                    <form action="{{ route('StudentAttendanceLogsPrint') }}" method="POST">
                        @csrf
                        <input type="hidden" id="printFromDate" name="FromDate" value="{{ $FromDate }}">
                        <input type="hidden" id="printToDate" name="ToDate" value="{{ $ToDate }}">
                        <input type="hidden" id="printStudentID" name="StudentID"
                            value="{{ $StudentID !== null ? $StudentID : 'all' }}">
                        <input type="hidden" id="printBatchID" name="BatchID"
                            value="{{ $BatchID !== null ? $BatchID : 'all' }}">
                        <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>
        var All = '{{ __('lng.All') }}';

        function Search() {
            var FromDate = document.getElementById("FromDate").value;
            var ToDate = document.getElementById("ToDate").value;
            var BatchID = document.getElementById("BatchId").value;
            var StudentID = document.getElementById("StudentID").value;

            document.getElementById("printFromDate").value = FromDate;
            document.getElementById("printToDate").value = ToDate;
            document.getElementById("printBatchID").value = BatchID;
            document.getElementById("printStudentID").value = StudentID;

            $.ajax({
                method: "get",
                url: '{{ route('StudentAttendanceLogsSearch') }}',
                data: {
                    FromDate: FromDate,
                    ToDate: ToDate,
                    BatchID: BatchID,
                    StudentID: StudentID
                },
                success: function(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';
                    }
                }
            });
        }

        function changeBatch(BatchId) {
            $.ajax({
                method: "get",
                url: '{{ url('StudentListWithBatchForCombo') }}' + '/' + BatchId + '/' + 'all',
                success: function(response) {
                    document.getElementById('StudentID').innerHTML = '<option value="all">' + All +
                        '</option>' +
                        response;
                }
            });
        }
    </script>
@endsection