@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-body">
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>Sno</th>
                                    <th> Name</th>
                                    <th>Custom Date</th>
                                    <th>Custom Time</th>
                                    <th>Description</th>
                                    <th>Entry Date</th>
                                    <th>Entry Time</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($details as $d)
                                    @php

                                        $date1 = \Carbon\Carbon::parse($d->custom_date);
                                        $custom_date = $date1->format("d-m-Y");
                                        $date2 = \Carbon\Carbon::parse($d->actual_date);
                                        $actual_date = $date2->format("d-m-Y");
                                    @endphp
                                    <tr>
                                        <td>{{$loop->iteration}}.</td>
                                        <td>{{$d->getUser->name}}</td>
                                        <td>
                                            {{$custom_date}}
                                        </td>
                                        <td>
                                            {{$d->custom_time}}
                                        </td>
                                        <td>{{$d->description}}</td>
                                        <td>{{$actual_date}}</td>

                                        <td>{{$d->actual_time}}</td>

                                        <td>
                                            @if($d->approved_status == 1)
                                                <div class="text-success fw-bold">Approved</div>
                                            @elseif($d->approved_status == 2)
                                                <div class="text-danger fw-bold">Rejected</div>
                                            @else
                                                @can("approve and reject custom mark-in and mark-out")
                                                    <a href="{{route("update-custom-status" , ["id" =>$d->id , "status" =>1])}}">
                                                        <button class="btn-success">Approve</button>
                                                    </a>
                                                    <a href="{{route("update-custom-status" , ["id" =>$d->id , "status" =>2])}}">
                                                        <button class="btn-danger">Reject</button>
                                                    </a>
                                                @else
                                                    <div class="text-primary fw-bold">Pending</div>
                                                @endcan
                                            @endif
                                        </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('blood-group-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