<div moe normal>
    <a start show href="#">+ Create</a>
    <form url="/api/paymentMethod/create-stripe-payment-method">
    <h4 class="fw-bold mb-4">Create Payment Method</h4>
        <input type="hidden" name="userUid" value="{{ $user->uid }}">
        <p class="mb-2 text-secondary fw-bold">Create Payment Method</p>

        <div class="mb-2">
            <label class="text-sm text-secondary mb-1">Card Number</label>
            <input type="text" name="cardNumber" class="form-control form-control-sm" />
        </div>
        <div class="mb-2">
            <label class="text-sm text-secondary mb-1">Expiration Month</label>
            <input type="number" name="expirationMonth" class="form-control form-control-sm" />
        </div>
        <div class="mb-2">
            <label class="text-sm text-secondary mb-1">Expiration Year</label>
            <input type="number" name="expirationYear" class="form-control form-control-sm" />
        </div>
        <div class="mb-2">
            <label class="text-sm text-secondary mb-1">CVV</label>
            <input type="text" name="cvv" class="form-control form-control-sm" />
        </div>

        <div class="d-flex align-items-center mt-3">
            <button type="button" class="btn py-2 btn-grey border w-100 no-shadow" cancel>Cancel</button>
            <button class="btn py-2 btn-primary w-100 ms-3" submit>Submit</button>
        </div>
    </form>
</div>