<div class="p-4 rounded border border-2 border-secondary mt-3">

    <h2 class="h4 text-uppercase fw-bolder">Donate</h2>

    <div class="d-md-flex gap-4">
        <form class="via-basket-donation col-md-3">
            <div id="via_cart_donation_amount_wrapper">
                <div class="mt-2">
                    <label for="edit-amount" class="form-label">Amount</label>
                    <input aria-describedby="edit-amount--description" type="text" id="edit-amount" name="amount" value="5.00" size="60" maxlength="128" class="form-control form-control__small mb-2">
                    <div id="edit-amount--description" class="mt-2 description">
                        Please enter an amount in pounds.
                    </div>
                </div>
            </div>
            <input type="submit" id="edit-submit" value="Update" class="btn my-2 btn-primary">
        </form>

        <div class="p-3 pb-0 mt-2 mb-4 border border-2 border-secondary rounded col-md">

            <h3 class="h5 text-uppercase fw-bolder">Currently selected donations</h3>

            <table class="table align-middle">
                <thead>
                    <tr>
                        <th>Fund</th>
                        <th>Amount</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody class="table-group-divider">
                    <tr>
                        <td>Pleasance Theatre</td>
                        <td>£5.00</td>
                        <td>
                            <form class="via-basket-donation-removal__1" data-drupal-selector="via-basket-donation-removal-1" action="/via/basket" method="post" id="via-basket-donation-removal-1" accept-charset="UTF-8">
                                <input data-drupal-selector="edit-submit" type="submit" id="edit-submit--9" name="op" value="Remove" class="button js-form-submit form-submit btn my-2 btn-primary">
                                <input autocomplete="off" data-drupal-selector="form-so8-zza8he4qm8ad2dvtgzkffbzvurh-dzhavidnb4k" type="hidden" name="form_build_id" value="form-sO8-zza8He4Qm8AD2DVTGzKFFBZVURH_DZHAvIDnB4k" class="form-control mb-2">
                                <input data-drupal-selector="edit-via-basket-donation-removal-1" type="hidden" name="form_id" value="via_basket_donation_removal__1" class="form-control mb-2">

                            </form>
                        </td>
                    </tr>
                </tbody>
            </table>

        </div>
    </div>

</div>
<div class="p-4 rounded border border-2 border-secondary mt-3">
  
  <h2 class="h4 text-uppercase fw-bolder">Donate</h2>

  <div class="d-md-flex gap-4">
    <form class="via-basket-donation col-md-3">
      <div id="via_cart_donation_amount_wrapper">
        <div class="mt-2">
          <label for="edit-amount" class="form-label">Amount</label>
          <input aria-describedby="edit-amount--description" type="text" id="edit-amount" name="amount" value="5.00" size="60" maxlength="128" class="form-control form-control__small mb-2">
          <div id="edit-amount--description" class="mt-2 description">
            Please enter an amount in pounds.
          </div>
        </div>
      </div>
      <input type="submit" id="edit-submit" value="Update" class="btn my-2 btn-primary">
    </form>

    <div class="p-3 pb-0 mt-2 mb-4 border border-2 border-secondary rounded col-md">

      <h3 class="h5 text-uppercase fw-bolder">Currently selected donations</h3>

      <table class="table align-middle">
        <thead>
          <tr>
            <th>Fund</th>
            <th>Amount</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody class="table-group-divider">
          <tr>
            <td>Pleasance Theatre</td>
            <td>£5.00</td>
            <td>
              <form class="via-basket-donation-removal__1" data-drupal-selector="via-basket-donation-removal-1"
                action="/via/basket" method="post" id="via-basket-donation-removal-1" accept-charset="UTF-8">
                <input data-drupal-selector="edit-submit" type="submit" id="edit-submit--9" name="op" value="Remove"
                  class="button js-form-submit form-submit btn my-2 btn-primary">
                <input autocomplete="off" data-drupal-selector="form-so8-zza8he4qm8ad2dvtgzkffbzvurh-dzhavidnb4k"
                  type="hidden" name="form_build_id" value="form-sO8-zza8He4Qm8AD2DVTGzKFFBZVURH_DZHAvIDnB4k"
                  class="form-control mb-2">
                <input data-drupal-selector="edit-via-basket-donation-removal-1" type="hidden" name="form_id"
                  value="via_basket_donation_removal__1" class="form-control mb-2">

              </form>
            </td>
          </tr>
        </tbody>
      </table>

    </div>
  </div>

</div>
/* No context defined. */
  • Handle: @basket-donations
  • Preview:
  • Filesystem Path: src/components/02-structures/basket-page/basket-donations/basket-donations.html.twig
  • Referenced by (1): @basket-page

No notes defined.