@extends('layouts.master')
@section('title', __('Balance Transfer Restriction'))

@section('content')
    <section class="main_section">
        <div class="col-md-12 col-sm-12">
            <div class="card">
                <form method="POST" action="{{ route('admin.site-settings.transferRestrictedCountries') }}" class="balance_transfer_restriction_button" id="balanceTransferRestriction">
                    <div class="card-body">
                                @csrf
                        <div class="row">
                            <div class="col-md-12">
                                <div class="gap-4">
                                    <div class="relative z-0 w-full group select2_cust">
                                        <label class="z-50 form-label ml-2 p-2 py-0 peer-focus:font-medium absolute text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10 custom-label">{{ __('Balance Transfer Restricted Country')}}</label>
                                        <select name="transfer_restricted_countries[]" class="select2 form-select rounded-lg block py-2.5 px-2.5 w-full text-sm text-gray-800 bg-transparent border-2 border-gray-300 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer h-11 country-restriction" id="country-restriction" placeholder="" data-placeholder="" multiple>
                                                @foreach ($countries as $country)
                                                    <option value="{{ $country->id }}" {{in_array($country->id , $transferRestrictedCountries ?? []) ? 'selected' : ''}}>{{ $country->country_name }} ( {{ $country->country_code }} )</option>
                                                @endforeach
                                            </select>
                                        <small class="balance_transfer_restriction_error error text-danger"></small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="row">
                            <div class="col-md-12 d-flex justify-content-start">
                                @can('balance-transfer-restricted-country-edit')
                                    <button type="submit" class="btn btn-primary submit_btn">{!! renderIconHtml('update') !!}{{ __('Update') }}</button>
                                @endcan
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection
@push('scripts')
    <script src="{{ asset('backend/js/internal-scripts/currency/tabs/balance-transfer-restriction-blade.js') }}"></script>
@endpush