Basket Show

<div class="p-3 my-3 border border-2 border-secondary rounded d-flex">

    <div class="col-md-3 d-none d-md-block pe-3">
        <img src="/images/samples/show-image/macintyre-large-square.png" alt="Sample image" class="img-fluid">
    </div>

    <div class="col">
        <h3 class="h5 text-uppercase fw-bolder"><a href="#">Adam Kay: Undoctored - This is Going to Hurt...More</a></h3>

        <p>
            Pleasance Courtyard<br>
            The Grand
        </p>

        <h3 class="h6 fw-bolder mt-3">Wed, 08/16/2023 - 19:30</h3>

        <form class="d-flex gap-2 align-items-center flex-wrap my-2">
            <div class="d-flex align-items-center">
                <label for="qty" class="form-label flex-shrink-0 pe-2 m-0">£15.50 x</label>
                <input type="number" id="qty" value="1" step="1" min="0" class="form-control form-control__small">
            </div>

            <div class="d-flex gap-2 flex-nowrap">
                <input type="submit" value="Update" class="btn btn-primary">
                <input type="submit" value="Remove" class="btn btn-primary">
            </div>

        </form>
        <h3 class="h6 fw-bolder mt-3">Wed, 08/16/2023 - 19:30</h3>

        <form class="d-flex gap-2 align-items-center flex-wrap my-2">
            <div class="d-flex align-items-center">
                <label for="qty" class="form-label flex-shrink-0 pe-2 m-0">£15.50 x</label>
                <input type="number" id="qty" value="1" step="1" min="0" class="form-control form-control__small">
            </div>

            <div class="d-flex gap-2 flex-nowrap">
                <input type="submit" value="Update" class="btn btn-primary">
                <input type="submit" value="Remove" class="btn btn-primary">
            </div>

        </form>
    </div>
</div>