@if(!$isDonationClosed)
    <h3 class="subtitle">Donate</h3>
    <h2 class="title">Become a Sharecrows Hunger Hero</h2>
    <p>
        Help us reduce food insecurities in our community
    </p>
    <form method="post" action="{{ route('payment.charge')}}">
        @csrf
        <div class="pills pills--donate">
            <input class="form-input" type="tel" name="amount" placeholder="Other Amount" required>
            <div class="pill" data-value="10">$10</div>
            <div class="pill" data-value="20">$20</div>
            <div class="pill" data-value="50">$50</div>
            <div class="pill" data-value="100">$100</div>
        </div>
        <input type="hidden" name="type" value="donation">
        <div class="buttons">
            <button class="btn btn--secondary"><a> DONATE</a></button>
            <a class="skip">SKIP</a>
        </div>
    </form>
@else
    <h2 class="title">Online donations have ended</h2>
    <p>Please contact the organization directly to make a donation.</p>
    <div class="buttons">
        <button class="btn btn--secondary"><a> DONATE</a></button>
        <a class="skip">SKIP</a>
    </div>
@endif