<aside class="sidebar" role="complementary">
      <div class="sidebar__header"> <a class="logo logo--left" href="{openzc:link name='FILENAME_INDEX'/}"><span class="logo__text heading-1"><img src="{openzc:field.template/}assets/system/img/checkout_logo.png"/></span></a>
        <h1 class="visually-hidden"> Client information </h1>
      </div>
      <div class="sidebar__content">
        <div id="order-summary" class="order-summary order-summary--is-collapsed" >
          <h2 class="visually-hidden-if-js">Order summary</h2>
          <div class="order-summary__sections">
            <div class="order-summary__section order-summary__section--product-list">
              <div class="order-summary__section__content">
                <table class="product-table">
                  <caption class="visually-hidden">
                  Cart
                  </caption>
                  <tbody>
                  {openzc:cart}
                  <tr class="product">
                    <td class="product__image"><div class="product-thumbnail ">
                        <div class="product-thumbnail__wrapper"> <img alt="[field:products_name/]" class="product-thumbnail__image" src="[field:products_image/]"> </div>
                        <span class="product-thumbnail__quantity" aria-hidden="true">[field:products_qty/]</span> </div></td>
                    <th class="product__description" scope="row"> <span class="product__description__name order-summary__emphasis">[field:products_name/]</span> <span class="product__description__variant order-summary__small-text"> {openzc:loopson item="attr"}
                      [field:products_options_name/]:[field:products_options_values_name/]<br/>
                      {/openzc:loopson} </span> </th>
                    <td class="product__quantity"><span class="visually-hidden"> [field:products_qty/] </span></td>
                    <td class="product__price"><span class="order-summary__emphasis skeleton-while-loading">[field:products_price_total/]</span></td>
                  </tr>
                  {/openzc:cart}
                  </tbody>
                </table>
                <div class="order-summary__scroll-indicator" aria-hidden="true"> Scroll to see more products
                  <svg aria-hidden="true" focusable="false" class="icon-svg icon-svg--size-12">
                    <use xlink:href="#down-arrow"></use>
                  </svg>
                </div>
              </div>
            </div>
			
            <div class="order-summary__section order-summary__section--discount" >
              <form class="edit_checkout animate-floating-labels openzc-form">
                <input type="hidden" name="securityToken" value="{openzc:field.securityToken/}"/>
                <input type="hidden" name="action" value="getCoupon"/>
                <input type="hidden" name="reload" value="orderTotal,checkout_coupon,payment_coupon"/>
                <div class="fieldset">
				  {openzc:ajax filename="checkout_coupon"}
                  <div class="field {openzc:if isset($_SESSION['msgBox']['msgCoupon']['type']) && $_SESSION['msgBox']['msgCoupon']['type']!='success'}field--error{/openzc:if}">
                    <div class="field__input-btn-wrapper">
                      <div class="field__input-wrapper">
                        <label class="field__label field__label--visible" for="checkout_reduction_code">GIft card or discount code</label>
						{openzc:if empty($_SESSION['cc_id'])}
                        <input placeholder="GIft card or discount code" class="field__input" id="checkout_reduction_code" autocomplete="off" aria-required="true" size="30" type="text" name="dc_redeem_code">
						{else}
						<input placeholder="Discount code used!" class="field__input" disabled="" id="checkout_reduction_code" autocomplete="off" aria-required="true" size="30" type="text">
						{/openzc:if}
                      </div>
					  {openzc:if !empty($_SESSION['cc_id'])}
                      <button type="submit" class="field__input-btn btn btn--disabled" aria-busy="false" disabled="">
					  {else}
					  <button type="submit" class="field__input-btn btn" aria-busy="false"> 
					  {/openzc:if}
						  <span class="btn__content visually-hidden-on-mobile" aria-hidden="true"> Apply </span>
                      <svg class="icon-svg icon-svg--size-16 btn__icon shown-on-mobile" aria-hidden="true" focusable="false">
                        <use xlink:href="#arrow"></use>
                      </svg>
                      <svg class="icon-svg icon-svg--size-18 btn__spinner icon-svg--spinner-button" aria-hidden="true" focusable="false">
                        <use xlink:href="#spinner-button"></use>
                      </svg>
                      </button>
                    </div>
						{openzc:if isset($_SESSION['msgBox']['msgCoupon']['type']) && $_SESSION['msgBox']['msgCoupon']['type']!='success'}
						<div class="field__message field__message--error" id="error-for-reduction_code">{openzc:echo}$_SESSION['msgBox']['msgCoupon']['text']{/openzc:echo}</div>
						{/openzc:if}
                  </div>
			      {/openzc:ajax}
                </div>
              </form>
            </div>
			  
			
            <div class="order-summary__section order-summary__section--total-lines" >
			  {openzc:ajax filename="orderTotal"}
              <table class="total-line-table">
                <tbody class="total-line-table__tbody">
                {openzc:modules item="order_total"}
					{openzc:if $field['code']!='ot_total'}
					<tr class="total-line total-line--subtotal">
					  <th class="total-line__name" scope="row">[field:title/]</th>
					  <td class="total-line__price"><span class="order-summary__emphasis skeleton-while-loading" > [field:text/] </span></td>
					</tr>
					{/openzc:if}
                {/openzc:modules}
                </tbody>
				{openzc:modules item="order_total" code="ot_total"}
				  
				  <tfoot class="total-line-table__footer">
					<tr class="total-line">
					  <th class="total-line__name payment-due-label" scope="row"><span class="payment-due-label__total">[field:title/]</span></th>
					  <td class="total-line__price payment-due"><span class="payment-due__price skeleton-while-loading--lg" > [field:text/] </span></td>
					</tr>
				    </tfoot>
				
				{/openzc:modules}
              </table>
				
              {/openzc:ajax}
			</div>
          </div>
        </div>
        <div id="partial-icon-symbols" class="icon-symbols" >
          <svg xmlns="http://www.w3.org/2000/svg">
            <symbol id="ship">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                <path d="M17.816 14c-.415-1.162-1.514-2-2.816-2-1.302 0-2.4.838-2.816 2H12v-4h6v4h-.184zM15 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zM5 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zM2 4h8v10H7.816C7.4 12.838 6.302 12 5 12c-1.302 0-2.4.838-2.816 2H2V4zm13.434 1l1.8 3H12V5h3.434zm4.424 3.485l-3-5C16.678 3.185 16.35 3 16 3h-4c0-.552-.448-1-1-1H1c-.552 0-1 .448-1 1v12c0 .552.448 1 1 1h1.185C2.6 17.162 3.698 18 5 18s2.4-.838 2.816-2h4.37c.413 1.162 1.512 2 2.814 2s2.4-.838 2.816-2H19c.552 0 1-.448 1-1V9c0-.18-.05-.36-.142-.515z" fill-rule="evenodd"></path>
              </svg>
            </symbol>
            <symbol id="pickup">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
                <path d="M14.6 16H3.4c-.442 0-.8-.358-.8-.8V7.554C1.648 7 1 5.98 1 4.8V4c0-.12.032-.232.08-.336L2.684.442C2.82.172 3.096 0 3.4 0h11.2c.304 0 .58.17.716.442 0 0 1.602 3.214 1.604 3.222.048.104.08.216.08.336v.8c0 1.18-.648 2.2-1.6 2.754V15.2c0 .442-.358.8-.8.8zm-.8-9.6c.882 0 1.6-.718 1.6-1.6h-3.2c0 .882.718 1.6 1.6 1.6zm0 8V8c-.954 0-1.814-.42-2.4-1.086C10.814 7.58 9.954 8 9 8s-1.814-.42-2.4-1.086C6.014 7.58 5.154 8 4.2 8v6.4h1.6v-4c0-.442.358-.8.8-.8h4.8c.442 0 .8.358.8.8v4h1.6zM2.6 4.8c0 .882.718 1.6 1.6 1.6.882 0 1.6-.718 1.6-1.6H2.6zm8 0H7.4c0 .882.718 1.6 1.6 1.6.882 0 1.6-.718 1.6-1.6zM3.894 1.6l-.8 1.6h11.812l-.8-1.6H3.894zM7.4 14.4h3.2v-3.2H7.4v3.2z"></path>
              </svg>
            </symbol>
            <symbol id="info">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path d="M12 11h1v7h-2v-5c-.552 0-1-.448-1-1s.448-1 1-1h1zm0 13C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm0-2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM10.5 7.5c0-.828.666-1.5 1.5-1.5.828 0 1.5.666 1.5 1.5 0 .828-.666 1.5-1.5 1.5-.828 0-1.5-.666-1.5-1.5z"></path>
              </svg>
            </symbol>
            <symbol id="caret-down">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
                <path d="M0 3h10L5 8" fill-rule="nonzero"></path>
              </svg>
            </symbol>
            <symbol id="question">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                <path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm.7 13H6.8v-2h1.9v2zm2.6-7.1c0 1.8-1.3 2.6-2.8 2.8l-.1 1.1H7.3L7 7.5l.1-.1c1.8-.1 2.6-.6 2.6-1.6 0-.8-.6-1.3-1.6-1.3-.9 0-1.6.4-2.3 1.1L4.7 4.5c.8-.9 1.9-1.6 3.4-1.6 1.9.1 3.2 1.2 3.2 3z"></path>
              </svg>
            </symbol>
            <symbol id="close">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                <path d="M15.1 2.3L13.7.9 8 6.6 2.3.9.9 2.3 6.6 8 .9 13.7l1.4 1.4L8 9.4l5.7 5.7 1.4-1.4L9.4 8"></path>
              </svg>
            </symbol>
            <symbol id="spinner-small">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
                <path d="M32 16c0 8.837-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0v2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14h2z"></path>
              </svg>
            </symbol>
            <symbol id="spinner-button">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                <path d="M20 10c0 5.523-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0v2c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8h2z"></path>
              </svg>
            </symbol>
            <symbol id="chevron-right">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
                <path d="M2 1l1-1 4 4 1 1-1 1-4 4-1-1 4-4"></path>
              </svg>
            </symbol>
            <symbol id="down-arrow">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
                <path d="M10.817 7.624l-4.375 4.2c-.245.235-.64.235-.884 0l-4.375-4.2c-.244-.234-.244-.614 0-.848.245-.235.64-.235.884 0L5.375 9.95V.6c0-.332.28-.6.625-.6s.625.268.625.6v9.35l3.308-3.174c.122-.117.282-.176.442-.176.16 0 .32.06.442.176.244.234.244.614 0 .848"></path>
              </svg>
            </symbol>
            <symbol id="arrow">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                <path d="M16 8.1l-8.1 8.1-1.1-1.1L13 8.9H0V7.3h13L6.8 1.1 7.9 0 16 8.1z"></path>
              </svg>
            </symbol>
            <symbol id="mobile-phone">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path d="M5 2.99C5 1.34 6.342 0 8.003 0h7.994C17.655 0 19 1.342 19 2.99v18.02c0 1.65-1.342 2.99-3.003 2.99H8.003C6.345 24 5 22.658 5 21.01V2.99zM7 5c0-.552.456-1 .995-1h8.01c.55 0 .995.445.995 1v14c0 .552-.456 1-.995 1h-8.01C7.445 20 7 19.555 7 19V5zm5 18c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1z" fill-rule="evenodd"></path>
              </svg>
            </symbol>
            <symbol id="lock">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
                <path d="M12 6h-1V4c0-2.2-1.8-4-4-4S3 1.8 3 4v2H2c-.5 0-1 .5-1 1v6c0 .5.5 1 1 1h10c.5 0 1-.5 1-1V7c0-.5-.5-1-1-1zM5 4c0-1.1.9-2 2-2s2 .9 2 2v2H5V4z"></path>
              </svg>
            </symbol>
          </svg>
        </div>
      </div>
    </aside>