@extends('layouts.master')
@section('title', __('Customer Bonus Level'))

@section('content')
    <!-- Banner Section -->
    <div class="top-banner" style="background: url({{ asset('backend/images/counter-section.jpg') }});">
        <div class="banner-text">
            <h2>{{ __('Manage Customer Bonus Level') }}</h2>
            <p class="mb-0">{{ __("Manage Customer Bonus Level's Information") }}</p>
        </div>
    </div>
    <!-- End Banner -->
    <!-- Table Section -->
    <div class="scroll">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <a class="btn btn-secondary" href="{{ route('admin.customer-bonus-level.create') }}">
                        {{ __('Add New Customer-Bonus-Level') }}</a>
                    <div class="table-responsive">
                        <!-- Search filter -->
                        <div id="toolbar" class="select">
                        </div>
                        <table class="table table-bordered" id="bstable" data-unique-id="counter"
                            data-toolbar="#custom_toolbar_user" data-toggle="bstable" data-show-export="false"
                            data-show-columns="true" data-show-toggle="false" data-show-columns-toggle-all="false"
                            data-ajax="getCustomers" data-side-pagination="server" data-pagination="true"
                            data-total-field="count" data-sortable="true" data-data-field="items"
                            data-filter-control="true" tabel-for="customer_bonus_level"
                            data-export-options='{"fileName": "{{ config('app.APP_NAME') . ' - Logs - ' . date('d/m/Y-H:m:s') }}"}' data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                            <thead>
                                <tr>
                                    <th data-field="counter" data-switchable="false" class="id"
                                        data-width-unit="px">
                                        {{ __('Id') }}</th>
                                    <th data-field="for_what" data-filter-control="input" data-sortable="true">
                                        {{ __('Customer Rule') }} </th>
                                    <th title="status" data-field="status" data-filter-control="select"
                                        data-filter-strict-search="true">
                                        {{ __('status') }} </th>
                                    <th data-field="created_at" data-filter-control="input" class="created_at" data-width-unit="px"
                                        data-sortable="true">
                                        {{ __('Created At') }} </th>
                                    <th data-field="action" data-width-unit="px" data-switchable="false">{{ __('Action') }}</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!-- End Table Section -->
        <!-- END OF CONTENT AREA -->
    </div>
    <input type="hidden" value="{{ route('admin.customer-bonus-level.getCustomer') }}" id="getCustomer">
@endsection
@push('scripts')
    <script src="{{ asset('backned/js/pages-js/customer-bonus-level.js') }}"></script>
@endpush