@extends('layouts.main')
@section('content')
<div class="container-fluid">
    <div class="row">
        
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header"></div>
                <div class="card-body p-none">                 
                    <table class="table data-table table-hover" id="export-customers-list-table">
                        <thead>
                            <tr>
                                <th class="hide-td">No.</th>
                                @if (count($customers) > 0)
                                <!-- <th style="width: 10%;"><input type="checkbox" class="checkbox" id="checkAll">
                                    Select All
                                </th> -->
                                @endif
                                <th>Phone Number</th>
                                <th>Gender</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Club Account</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($customers as $k=>$customer)
                            <tr>
                                <td>{{(($page-1) * $limit) +($k+1)}}</td>
                                <!-- <td><input type="checkbox" class="customer-checkbox" value="{{$customer->id}}"
                                        id="checkbox-{{$customer->id}}" /></td> -->
                                <td>{{$customer->code}}{{$customer->number}}</td>
                                <td>{{$customer->gender}}</td>
                                <td>{{$customer->first_name}} {{$customer->last_name}}</td>
                                <td>{{$customer->email}}</td>
                                <td>{{$customer->user_name}}</td>       
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                {{ $customers->appends(request()->input())->links() }}
                
            </div>
        </div>
    </div>
</div>


@endsection


@section('script')

<script>
    $(document).ready(function () {

        $('.select2bs4').select2({
            theme: 'bootstrap4'
        });
    });
</script>
@endsection