<div class="delivery-types">
    <div class="delivery-types__accordion">
        <i class="fas fa-angle-up"></i>
    </div>
    <div class="delivery-types__inner" data-simplebar="init">
        <div class="delivery-types__date">
            Wed 04 Mar 2020
        </div>
        <div class="delivery-type">
            <div class="delivery-types__name">
                Standard delivery
                {{> info-icon title="Standard delivery" data-placement="top" }}
            </div>
            <div class="delivery-types__error">
                Please select an appropriate delivery time.
            </div>
            <ul class="delivery-types__slots">
                <li class="delivery-types__slot">
                    {{> radiobutton label="8:00am - 12:00pm" name="radio-slot" id="radio-standard"}}
                    <span class="delivery-types__cost">£7.95</span>
                </li>
                <li class="delivery-types__slot">
                    {{> radiobutton label="8:00am - 6:00pm" name="radio-slot" id="radio-standard"}}
                    <span class="delivery-types__cost">Free</span>
                </li>
                <li class="delivery-types__slot">
                    {{> radiobutton label="8:00am - 12:00pm" name="radio-slot" id="radio-standard"}}
                    <span class="delivery-types__cost">£7.95</span>
                </li>
            </ul>
        </div>
    </div>
    <button class="btn btn-secondary btn_full delivery-types__confirm">
        <span class="btn__text">Confirm</span>
    </button>
    <div class="delivery-time__show-calendar">
        <a href="#" class="delivery-time__show-calendar-link">
            Change the date and time
        </a>
    </div>
</div>
