@extends("template.layouts.simple.master")
@section('content')
    <div class="page-body">
        @include("master.notification")
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        @can("approve or reject leaves")
                            <div class="card-header ">
                                <a href="{{route("leave-create")}}">
                                    <button class="btn btn-primary float-end">Create New</button>
                                </a>
                            </div>
                        @endcan
                        <div class="card-body">
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>Sno</th>
                                    <th>Name</th>
                                    <th>Leave Type</th>
                                    <th>Date</th>
                                    <th>Date</th>
                                    <th>Remark</th>
                                    <th>status</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($details as $s)
                                    @php
                                        $user = optional($s)->getUsers;
                                        $leaves = optional($user)->getLeaves;
                                    @endphp
                                    @foreach($leaves as $l)
                                        @php
                                            $leave_date = \Carbon\Carbon::parse($l->leave_date)->format("d M Y");
                                            $to_date = isset($l->to_date) ? \Carbon\Carbon::parse($l->to_date)->format("d M Y") : "-";
                                        @endphp
                                    @endforeach
                                    <tr>
                                        <td>{{$loop->iteration}}.</td>
                                        <td>{{$user->name}} <span class="fw-bold">({{$user->getRoleNames()[0]}})</span>
                                        </td>
                                        <td>{{$l->getMasterLeave->name}}</td>
                                        <td>{{$leave_date}}</td>
                                        <td>{{$to_date}}</td>
                                        <td>{{$l->remark}}</td>
                                        <td>@if($l->status == 1)
                                                <div class="text-success fw-bold">Approved</div>
                                            @elseif($l->status == 2)
                                                <div class="text-danger fw-bold">Rejected</div>
                                            @else
                                                <div class="text-primary fw-bold">Pending</div>
                                            @endif</td>
                                        <td>
                                            @can("approve or reject leaves")
                                                <a href="{{route("update-leave-status" , ["id" =>$l->id , "status" => 1] )}}">
                                                    <button class="btn-success">Approved</button>
                                                </a>
                                                <a href="{{route("update-leave-status" , ["id" =>$l->id , "status" => 2] )}}">
                                                    <button class="btn-danger">Rejected</button>
                                                </a>
                                            @endcan

                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>


    </div>
@endsection
{{--@include("")--}}
@section("scripts")
    @include("master.notification_show_hide")
    <script>
        $(document).ready(function () {

            $(".delete_btn").click(function (e) {
                e.preventDefault();
                const id = $(this).data("id");

                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: "{{route('departments-destroy')}}",
                            type: "POST",
                            data: {
                                "_token": "{{ csrf_token() }}", // Add the CSRF token to the data
                                "id": id
                            },
                            success: function (data) {
                                console.log(data);
                                if (data.response == 1) {
                                    Swal.fire(
                                        'Deleted!',
                                        'Your file has been deleted.',
                                        'success'
                                    )
                                    location.reload();
                                } else {
                                    Swal.fire({
                                        icon: 'error',
                                        title: 'Oops...',
                                        text: 'Something went wrong!',
                                    })
                                }
                            }
                        })

                    }
                })

            })
        })
    </script>

@endsection