@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 Projects</h4>
                    </div>

                    <div class="card-body">
                        <div class="tab-content" id="top-tabContent">
                            <div class="tab-pane fade show active" id="top-home" role="tabpanel" aria-labelledby="top-home-tab">
                                <div class="row">
{{--                                    @dd($user->auditorAssignedData)--}}
                                    @foreach($user->getUserProjects as $project)

{{--                                        @dd($project->dataAssign->getProjectTemplate->getProject)--}}
                                        <div class="col-xxl-4 col-lg-4 col-md-6">
                                            <div class="project-box b-light1-primary"><span class="badge badge-primary">Doing</span>
                                                <h5 class="f-w-500">Project Name = {{$project->dataAssign->getProjectTemplate->getProject->project_name}}
                                                    Project id = {{$project->dataAssign->project_id}}
                                                    data_assign_id = {{$project->data_assign_id}}
                                                    Head value = {{$project->template_name_head_value}}
                                                Template = {{$project->dataAssign->actvityName->template_name}}
                                                </h5>
                                                <div class="d-flex"><img class="img-20 me-1 rounded-circle" src="../assets/images/user/3.jpg" alt="" data-original-title="" title="">
                                                    <div class="flex-grow-1">
                                                        <p>Themeforest, australia</p>
                                                    </div>
                                                </div>
                                                <p>Endless Admin is a full featured, multipurpose, premium bootstrap admin template.</p>
                                                <div class="row details">
                                                    <div class="col-6"><span>Issues </span></div>
                                                    <div class="col-6 font-primary">12 </div>
                                                    <div class="col-6"> <span>Resolved</span></div>
                                                    <div class="col-6 font-primary">5</div>
                                                    <div class="col-6"> <span>Comment</span></div>
                                                    <div class="col-6 font-primary">7</div>
                                                </div>
                                                <div class="customers">
                                                    <ul>
                                                        <li class="d-inline-block"><img class="img-30 rounded-circle" src="../assets/images/user/3.jpg" alt="" data-original-title="" title=""></li>
                                                        <li class="d-inline-block"><img class="img-30 rounded-circle" src="../assets/images/user/5.jpg" alt="" data-original-title="" title=""></li>
                                                        <li class="d-inline-block"><img class="img-30 rounded-circle" src="../assets/images/user/1.jpg" alt="" data-original-title="" title=""></li>
                                                        <li class="d-inline-block ms-2">
                                                            <p class="f-12">+10 More</p>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="project-status mt-4">
                                                    <div class="d-flex mb-0">
                                                        <p>70% </p>
                                                        <div class="flex-grow-1 text-end"><span>Done</span></div>
                                                    </div>
                                                    <div class="progress" style="height: 5px">
                                                        <div class="progress-bar-animated bg-primary progress-bar-striped" role="progressbar" style="width: 70%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach

                                </div>
                            </div>
                        </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