{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: pay-button.blade.php
------------------------------------------------------
Use: One credit-fee payment method as a confirmed,
     self-locking submit (wallet / online / mixed).
=====================================================
--}}

@props(['request', 'method', 'label', 'confirm', 'primary' => false])

<form method="POST" action="{{ route('account.credit.pay-fee', $request) }}"
      x-data="{ busy: false }"
      x-on:submit.prevent="$store.confirm.ask({ message: @js($confirm), onConfirm: () => { busy = true; $el.submit(); } })">
    @csrf
    <input type="hidden" name="method" value="{{ $method }}">
    <button type="submit" x-bind:disabled="busy" @class([
        'mb-2 w-full rounded-[13px] p-3.5 text-[14.5px] font-bold transition disabled:opacity-60',
        'bg-primary-600 text-white shadow-lg shadow-primary-600/25 hover:bg-primary-700' => $primary,
        'border border-primary-600/30 bg-white text-primary-600 hover:bg-primary-50' => ! $primary,
    ])>{{ $label }}</button>
</form>