@extends('layouts.master')
@section('title', 'CUSTOMER-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 Rule') }}</h2>
            <p class="mb-0">{{ __('Add a new Customer Rule') }}</p>
        </div>
    </div>
    <!-- End Banner -->
    <div class="container registerForm">

        <div class="row">
            <div class="col-xl-8 col-lg-8 offset-lg-2">
                <form class="form_" id="customer-form" method="post"
                    action="{{ route('admin.customer.store') }}">
                    @csrf
                    <div class="row mb-4">
                        <div class="col-md-3">{{ __('Level') }}</div>
                        <div class="col-md-3">{{ __('Minimum BV') }}</div>
                        <div class="col-md-3">{{ __('Minimum Sponsored') }}</div>
                        <div class="col-md-3">{{ __('Options') }}</div>
                    </div>
                    <div class="repeater">
                        <div data-repeater-list="customerLevels" class="outer">
                            <div data-repeater-item class="row mb-3">
                                <div class="col-md-3">
                                    <select id="customer" onchange="getCust(this)"
                                        class="form-control customerLevel @error('level') border-danger @enderror"
                                        name="level">
                                        <option value="">{{ __('Select Customer') }}</option>
                                        @if ($customers)
                                            @foreach ($customers as $value)
                                                <option value="{{ $value->id }}">{{ $value->customer_identity }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <span class="level_error text-danger error"></span>
                                    @error('level')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <input type="number"
                                        class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 @error('minimum_bv') border-danger @enderror"
                                        value="{{ old('minimum_bv') }}" min="0" name="minimum_bv" data-character-limit="10"/>
                                    <span class="minimum_bv_error text-danger error"></span>
                                    @error('minimum_bv')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <input class="form-control  @error('minimum_sponsored') border-danger @enderror"
                                        type="number" min="0" name="minimum_sponsored"
                                        value="{{ old('minimum_sponsored') }}" data-character-limit="10"/>
                                    <span class="minimum_sponsored_error text-danger error"></span>
                                    @error('minimum_sponsored')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <span data-repeater-delete class="float-end_ btn btn-sm btn-danger"
                                        type="button">{!! renderIconHtml('delete') !!}Delete</span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <a data-repeater-create href="javascript:void(0)"
                                    class="mt-3 mt-lg-0 btn btn-sm btn-primary">{!! renderIconHtml('add') !!}{{ __('Add Rule') }}</a>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-md-6">
                            <label for="status">{{ __('Status') }}</label><br>
                            <select class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 @error('status') border-danger @enderror" name="status">
                                <option value="1">{{ __('Active') }}</option>
                                <option value="0">{{ __('In-active') }}</option>
                            </select>
                            <span class="status_error text-danger error"></span>
                            @error('status')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-md-3">
                            <input class="btn" id="submitBtn" type="submit" name="submit" value="{!! renderIconHtml('save') !!}{{ __('submit') }}">
                        </div>
                    </div>
                </form>
            </div>

        </div>
    </div>
    <input type="hidden" value="{{ route('admin.customer-level.store') }}" id="levelStore">
    <input type="hidden" value="{{ route('admin.customer-level.index') }}" id="levelIndex">
@endsection
@push('scripts')
        <script src="{{asset('backend/js/vendor/jquery-repeater/jquery-repeater.min.js')}}"></script>
        <script src="{{asset('backend/js/form-repeater.int.js')}}"></script>
        <script src="{{asset('backend/js/pages-js/sm-customer-level.js')}}"></script>
@endpush