@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">
                        <div class="card-header ">
                            <a href="{{route("leave-create")}}">
                                <button class="btn btn-primary float-end">Create New</button>
                            </a>
                        </div>
                        <div class="card-body">
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>Sno</th>
                                    <th>Leave Type</th>
                                    <th>From Date</th>
                                    <th>To Date</th>
                                    <th>remark</th>
                                    <th>Status</th>
{{--                                    <th>Action</th>--}}
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($details as $s)
                                    @php
                                        $from_date = \Carbon\Carbon::parse($s->leave_date)->format("d M Y");
                                        $to_date = isset($s->to_date) ? \Carbon\Carbon::parse($s->to_date)->format("d M Y") : "-";
                                    @endphp
                                    <tr>
                                        <td>{{$loop->iteration}}.</td>
                                        <td>{{$s->getMasterLeave->name}}</td>
                                        <td>{{$from_date}}</td>
                                        <td>{{$to_date}}</td>
                                        <td>{{$s->remark}}</td>
                                        <td>@if($s->status == 1)
                                                <div class="text-success fw-bold">Approved</div>
                                            @elseif($s->status == 2)
                                                <div class="text-danger fw-bold">Rejected</div>
                                            @else
                                                <div class="text-primary fw-bold">Pending</div>
                                            @endif</td>
{{--                                        <td>--}}
{{--                                            <a href="{{route('departments-edit' , ["id"=>$s->id])}}"> <i--}}
{{--                                                    class="fa fa-edit fs-4"></i>--}}
{{--                                            </a>--}}
{{--                                            <i class=" fs-4 fa fa-trash delete_btn d-none" data-id="{{$s->id}}"></i>--}}
{{--                                        </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