<div class="date-selection {{#if hidden}}date-selection-hidden{{/if}}">
    <div class="date-selection__inner">
        <div class="delivery-date">
            <div class="calendar">
                <div class="calendar__head {{#if wisdom}}calendar__head-wisdom{{/if}}">
                    <div class="calendar__month">Apr</div>
                    {{#if wisdom}}
                        {{#if latest}}
                            <div class="calendar__switch calendar__switch-latest">
                                Later Dates <i class="calendar__switch-icon far fa-chevron-right"></i>
                            </div>
                        {{/if}}
                        {{#if earlier}}
                            <div class="calendar__switch calendar__switch-earlier">
                                <i class="calendar__switch-icon far fa-chevron-left"></i> Earlier Dates
                            </div>
                        {{/if}}
                    {{/if}}
                </div>
                <div class="calendar__grid">
                  <div class="calendar__row calendar__row_names">
                    {{#each day_calendar}}
                      <span class="calendar__cell calendar__cell_head">{{this}}</span>
                    {{/each}}
                  </div>
                  {{#each calendar}}
                    {{#if (eq (mod_dec @index 7) 0)}}
                      <div class="calendar__row">
                        <div class="calendar__row_days">
                    {{/if}}
                    <span class="calendar__cell calendar__cell_cnt{{#if isInactive}} calendar__cell_inactive{{/if}}{{#if ../premium}}{{#if (eq day '1')}} calendar__cell_inactive{{/if}}{{#unless isInactive}}{{#if (eq day '2')}} calendar__cell_highlight calendar-premium-day{{/if}}{{/unless}}{{else}}{{#unless ../noRapid}}{{#if (eq day '1')}}{{#unless isInactive}} calendar__cell_highlight calendar-rapid-day{{/unless}}{{/if}}{{/unless}}{{/if}}">
                      {{#if ../premium}}
                        {{#if (eq day '2')}}
                          {{#unless isInactive}}
                            {{day}}
                            <span class="calendar-cell-label">AM</span>
                          {{else}}
                            {{day}}
                          {{/unless}}
                        {{else}}
                          {{day}}
                        {{/if}}
                      {{else}}
                        {{#if (and (eq day '1') (not ../noRapid))}}
                          {{#unless isInactive}}
                            {{day}}
                            <span class="calendar-cell-label">Rapid</span>
                          {{else}}
                            {{day}}
                          {{/unless}}
                        {{else}}
                          {{day}}
                        {{/if}}
                      {{/if}}
                    </span>
                    {{#if (eq (mod_inc @index 7) 0)}}
                        </div>
                      </div>
                    {{/if}}
                  {{/each}}
                  {{#unless wisdom}}
                    <div class="calendar__row">
                        <div class="calendar__row_days">
                          {{#each extraDays}}
                            <span class="calendar__cell calendar__cell_cnt">{{ day }}</span>
                          {{/each}}
                        </div>
                    </div>
                  {{/unless}}
                </div>
                {{#if calendar-message}}
                    <div class="calendar__message">
                        <span>Our delivery slots are currently available up to 7 days in advance.</span>
                        <span>We release additional delivery slots daily.</span>
                    </div>
                {{/if}}
            </div>
        </div>
        <div class="delivery-time">
          {{#if premium}}
          <div class="delivery-time__premium-hint">
            <span class="icon-wrap icon-wrap--large">
                <img src="./img/premium-delivery.svg" class="icon" alt="Premium delivery">
            </span>
          <p class="description">
            {{#if premium}}
              Select tomorrow’s day on the calendar to get Next Day AM delivery
            {{else}}
              Select todays’ day on the calendar to get Rapid delivery.
            {{/if}}
          </p>
          </div>
          {{else}}
            {{#unless noRapid}}
            <div class="delivery-time__rapid-hint">
              <span class="icon-wrap icon-wrap--large">
                  <i class="fas fa-shipping-fast icon"></i>
              </span>
            <p class="description">
                Select todays’ day on the calendar to get Rapid delivery.
            </p>
            </div>
            {{/unless}}
          {{/if}}
          {{> delivery-types
              title=titleDelivery
              subtitle=subtitleDelivery
              classImg=imgDelivery
              imgSrc=premiumImg
              premium=premium
          }}
        </div>
    </div>
</div>
