@extends('layouts.teacher')

<title>{{ config('app.name', 'Laravel') }} | Teacher | Profile</title>
<style>
    .edit:hover {
        color: #fff !important;
        background-color: blue !important;
        border-color: #696cff !important;
        border-radius: 5px !important;
    }

    .delete:hover {
        color: #fff !important;
        background-color: #E3242B !important;
        border-color: #E3242B !important;
        border-radius: 5px !important;
    }

    .dtbl_dropdown .dataTables_length {
        width: 65px;
    }

    .dtbl_dropdown .dataTables_length label {
        width: 100%;
    }
</style>
@include('datepicker')

@section('main-content')
        <div class="{{ Session::has('success') ? '' : 'd-none' }} hide_msg_class"
        style="position: absolute; top:15%; margin-left:1%;">
        <div id="alert">
            @if (Session::has('success'))
                <div class="alert {{ Session::get('success') == 'Teacher deleted successfully.' ? 'alert-danger' : 'alert-success' }}"
                    role="alert">
                    {{ Session::get('success') }}
                </div>
            @endif
        </div>
    </div>
    <!-- Content wrapper -->
    <div class="content-wrapper">
        <!-- Content -->

        <div class="container-xxl flex-grow-1 container-p-y">
            <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">{{ now()->format('d-F-Y') }} ( Today's Attendance
                    )</span></h4>

            <div class="row">
                <div class="text-end">
                    @if (!$holiday)
                        <a class="btn btn-primary text-white mb-2 add_rectification"
                            href="{{ url('/markStudentAttendance?make_rectification=true') }}">Add Rectification</a>
                    @endif
                </div>
                <div class="col-md-12">
                    <div class="card mb-4">
                        <!-- Account -->

                        <div class="card">
                            <h5 class="card-header">Students List</h5>
                            {{-- <div class="table dataTable text-nowrap dtbl_dropdown">
                                <table class="table" id="services">
                                    <thead>
                                        <tr>
                                            <th class="d-none">#</th>
                                            <th class="text-center">User</th>
                                            <th class="ps-1">First Name</th>
                                            <th class="ps-1">Last Name</th>
                                            <th class="ps-1">Email</th>
                                            <th class="ps-1">Phone</th>
                                            <th class="ps-1">Status</th>
                                            <th class="text-center">Attendance</th>
                                        </tr>
                                    </thead>
                                    <tbody class="table-border-bottom-0">
                                        @if (isset($users) && count($users) != 0)
                                            @foreach ($users as $key => $user)
                                                <!-- {{ $pic = $user->profile_photo_path }} -->
                                                <tr id="row_{{ $user->id }}">
                                                    <td class="d-none">{{ $key + 1 }}</td>
                                                    @if (isset($user->profile_photo_path))
                                                        <td class="text-center">
                                                            <img src="{{ $user->profile_photo_path }}" alt="user"
                                                                width="50" height="50" class="rounded-circle" />
                                                        </td>
                                                    @else
                                                        <td class="text-center">
                                                            <img src="{{ URL::asset('assets/images/users/avatar.jpg') }}"
                                                                alt="user" width="50" height="50"
                                                                class="rounded-circle" />
                                                        </td>
                                                    @endif
                                                    <td class="ps-1 name_{{ $user->id }}">
                                                        {{ ucwords($user->first_name) }}</td>
                                                    <td class="ps-1 name_{{ $user->id }}">
                                                        {{ ucwords($user->last_name) }}</td>
                                                    <td class="ps-1 email_{{ $user->id }}">
                                                        @if ($user->parent_id !== null && $user->parent->email !== null)
                                                            {{ ucwords($user->parent->email) }}
                                                        @elseif(isset($user->student))
                                                            {{ ucwords($user->student->email) }}
                                                        @endif
                                                    </td>

                                                    <td class="ps-1 phone_{{ $user->id }}">
                                                        @if ($user->parent_id !== null)
                                                            {{ $user->parent->phone }}
                                                        @else
                                                            {{ $user->phone }}
                                                        @endif
                                                    </td>
                                                    <td class="ps-1">
                                                        @if ($user->status == 'active')
                                                            <span class="text-success">Active</span>
                                                        @else
                                                            <span class="text-danger">In-Active</span>
                                                        @endif
                                                    </td>
                                                    <td class="text-center">
                                                        @if (isset($present_students) && count($present_students) > 0 && in_array($user->id, $present_students))
                                                            Present
                                                        @elseif(isset($leaves) && count($leaves) > 0 && in_array($user->id, $leaves))
                                                            On Leave
                                                        @else
                                                            Absent
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else
                                            <tr>
                                                <td><span>{{ 'No record found' }}</span></td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div> --}}
                            <div class="table dataTable text-nowrap dtbl_dropdown">
                                <table class="table" id="services">
                                    <thead>
                                        <tr>
                                            <th class="d-none">#</th>
                                            <th class="text-center">User</th>
                                            <th class="ps-1">First Name</th>
                                            <th class="ps-1">Last Name</th>
                                            <th class="ps-1">Email</th>
                                            <th class="ps-1">Phone</th>
                                            <th class="ps-1">Status</th>
                                            <th class="text-center">Attendance</th>
                                            <th class="text-center">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody class="table-border-bottom-0">
                                        @if (isset($users) && count($users) != 0)
                                            @foreach ($users as $key => $user)
                                                <!-- {{ $pic = $user->profile_photo_path }} -->
                                                <tr id="row_{{ $user->id }}">
                                                    <td class="d-none">{{ $key + 1 }}</td>
                                                    @if (isset($user->profile_photo_path))
                                                        <td class="text-center">
                                                            <img src="{{ $user->profile_photo_path }}" alt="user"
                                                                width="50" height="50" class="rounded-circle" />
                                                        </td>
                                                    @else
                                                        <td class="text-center">
                                                            <img src="{{ URL::asset('assets/images/users/avatar.jpg') }}"
                                                                alt="user" width="50" height="50"
                                                                class="rounded-circle" />
                                                        </td>
                                                    @endif
                                                    <td class="ps-1 name_{{ $user->id }}">
                                                        {{ ucwords($user->first_name) }}</td>
                                                    <td class="ps-1 name_{{ $user->id }}">
                                                        {{ ucwords($user->last_name) }}</td>
                                                    <td class="ps-1 email_{{ $user->id }}">
                                                        @if ($user->parent_id !== null && $user->parent->email !== null)
                                                            {{ ucwords($user->parent->email) }}
                                                        @else
                                                            {{ ucwords($user->email) }}
                                                        @endif
                                                    </td>
                                                    <td class="ps-1 phone_{{ $user->id }}">
                                                        @if ($user->parent_id !== null)
                                                            {{ $user->parent->phone }}
                                                        @else
                                                            {{ $user->phone }}
                                                        @endif
                                                    </td>
                                                    <td class="ps-1">
                                                        @if ($user->status == 'active')
                                                            <span class="text-success">Active</span>
                                                        @else
                                                            <span class="text-danger">In-Active</span>
                                                        @endif
                                                    </td>
                                                    <td class="text-center" id="present_absent_div_id_{{ $user->id }}">
                                                        @if ($holiday)
                                                            Holiday
                                                        @else
                                                            @if (isset($present_students) && count($present_students) > 0 && in_array($user->id, $present_students))
                                                                Present
                                                            @elseif(isset($leaves) && count($leaves) > 0 && in_array($user->id, $leaves))
                                                                On Leave
                                                            @else
                                                                Absent
                                                            @endif
                                                        @endif
                                                    </td>
                                                    <td class="text-center show_atteandace_status_{{ $user->id }}">
                                                        @if ($holiday)
                                                            Holiday
                                                        @else
                                                            @if (isset($present_students) && count($present_students) > 0 && in_array($user->id, $present_students))
                                                                <button
                                                                    onclick="MarkAttedance('/mark-absent-present/{{ $user->id }}','{{ $user->id }}')"
                                                                    class="btn btn-danger"
                                                                    id="markAbsentPresentID_{{ $user->id }}">Mark
                                                                    Absent</button>
                                                            @elseif(isset($leaves) && count($leaves) > 0 && in_array($user->id, $leaves))
                                                                Leave
                                                            @else
                                                                <button
                                                                    onclick="MarkAttedance('/mark-absent-present/{{ $user->id }}','{{ $user->id }}')"
                                                                    class="btn btn-info"
                                                                    id="markAbsentPresentID_{{ $user->id }}">Mark
                                                                    Present</button>
                                                            @endif
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else
                                            <tr>
                                                <td><span>{{ 'No record found' }}</span></td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>

                        </div>
                        <!-- /Account -->
                    </div>
                </div>
            </div>
        </div>
        <!-- / Content -->


        <div class="content-backdrop fade"></div>
    </div>
    <!-- Content wrapper -->
    <script>
        function MarkAttedance(url, id) {
            let selector = `#markAbsentPresentID_${id}`;
            let selector2 = `#present_absent_div_id_${id}`;
            $.ajax({
                type: "post",
                url: url,
                contentType: 'multipart/form-data',
                cache: false,
                contentType: false,
                processData: false,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(data) {
                    if (data.warning) {
                        alert(data.warning);
                        return;
                    }
                    if (data.success == 1) {
                        $(selector)
                            .removeClass('btn-danger btn-info')
                            .addClass('btn-info')
                            .text('Mark Present');
                        $(selector2)
                            .text('Absent');
                    }

                    if (data.success == 0) {
                        $(selector)
                            .removeClass('btn-danger btn-info')
                            .addClass('btn-danger')
                            .text('Mark Absent');
                        $(selector2)
                            .text('Present');
                    }
                    if (data.success == 2) {
                        if (data.success == 2) {
                            $(selector).remove(); 
                            $(selector2).text('Leave'); 
                            var selector3 = '.show_atteandace_status_' + id;
                            $(selector3).text('onLeave'); 
                        }
                    }
                },
                error: function() {
                    // Hide loader in case of an error
                    $('#loader').hide();
                    $('#save_btn').prop("disabled", false);

                    // Handle error
                },
                complete: function() {
                    // Hide loader when the request is completed (success, error, or failure)
                    $('#loader').hide();
                    $('#save_btn').prop("disabled", false);

                }

            })
        }
    </script>
@endsection