@extends('layouts.adminapp')

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

    <div class="container-fluid px-4">
        <h2 class="mt-4">
            Current OutStudents
            {{-- {{ __('lng.OutStudentAttendanceReport') }} --}}
        </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" selected>{{ __('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" selected>{{ __('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-1">
                        <button type="button" onclick="Search()" class="btn btn-primary">
                            {{ __('lng.Search') }}
                        </button>
                    </div>
                </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>{{__('lng.ManuallyIn')}}</th>
                                {{-- <th>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->admission_no ?? '' }}
                                        </td>
                                        <td>
                                            {{ $Student->name ?? '' }}
                                        </td>
                                        <td>
                                            @if ($StudentAttendance->AttendanceDate)
                                                {{ date_format(date_create($StudentAttendance->AttendanceDate), 'd-m-Y') }}
                                            @endif
                                        </td>
                                        {{-- <td>
                                        {{$StudentAttendance->InTime}}
                                      </td> --}}
                                        <td>
                                            {{ $StudentAttendance->OutTime }}
                                        </td>
                                        <td>
                                            <button class="btn btn-warning text-white" onclick="openManuelInModal({{$Student->admission_no}},'{{$Student->name}}')"><i class="fa fa-sign-in" aria-hidden="true"></i> In</button>
                                        </td>
                                    </tr>
                                @endif
                            @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">
                        Showing {{ $StudentAttendances->count() }}
                    </span>

                </div> --}}

                <div class="d-flex justify-content-end mt-3">
                    <form action="{{ route('OutStudentAttendanceReportPrint') }}" 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>

    <div class="modal"  id="modalManuellyOut" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{__('lng.ManuallyIn')}}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{__('lng.Close')}}"></button>
                </div>
                <div class="modal-body">
                    <p>{{__('lng.ManuelInConfirmation')}}</p>
                    <h3 id="StudentForManuelOut"></h3>
                </div>
                <div class="modal-footer">
                    <form action="{{route('StudentAttendanceManuelInOut')}}" method="POST">
                        @csrf
                        <label for="InOutDateTime">{{__('lng.InDateTime')}}</label>
                        <input type="datetime-local" name="date_time" id="InOutDateTime" value="{{date('Y-m-d H:i:s')}}">
                        <input type="hidden" name="studentId" id="StudentIDForManuelOut">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{__('lng.Close')}}</button>
                        <button type="submit" class="btn btn-primary">{{__('lng.Save')}}</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('OutStudentAttendanceSearch') }}',
                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 openManuelInModal(StudentId,StudentName)
        {
            document.getElementById('StudentIDForManuelOut').value=StudentId;
            document.getElementById('StudentForManuelOut').innerHTML=StudentName;
            $('#modalManuellyOut').modal('show')
        }

      

        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