@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>My Activites</h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive theme-scrollbar">
                            <table class="display" id="companies">
                                <thead>
                                <tr>
                                    <th>Sno</th>
                                    <th>Activity Name</th>
                                    <th>Head id</th>
                                    <th>Template head Name</th>
                                    <th>Group Name</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>

                                {{--@dd($user->getUserActivities)--}}
                                @php
                                    $counter = 0;
                                    $previous_group = '';
                                @endphp

                                @foreach($userActivites as $activityInfo)
                                    @if($previous_group !==$activityInfo->dataAssign->getActivityGroup->activity_group_name)
                                        @php
                                            $counter++;
                                        @endphp
                                        <tr>
                                            <td>{{$counter}}</td>
                                            <td>{{$activityInfo->dataAssign->actvityName->template_name}}</td>
                                            <td>{{$activityInfo->dataAssign->template_name_head_id}}</td>
                                            <td>{{$activityInfo->template_name_head_value}}</td>
                                            <td>{{$activityInfo->dataAssign->getActivityGroup->activity_group_name}}</td>
                                            {{--                                    <td>{{$activityInfo->data_assign_id}}</td>--}}
                                            <td>
                                                <ul class="action">
                                                    <li class="edit"><a
                                                            href="{{route('activityGroup_wise', ["id"=>$activityInfo->data_assign_id, "group_id"=>$activityInfo->dataAssign->getActivityGroup->id, "h_id"=>$activityInfo->dataAssign->template_name_head_id,  'h_v' => $activityInfo->template_name_head_value ])}}">View</a>
                                                    </li>
                                                    {{--                                            <li class="delete" data-id="{{$company->id}}"><i class="icon-trash"></i></li>--}}

                                                </ul>
                                            </td>
                                        </tr>
{{--                                        Un comment the below line  to display the unqiue groups--}}
{{--                                        @php $previous_group = $activityInfo->dataAssign->getActivityGroup->activity_group_name; @endphp--}}
                                    @endif
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="mt-6 p-4">
                            {{--                        {{$companies->links()}}--}}
                        </div>
                    </div>
                </div>
            </div>
            <!-- Zero Configuration  Ends-->

        </div>
    </div>

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

            $("#companies").on("click", ".delete", function (event) {
                const company_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('company.destroy')}}',
                            type: "POST",
                            data: {
                                "_token": "{{ csrf_token() }}", // Add the CSRF token to the data
                                "id": company_id
                            },
                            success: function (response) {
                                console.log(response)
                                if (response == "Success") {
                                    company_table.row(tar_row).remove().draw();
                                    Swal.fire(
                                        'Deleted!',
                                        'Record has been deleted.',
                                        'success'
                                    )
                                }
                            }
                        })
                    }
                })
            })
        })
    </script>
@endsection