@include('new_layouts.header')
{{-- @extends('layouts.admin') --}}
<link rel="stylesheet" href="{{ asset('assets/css/datatables.min.css') }}">
<link href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" rel="stylesheet" />
<style>
    .merge_action {
        display: flex;
        gap: 10px;
    }
</style>
<div class="page-wrapper">
    @include('construction_project.side-menu')
    <div class="container-fluid" id="taskboard_view">
        <div class="p-4">
            <div class="card">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h1 class="mb-0">{{ __('Query') }}</h1>
                            @can('create active lookahead')
                                @if (Auth::user()->type != 'consultant' && Auth::user()->type != 'sub_contractor')
                                    <div class="card-actions d-flex align-items-center">
                                        <a class="btn btn-primary w-100 me-2" data-bs-toggle="modal" data-size="xl"
                                            data-url="{{ route('microprogram_chat_create', ['micro_id' => $micro_id]) }}"
                                            data-ajax-popup="true"
                                            data-bs-toggle="tooltip" title="{{ __('Create New Query') }}"
                                            data-bs-original-title="{{ __('Create a New Query') }}">
                                            {{ __('Create New Query') }}
                                        </a>

                                        <!-- Red space -->
                                        <div style="width: 20px; background-color: red; height: 100%;"></div>

                                        <a href="{{ route('microprogram') }}" class="btn btn-outline-secondary"
                                            data-bs-toggle="tooltip" title="{{ __('Go Back') }}">
                                            <i class="fa fa-arrow-left me-1"></i> {{ __('Back') }}
                                        </a>
                                    </div>
                                @endif
                            @endcan
                        </div>

                        @if(Auth::user()->can('view active lookahead') || Auth::user()->type == 'sub_contractor')
                            <div class="card-body">
                                <table class="table table-vcenter card-table" id="schedule_table">
                                    <thead>
                                        <tr>
                                            <th>{{ __('Item') }}</th>
                                            <th>{{ __('Query') }}</th>
                                            <th>{{ __('Remarks') }}</th>
                                            <th>{{ __('Status') }}</th>
                                            <th>{{ __('Closed Date') }}</th>
                                            <th>{{ __('Action') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
$(document).ready(function () {
    $('#schedule_table').DataTable({
        processing: true,
        serverSide: true,
        ajax: {
            url: "{{ route('chat_table') }}",
            type: 'POST',
            data: {
                _token: '{{ csrf_token() }}',
                schedule_id: '{{ $micro_id }}', // Pass the micro_id to the server
            }
        },
        columns: [
            { data: 'item', name: 'item' },
            { data: 'query', name: 'query' },
            { data: 'remarks', name: 'remarks' },
            { data: 'status', name: 'status', orderable: false, searchable: false },
            { data: 'closed_date', name: 'closed_date', orderable: false, searchable: false },
            { data: 'action', name: 'action', orderable: false, searchable: false },
        ],
        language: {
            sEmptyTable: "{{ __('No data available in table') }}",
            sZeroRecords: "{{ __('No matching records found') }}",
            sSearch: "{{ __('Search:') }}",
            oPaginate: {
                sNext: "{{ __('Next') }}",
                sPrevious: "{{ __('Previous') }}"
            }
        }
    });
});
 $(document).on('click', '.delete-chat', function(e) {
        e.preventDefault();

        var tenderId = $(this).data('id'); // Get the tender ID
        var deleteUrl = '{{ route('chat.destroy', ':id') }}'.replace(':id', tenderId); // Get the delete URL

        // Show SweetAlert confirmation
        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) {
                // If confirmed, make the AJAX request to delete the tender
                $.ajax({
                    url: deleteUrl,
                    type: 'DELETE',
                    data: {
                        _token: '{{ csrf_token() }}', // Include CSRF token
                    },
                    success: function(response) {
                        // If delete is successful, show success message and refresh the page (or remove the tender from the table)
                        Swal.fire(
                            'Deleted!',
                            'The Chat has been deleted.',
                            'success'
                        );
                        // Optionally, you can reload the page or remove the tender from the DataTable directly:
                        // $('#tender-table').DataTable().ajax.reload();
                        location.reload(); // Reload the page
                    },
                    error: function(response) {
                        Swal.fire(
                            'Error!',
                            'There was an error deleting the Chat.',
                            'error'
                        );
                    }
                });
            }
        });
    });
</script>
@include('new_layouts.footer')