@extends('admin.layouts.app')
@section('content')
<div class="row">
    <div class="col-12">
        <div
            class="alert alert-warning"
            role="alert"
        >
            <strong>Attention!</strong>
            <p class="mb-0">
                Before you accept any user into the event, you must add him to the appropriate Exhibitor
            </p>
        </div>

    </div>
    <div class="col-12">
        <form action="{{ route('admin.countries.bulk-option') }}" method="POST" enctype="multipart/form-data" id="bulkActionForm">
            @csrf
            <input type="hidden" name="bulk_type" id="bulk_type" />
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="card-title mb-0">Promoter Requests</h5>
                </div>
                <div class="card-datatable table-responsive">
                    <table class="table" id="promoter-requests-table">
                        <thead>
                            <tr>
                                <th><input type="checkbox" class="form-check-input check-all me-3"> ID</th>
                                <th>Promoter</th>
                                <th>Event</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection


@section('script')
<script type="text/javascript">
    $(function() {

        var table = $('#promoter-requests-table').DataTable({
            processing: true
            , serverSide: true
            , ajax: "{{ route('admin.promoter-requests.index') }}"
            , columns: [{
                    data: 'id'
                    , name: 'id'
                    , orderable: false
                    , searcheable: false
                }
                , {
                    data: 'promoter'
                    , name: 'promoter'
                }
                , {
                    data: 'event'
                    , name: 'event'
                }
                , {
                    data: 'status'
                    , name: 'status'
                }
                , {
                    data: 'action'
                    , name: 'action'
                    , orderable: false
                    , searcheable: false
                }
            , ]
            , order: []
        });

    });

</script>
{{-- checkall in table --}}
<script>
    $(document).on("change", ".check-all", function() {
        if (this.checked) {
            $('.check-one:checkbox').each(function() {
                this.checked = true;
            });
        } else {
            $('.check-one:checkbox').each(function() {
                this.checked = false;
            });
        }
    });
    $(document).ready(function() {});

</script>
@endsection