@props([
    'title' => null,
    'subtitle' => null,
    'method',
    'kycBlocksWithdrawals' => false,
    'kycMessage' => null,
])

@php
    $displayTitle = $title ?? \App\Support\WithdrawalMethod::formTitle($method);
    $displaySubtitle = $subtitle ?? \App\Support\WithdrawalMethod::pageSubtitle($method);
@endphp

<div class="vpm-withdraw-method">
    @if ($kycBlocksWithdrawals)
        <div class="vpm-withdraw-method__alert">
            @include('partials.vpm.kyc-alert', [
                'kycBlocksWithdrawals' => true,
                'kycMessage' => $kycMessage,
            ])
        </div>
    @endif

    <header class="vpm-withdraw-method__header">
        <h3 class="vpm-withdraw-method__title">{{ $displayTitle }}</h3>
        @if ($displaySubtitle)
            <p class="vpm-withdraw-method__subtitle">{{ $displaySubtitle }}</p>
        @endif
    </header>

    <div class="vpm-withdraw-method__card">
        <form method="POST" action="{{ route('app.withdrawals.withdraw.store') }}" class="vpm-withdraw-method__form">
            <fieldset @disabled($kycBlocksWithdrawals)>
                @csrf
                <input type="hidden" name="method" value="{{ $method }}">

                {{ $slot }}

                <x-vpm.button
                    type="submit"
                    variant="primary"
                    class="vpm-btn--block"
                    data-loading-label="Submitting…"
                >
                    Submit
                </x-vpm.button>
            </fieldset>
        </form>
    </div>
</div>