<form>

    <div class="booking-form--performance-list p-3 border border-2 rounded mb-3 bg-white">
        <h2 class="h5 text-center text-uppercase">Select performance</h2>
        <div>
            <select id="radio" name="radio" class="form-select" aria-label="Select">
                <option selected>-- Choose one --</option>
                <option value="0" disabled>Thu, 27/11/2019 - 14:30 SOLD OUT</option>
                <option value="1">Fri, 28/11/2019 - 14:30 SELLING FAST</option>
                <option value="2" disabled>Sat, 29/11/2019 - 14:30 SOLD OUT</option>
                <option value="3">Sun, 30/11/2019 - 19:30 [£12.34]</option>
            </select>
        </div>
        <p class="d-grid gap-2 my-2">
            <button class="my-2 btn btn-primary">Book now</button>
        </p>
    </div>

    <p>
        Once purchased, all tickets are non-exchangeable and non-refundable.<br>
        Where applicable, a booking fee is charged at £1.25 per ticket, capped at £5.
    </p>

    <p>
        <a href="#" class="text-secondary chevron"><strong>Find out why we charge booking fees</strong></a>
    </p>

    <p>Tickets are held in the basket for a limited period of time</p>

</form>
<form>

  <div class="booking-form--performance-list p-3 border border-2 rounded mb-3 bg-white">
    <h2 class="h5 text-center text-uppercase">Select performance</h2>
    {% render "@select-list" %}
    <p class="d-grid gap-2 my-2">
      {% render "@button" with { "title": "Book now" } %}
    </p>
  </div>

  <p>
    Once purchased, all tickets are non-exchangeable and non-refundable.<br>
    Where applicable, a booking fee is charged at £1.25 per ticket, capped at £5.
  </p>

  <p>
    <a href="#" class="text-secondary chevron"><strong>Find out why we charge booking fees</strong></a>
  </p>

  <p>Tickets are held in the basket for a limited period of time</p>

</form>
/* No context defined. */
  • Content:
    .booking-form {
      &--performance-list {
        --bs-border-color: var(--bs-gray-500);
      }
    }
  • URL: /components/raw/booking-form/booking-form.scss
  • Filesystem Path: src/components/02-structures/show-page/booking-form/booking-form.scss
  • Size: 88 Bytes

No notes defined.