@extends('admin.layouts.app')

@section('content')
    <div class="container">
        <style>
        .card{
            border: none;
            box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
        }
        button.badge{
            border: unset;
        }
        </style>
        <div class="card mt-4">
            <div class="card-body">
                @if(session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                    </div>
                @endif
                @if(session('error'))
                    <div class="alert alert-danger">
                        {{ session('error') }}
                    </div>
                @endif
        <h1>Agents List</h1>
        <div class="d-flex justify-content-between align-items-center">
            <a href="{{ route('admin.agent-lists.create') }}" class="btn btn-primary">Add New Agent</a>
        </div>

        <table class="table table-striped data-table agent-listing">
            <thead>
                <tr>
                    <th>Date of Reg</th>
                    <th>Name</th>
                    <th>Phone No</th>
                    {{-- <th>Referal</th> --}}
                    <th>Status</th>
                    <th width="350px">Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($agents as $agent)
                    <tr>
                        <td>{{ $agent->created_at->format('Y-m-d') }}</td>
                        <td>{{ $agent->name }}</td>
                        <td>{{ $agent->mobile_no }}</td>
                        {{-- <td>
                              @if($agent->admin_id == 1)
                                Admin
                              @endif
                        </td>  --}}
                        <td>
                            @if($agent->status == 1)
                              Active
                            @else
                              Inactive
                            @endif
                        </td>
                        <td>
                            <a href="{{ route('admin.agent-lists.edit', $agent->id) }}" class="btn btn-outline-info btn-rounded">
                                <i class="fas fa-pen"></i>
                            </a>
                            <button type="button" class="btn btn-outline-danger btn-rounded btn-delete" data-id="{{$agent->id}}">
                                <i class="fas fa-trash"></i>
                            </button>                            
                            <a href="{{ route('admin.agent-users-list', $agent->id) }}" class="btn btn-info">USERS</a>
                            <a href="{{ route('admin.agent-user.ticket-list', $agent->id) }}" class="btn btn-info">TICKETS</a>
                            <a href="#" class="btn btn-info">PAYOUTS</a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
    @push('scripts')
    <link rel="stylesheet" href="https://cdn.datatables.net/v/dt/jqc-1.12.4/dt-1.13.5/b-2.4.1/sl-1.7.0/datatables.min.css"/>
    <link rel="stylesheet" href="Editor-2.2.2/css/editor.dataTables.css">
    
    <script src="https://cdn.datatables.net/v/dt/jqc-1.12.4/dt-1.13.5/b-2.4.1/sl-1.7.0/datatables.min.js"></script>
    <script src="Editor-2.2.2/js/dataTables.editor.js"></script>
    <script>
        $('.agent-listing').DataTable();

        $(document).ready(function() {
    // Add click event listener to the delete button
            $('.btn-delete').on('click', function() {
                const agentId = $(this).data('id');

                // Show SweetAlert confirmation dialog
                Swal.fire({
                    title: 'Are you sure?',
                    text: 'You are about to delete this record.',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#3085d6',
                    confirmButtonText: 'Yes, delete it!',
                    cancelButtonText: 'Cancel'
                }).then((result) => {
                    if (result.isConfirmed) {
                        // User confirmed, send the Ajax request to delete the record
                        $.ajax({
                            url: '{{ route("admin.agent.destroy") }}', // Replace with the actual delete endpoint
                            type: 'DELETE',
                            data: {id: agentId}, // Send the agentId as data
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            success: function(response) {
                            // Handle the success response here, e.g., refresh the page or update the UI
                            if (response.hasOwnProperty('message')) {
                                Swal.fire({
                                    title: 'Success',
                                    text: response.message,
                                    icon: 'success'
                                }).then(() => {
                                    location.reload(); // Reload the page after successful deletion
                                });
                            }else if(response.hasOwnProperty('user'))
                            {
                                Swal.fire({
                                    title: '',
                                    text: response.user,
                                    icon: 'error'
                                }).then(() => {
                                    location.reload(); // Reload the page after successful deletion
                                });
                            }else {
                                Swal.fire({
                                    title: 'Unexpected Response',
                                    text: 'An unexpected response was received.',
                                    icon: 'error'
                                });
                            }
                    },
                    error: function(error) {
                        // Handle the error response here
                        Swal.fire({
                            title: 'Error',
                            text: 'Error deleting record.',
                            icon: 'error'
                        });
                    }
                        });
                    }
                });
            });
        });

    </script>
       
    @endpush
@endsection