@extends('layouts.adminapp')

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

    <div class="container-fluid px-4">
        <h2 class="mt-4">
            {{ __('lng.StudentAttendanceReport') }}
        </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="datetime-local" 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="datetime-local" 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="0">{{ __('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="">{{ __('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" id="search_tbl">
            <div class="card-header shadow">
                <div class="card-body">
                    <table class="table table-bordered table-hover 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 id="search_tbl">
                        </tbody>
                    </table>


                    <div class="col-mt-3">
                        Showing {{ $StudentAttendances->count() }}
                    </div>



                    <div class="d-flex justify-content-end mt-3">
                        <form action="{{ route('StudentAttendanceReportPrint') }}" method="POST">
                            @csrf
                            <input type="hidden" name="GetDate" id="GetDate" value="">
                            <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>
    </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;
            $.ajax({
                method: "get",
                url: '{{ route('StudentAttendanceSearch') }}',
                data: {
                    FromDate: FromDate,
                    ToDate: ToDate,
                    BatchId: BatchId,
                    StudentID: StudentID
                },
                success: function(response) {
                    document.getElementById('search_tbl').innerHTML = response;
                }
            });
        }

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