@extends('adminlte::page')

@section('title', 'ORBI Dashboard')

@section('content_header')
    <h1>Orbi Passenger Leads</h1>
    {{-- <small>Orbi Passenger Leads</small> --}}
@stop

@section('content')
    <div class="card card-dark">
        <div class="card-header">
            <h3 class="card-title"></h3>
        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table id="orbiLeadsTable" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Phone</th>
                            <th>Email</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
    @stop

@section('js')
      <script type="text/javascript">
        $(function() {
            $('#orbiLeadsTable').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('orbileads.index') }}",
                columns: [
                    { data: 'name', name: 'name' },
                    { data: 'phone_number', name: 'phone_number' },
                    { data: 'email', name: 'email' },
                    { data: 'action', name: 'action', orderable: false, searchable: false }
                ]
            });
        });
    </script>
<script>
    $(document).on('click', '.delete-orbilead', function () {
    var id = $(this).data('id');
    var url = "{{ route('orbileads.delete', ':id') }}".replace(':id', id);
    
    $.ajax({
        url: url,
        type: 'POST',
        data: {
            _token: "{{ csrf_token() }}"
        },
        success: function (response) {
            if (response.success) {
                sessionStorage.setItem('delete_success', 'Orbi Passenger Lead deleted successfully.');
                location.reload(); // Reload page after setting message
            }
        },
        error: function () {
            alert('Something went wrong!');
        }
    });
});

// Show the message after reload
$(document).ready(function () {
    var successMessage = sessionStorage.getItem('delete_success');
    if (successMessage) {
        $('.card-body').prepend('<div class="alert alert-success">' + successMessage + '</div>');
        sessionStorage.removeItem('delete_success'); // Remove message after showing
    }
});
</script>
@stop