@extends('layouts.admin_template')
@section('content')
<div class="container-fluid px-3 px-xxl-5">
    <div class="titel-head pb-2">
        <h1>Marketing 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 pb-4 rounded-3 box-shadow">
                <div style="overflow: scroll;" class="table-responsive-lg table-p15">
                    <table id="marketing_datatable" class="table table-dark table-striped mb-0 text-center table-hover">
                        <thead>
                            <tr>
                                <th>@lang('translate.serial_no')</th>
                                <th>@lang('translate.name')</th>
                                <th>@lang('translate.email')</th>
                                <th>@lang('translate.phone')</th>
                                <th>@lang('translate.wallet_balance')</th>
                                <th>Incentive (%)</th>
                                <th>Net Deposit (Monthly)</th>
                               
                                <th>Total Clients</th>
                                <th>Total Deposit</th>
                                <th>Total Withdraw</th>
                                <th>@lang('translate.password')</th>
                                <th>Role</th>
                                <th>Manager Name</th>
                                <th style="min-width:120px;">@lang('translate.action')</th>
                                <th style="min-width:120px;">Permission</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(function() {
        let table = $('#marketing_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('admin.marketing.marketinglist') }}",
            columns: [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex'
                },
                {
                    data: 'name',
                    name: 'name'
                },
                {
                    data: 'email',
                    name: 'email'
                },
                {
                    data: 'phone',
                    name: 'phone'
                },
                {
                    data: 'wallet_balance',
                    name: 'wallet_balance'
                },
                {
                    data: 'incentive',
                    name: 'incentive'
                },
                {
                    data: 'net_deposit',
                    name: 'net_deposit'
                },
                {
                    data: 'totalclients',
                    name: 'totalclients'
                },
                {
                    data: 'totaldeposit',
                    name: 'totaldeposit'
                },
                {
                    data: 'totalwithdraw',
                    name: 'totalwithdraw'
                },
                {
                    data: 'mpassword',
                    name: 'mpassword'
                },
                {
                    data: 'role',
                    name: 'role'
                },
                {
                    data: 'managername',
                    name: 'managername'
                },
                
                {
                    data: 'action',
                    name: 'action'
                },

                {
                    data: 'permission',
                    name: 'permission'
                },
            ],
            dom: 'lBfrtip',
            buttons: [],
            "lengthMenu": [
                [10, 25, 50, 100, -1],
                [10, 25, 50, 100, 'All']
            ]
        })
    })
</script>

@endsection