@extends('layout.marketing_template')

@section('marketingContent')
    <div class="titel-head pb-4">
        <h1>IB Request User List</h1>
    </div>
    <div class="flash-message">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
            @if (Session::has('alert-' . $msg))
                <div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
                    <strong>{{ ucfirst($msg == 'danger' ? 'Error' : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
        @endforeach
    </div>
    <div class="row g-3">
        <div class="col-lg-12 mt-3 mt-lg-5">
            <div class="bg-dark rounded-3 box-shadow">
                <div class="table-responsive-lg table-p15">
                    <table id="ib_request_user_datatable"
                        class="table table-dark table-striped mb-0 text-center table-hover">
                        <thead>
                            <tr>
                                <th>Id</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Phone</th>
                                <th>Country</th>
                                <th>Registration Date</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function() {
            var table = $('#ib_request_user_datatable').DataTable({
                "autoWidth": false,
                "responsive": true,
                "order": [
                    [0, "desc"]
                ],
                "processing": true,
                "serverSide": true,
                "language": {
                    processing: '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span> '
                },
                "ajax": "{{ route('marketing.ib.ibrequestlist') }}",
                columns: [{
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex'
                    },
                    {
                        data: 'name',
                        name: 'name'
                    },
                    {
                        data: 'email',
                        name: 'email'
                    },
                    {
                        data: 'phone',
                        name: 'phone'
                    },
                    {
                        data: 'country',
                        name: 'country'
                    },
                    {
                        data: 'date',
                        name: 'date',
                        orderable: true,
                        searchable: true
                    },
                ],
                dom: 'lBfrtip',
                buttons: [{
                    extend: 'excel'
                }, ],
                "lengthMenu": [
                    [10, 25, 50, 100, -1],
                    [10, 25, 50, 100, 'All']
                ]
            });
        });
    </script>
@endsection