<div>
    <form wire:submit.prevent="store">
        <div class="form-row mb-3">
            <div class="col-lg-6 offset-lg-3 col-12">
                <label for="amount">مقدار (حداقل مبلغ ۱,۰۰۰ تومان می‌باشد) *</label>
                <small id="amount-mask" class="float-end text-secondary">{{ is_numeric($amount) ? number_format($amount) : $amount }}</small>
                <div class="input-group">
                    <input type="number" dir="ltr" data-target="#amount-mask"
                           min="1000" max="1000000000" wire:model.defer="amount"
                           class="form-control numberformat @error('amount') is-invalid @enderror"
                           id="amount" autofocus required autocomplete="off">
                    <span class="input-group-text">{{ __('Toman') }}</span>
                </div>
                @error('amount')
                    <span class="text-danger" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
        </div>
        <button type="submit" class="btn btn-primary">پرداخت با درگاه اینترنتی</button>
        <a href="{{ route('account.wallets.index') }}" class="btn btn-danger float-end">{{ __('Cancel') }}</a>
    </form>
    <form class="text-center mt-2 d-none" method="{{ $method }}" action="{{ $action }}" id="payment-form">
        <p>در صورتی که به صورت اتوماتیک به درگاه وصل نشدید روی دکمه زیر کلیک کنید.</p>
        @foreach($inputs as $name => $value)
            <input type="hidden" name="{{ $name }}" value="{{ $value }}">
        @endforeach
        <button type="submit" class="btn btn-success">اتصال به درگاه</button>
    </form>
</div>
@push('scripts')
    @include('livewire.admin.partials.numberFormat')
    <script>
        window.addEventListener('submit-payment-form', function () {
            $('#payment-form').submit();
        });
    </script>
@endpush