@extends('template.layouts.simple.master')
@section('content')
    <div class="page-body">
    <div class="row">
        <!-- Zero Configuration  Starts-->
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h4>Activities <a href="{{route('template.create')}}"><button class = "btn btn-primary float-end">Activity Create</button></a></h4>

                </div>
                <div class="card-body">
                    <div class="table-responsive theme-scrollbar">
                        <table class="display" id="templates_table">
                            <thead>
                            <tr>
                                <th>Sno</th>
{{--                                <th>Company</th>--}}
{{--                                <th>Zone</th>--}}
{{--                                <th>Unit</th>--}}
{{--                                <th>Project</th>--}}
                                <th>Activity</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($templates as $template)
                            <tr>
                                <td>{{$loop->iteration}}</td>
{{--                                <td>{{$template->getProject->getUnit->getZone->getCompany->company_name}}</td>--}}
{{--                                <td>{{$template->getProject->getUnit->getZone->zone_name}}</td>--}}
{{--                                <td>{{$template->getProject->getUnit->unit_name}}</td>--}}
{{--                                <td>{{$template->getProject->project_name}}</td>--}}
                                <td>{{$template->template_name}}</td>
                                <td>
                                    <ul class="action">
                                                                                <li class="view-questions"> <a href="{{route('template.question', ["id"=>$template->id])}}"><i class="icon-eye text-secondary fs-5"></i></a></li>
                                        <li class="edit"> <a href="{{route('template.edit', ["id"=>$template->id])}}"><i class="icon-pencil-alt"></i></a></li>
                                        <li class="delete" data-id="{{$template->id}}"><i class="icon-trash"></i></li>
                                    </ul>
                                </td>
                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <div>
                            {{$templates->links()}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Zero Configuration  Ends-->
    </div>
    </div>

@endsection

@section('scripts')
    <script>
        $(document).ready(function (){
            // Initialize DataTable
            const templates_table = $("#templates_table").DataTable({
                paging: false
            });
            @if(session()->has('message'))
            Swal.fire({
                position: "top-center",
                icon: "success",
                title: "{{ session('message') }}",
                showConfirmButton: false,
                timer: 1500
            });
            @endif

            $("#templates_table").on("click", ".delete", function(event) {
                const template_id=$(this).data('id');
                const tar_row=$(this).closest('tr');
                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('template.destroy')}}',
                            type:"POST",
                            data: {
                                "_token": "{{ csrf_token() }}", // Add the CSRF token to the data
                                "id":template_id
                            },
                            success:function (response){
                                if(response=="Success"){
                                    templates_table.row(tar_row).remove().draw();
                                    Swal.fire(
                                        'Deleted!',
                                        'Record has been deleted.',
                                        'success'
                                    )
                                }
                            }
                        })
                    }
                })
            })

        });
    </script>
@endsection