@extends('layouts.userLayout')

@section('content')
@php
$totalLeaves = isset($listing) ? $listing->total() : 0;
@endphp

{{-- <div class="breadcrumb_bg_img">
    <div class="page_heading">My Student's Leave History
        @if(isset($totalLeaves) && $totalLeaves )
            ({{$totalLeaves }})
        @endif

    </div>
</div> --}}

<section class="dashboard_section">

    <div class="container">

        <div class="row">

            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">

                <div class="dashboard_sec_area">

                    <div class="dashboard_inner_area">

                        <div class="left_sidebar d-lg-block d-none">
                            @include('teacher.dashboard.sidebar')
                        </div>

                        <div class="right_sec_area">

                            @include('user.partials.flash_messages')

                            <div class="classes_listing_area mt-3">

                                <div class="d-flex flex-wrap justify-content-between align-items-center mb-4">

                                    <div>

                                        <h2 class="h4 mb-1 fw-bold">
                                             Leave History   @if(isset($totalLeaves) && $totalLeaves )
                                                                ({{$totalLeaves }})
                                                            @endif
                                        </h2>

                                        <p class="text-muted mb-0">
                                            View all your applied leaves and approval status
                                        </p>

                                    </div>

                                   <div class="mt-2 mt-sm-0 d-flex align-items-center gap-2">

									    {{-- <span class="badge bg-primary rounded-pill fs-6 px-3 py-2">

									        @php
									            $totalLeaves = isset($listing) ? $listing->total() : 0;
									        @endphp

									        Total {{ $totalLeaves }}
									        {{ $totalLeaves == 1 ? 'Leave' : 'Leaves' }}

									    </span> --}}

									</div>

                                </div>

                            </div>

                            <div class="row mt-5">

                                <div class="col-12">

                                  {{--   <h5 class="fw-semibold border-bottom pb-2">
                                         Leave List
                                    </h5> --}}

                                </div>

                                <div class="col-12 mt-3">

                                    @if(isset($listing) && count($listing) > 0)

                                        <div class="table-responsive">

                                            <table class="table table-hover align-middle">

                                                <thead class="table-light">

                                                    <tr>
                                                        <th>Roll No</th>
                                                        <th>Details</th>
                                                        <th>From Date</th>
                                                        <th>To Date</th>
                                                        <th>Days</th>
                                                        <th>Subject</th>
                                                        <th>Status</th>
                                                        <th>Action</th>
                                                    </tr>

                                                </thead>

                                                <tbody>

                                                    @include('teacher.leaves.listingLoop')

                                                </tbody>

                                            </table>

                                        </div>

                                        <div class="pagination">
											 @include('frontend.partials.pagination',[
												 		'pagination' => $listing,
												 		'url' => route('teacher.leave.index')
											 		])
										</div>


                                    @else

                                        <div class="no_data_found_sec" style="text-align: center;">

                                            <div class="no_data_img" style="margin:0 auto;">
                                                <img src="{{ url('assets/images/no_data_found.png') }}" alt="..." />
                                            </div>

                                            <h4 class="text-center mt-3">
                                                No Leave Records Found
                                            </h4>

                                        </div>

                                    @endif

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

</section>
<!-- Leave Action Modal -->
<div class="modal fade" id="leaveActionModal" tabindex="-1" aria-hidden="true">

    <div class="modal-dialog modal-dialog-centered">

        <div class="modal-content">

            <form action="{{ route('teacher.leave.action') }}" method="POST">

                @csrf

                <input type="hidden" name="leave_id" id="leave_id">
                <input type="hidden" name="status" id="leave_status">

                <div class="modal-header">

                    <h5 class="modal-title">
                        Leave Action
                    </h5>

                    <button 
                        type="button"
                        class="btn-close"
                        data-bs-dismiss="modal"
                    ></button>

                </div>

                <div class="modal-body">

                    <div class="mb-3">

                        <label class="form-label">
                            Remarks
                        </label>

                        <textarea 
                            name="remarks"
                            class="form-control"
                            rows="4"
                            placeholder="Write remarks here..."
                        ></textarea>

                    </div>

                </div>

                <div class="modal-footer">

                    <button 
                        type="button"
                        class="btn btn-light"
                        data-bs-dismiss="modal"
                    >
                        Cancel
                    </button>

                    <button 
                        type="submit"
                        class="btn btn-primary"
                    >
                        Submit
                    </button>

                </div>

            </form>

        </div>

    </div>

</div>
@endsection
@section('scripts')

<script>

    $(document).ready(function () {

        $('[data-bs-toggle="tooltip"]').tooltip();

    });


</script>

@endsection