@extends('admin.layouts.app')

@section('content')
<div class="pagetitle">
        <!-- <h1>Users</h1> -->
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin-dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item active">Agents</li>
            </ol>
        </nav>
    </div><!-- End Page Title -->

    <section class="section">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">
                            Agents
                            <p align="right">
                                <a href="{{route('admin-agents.create')}}" class="btn btn-primary text-right" title="Add Agent">Add Agent<i class="fas fa-plus"></i></a>
                            </p>
                        </h5>
                        
                        <!-- Default Table -->
                        <div class="table-responsive">
                            <table class="_table _table-bordered banner_datatable bannerTable">
                                <thead>
                                    <tr>                                         
                                        <th scope="col">Name</th>  
                                        <th scope="col">Email</th>                                       
                                        <th scope="col">Phone</th> 
                                        <th scope="col">Speak</th> 
                                        <th scope="col">Status</th> 
                                        <th scope="col">Created At</th> 
                                        <th scope="col" width="20%">Action</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                        <!-- End Default Table Example -->
                    </div>
                </div>
            </div>        
        </div>
    </section>
@endsection

@push('scripts_footer')  
    <script type="text/javascript">
        $(function () {
            var table = $('.banner_datatable').DataTable({
                processing: true,
                serverSide: true,
                pageLength: 50,
                ajax: "{{ route('admin-agents.index') }}",
                columns: [                  
                    {data: 'name', name: 'name', orderable: true},  
                    {data: 'email', name: 'email', orderable: true}, 
                    {data: 'phone', name: 'phone', orderable: true}, 
                    {data: 'speaks', name: 'speaks', orderable: true},   
                    {data: 'status', name: 'status', orderable: true}, 
                    {data: 'created_at', name: 'created_at', orderable: true},                  
                    {data: 'action', name: 'action', orderable: false, searchable: false},
                ],
                order:[[5, 'desc']]
            });
        });

        //delete
        deleteRecord=function( id ){

            //            
            var url = "{{ route('admin-agents.destroy', ':id') }}";
            url = url.replace(':id', id);            

            var msg = "Do you really want to delete selected record?";

            bootbox.confirm(msg,
                function(result) {
                    if( result ){

                        var data = {_method: 'DELETE', _token: '{{ csrf_token() }}'};

                        jQuery.post(url, data, function(resp){

                            //toast( resp );
                            location.reload(true);

                            jQuery(".bannerTable").load(window.location + " .bannerTable");
                        }, 'json');
                    }
                }
            );
        }
    </script>
    
    {{--@include( 'admin.misc.admin_scripts' )--}}
@endpush