{{ header }} 
<div class="container">
  <ul class="breadcrumb">
    {% for breadcrumb in breadcrumbs %} 
    <li><a href="{{ breadcrumb['href'] }}">{{ breadcrumb['text'] }}</a></li>
    {% endfor %} 
  </ul>
  <div class="row">
    {{ column_left }} 
    {% if (column_left and column_right) %} 
    {% set class = 'col-sm-6' %} 
    {% elseif (column_left or column_right) %} 
    {% set class = 'col-sm-9' %} 
    {% else %} 
    {% set class = 'col-sm-12' %} 
    {% endif %} 
    <div id="content" class="{{ class }}">
      {{ content_top }} 
      <div id="ic-container">
        {% if (cart_not_empty) %} 
        {% if (attention) %} 
        <div class="alert alert-info"><i class="fa fa-info-circle"></i> {{ attention }} 
          <button type="button" class="close" data-dismiss="alert">&times;</button>
        </div>
        {% endif %} 
        {% if (error_warning) %} 
        <div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> {{ error_warning }} 
          <button type="button" class="close" data-dismiss="alert">&times;</button>
        </div>
        {% endif %} 
        <h1>{{ heading_title }}</h1>
        {% if (sub_heading) %} 
        <div class="ic-subheading">{{ sub_heading }}</div>
        {% endif %} 
        <div class="ic-table">
          <div class="row ic-head-row hidden-xs">
            <div class="col-sm-6 col-md-5 ic-col-sm">
              <div class="ic-inner-table">
                {% if (selective_remove) %} 
                <div class="selective-remove-col ic-head-col hidden-xs">
                  <input type="checkbox" id="ic_check_all" class="ic-check-all" value="1" name="check_all_items">
                </div>
                {% endif %} 
                {% if (column_image_status) %} 
                <div class="product-image-col ic-head-col">{{ column_image }}</div>
                {% endif %} 
                <div class="product-name-col ic-head-col">{{ column_name }}</div>
              </div>
            </div>
            <div class="col-sm-6 col-md-7 ic-col-sm">
              <div class="ic-inner-table">
                {% if (column_additional_status) %} 
                <div class="additional-col ic-head-col hidden-sm">{{ column_additional }}</div>
                {% endif %} 
                {% if (column_price_status) %} 
                <div class="product-price-col ic-head-col">{{ column_price }}</div>
                {% endif %} 
                {% if (column_quantity_status) %} 
                <div class="product-qty-col ic-head-col">{{ column_quantity }}</div>
                {% endif %} 
                {% if (column_total_status) %} 
                <div class="product-total-col ic-head-col">{{ column_total }}</div>
                {% endif %} 
                {% if (column_remove_status) %} 
                <div class="product-remove-col ic-head-col"><i class="fa fa-trash-o" aria-hidden="true"></i></div>
                {% endif %} 
              </div>
            </div>
          </div>
          {% for product in products %} 
          <div class="row ic-row" data-ic-item="{{ product['cart_id'] }}">
            <div class="col-sm-6 col-md-5 ic-col-sm">
              <div class="ic-inner-table">
                {% if (selective_remove) %} 
                <div class="selective-remove-col hidden-xs">
                  <input type="checkbox" class="ic-check-item" value="1" name="{{ product['cart_id'] }}">
                </div>
                {% endif %} 
                {% if (column_image_status) %} 
                <div class="product-image-col">
                  {% if (product['thumb']) %} 
                  <a href="{{ product['href'] }}" class="ic-product-thumb" data-toggle="popover" data-img="{{ product['thumb'] }}">
                    <img src="{{ product['thumb'] }}" alt="{{ product['name'] }}" class="ic-product-img" />
                  </a>
                  {% endif %} 
                </div>
                {% endif %} 
                <div class="product-name-col ic-body-col">
                  <a href="{{ product['href'] }}" class="product-name-link">{{ product['name'] }}</a>
                  {% if (not product['stock']) %} 
                  <span class="label ic-label-danger">***</span>
                  {% endif %} 
                  {% if (column_additional_status) %} 
                  {% if (column_additional_set == "brand") %} 
                  <div class="hidden-md hidden-lg">
                    {{ column_additional }}:
                    <a href="{{ product['brand_url'] }}">{{ product['brand'] }}</a>
                  </div>
                  {% else %} 
                  {% if (product[column_additional_set] is defined and product[column_additional_set] is not empty) %} 
                  <div class="hidden-md hidden-lg">
                  {{ column_additional }}: {{ product[column_additional_set] }} 
                  </div>
                  {% endif %} 
                  {% endif %} 
                  {% endif %} 
                  {% if (product['option']) %} 
                  {% for option in product['option'] %} 
                  <div>{{ option['name'] }}: {{ option['value'] }}</div>
                  {% endfor %} 
                  {% endif %} 
                  {% if (product['reward']) %} 
                  <div>{{ product['reward'] }}</div>
                  {% endif %} 
                  {% if (product['recurring']) %} 
                  <div>
                    <span class="label label-info">{{ text_recurring_item }}</span>
                    <span>{{ product['recurring'] }}</span>
                  </div>
                  {% endif %} 
                </div>
                <div class="product-remove-col-xs visible-xs">
                  <button type="button" title="{{ button_remove }}" class="ic-btn-remove" onclick="icRemove('{{ product['cart_id'] }}')"><i class="fa fa-times-circle"></i></button>
                </div>
              </div>
            </div>
            <div class="col-sm-6 col-md-7 ic-col-sm">
              <div class="ic-inner-table">
                {% if (column_additional_status) %} 
                <div class="additional-col ic-body-col hidden-xs hidden-sm">
                  {% if (column_additional_set == "brand") %} 
                  <a href="{{ product['brand_url'] }}">{{ product['brand'] }}</a>
                  {% else %} 
                  {{ product[column_additional_set] is defined ? product[column_additional_set] : '' }} 
                  {% endif %} 
                </div>
                {% endif %} 
                {% if (column_price_status) %} 
                <div class="product-price-col ic-body-col">
                  <div class="visible-xs ic-text-muted">{{ column_price }}</div>
                  <span>{{ product['price'] }}</span>
                </div>
                {% endif %} 
                {% if (column_quantity_status) %} 
                <div class="product-qty-col ic-body-col">
                  {% if (column_quantity_set == "1") %} 
                  <div class="input-group ic-qty-block">
                    <span class="input-group-btn">
                      <button type="button" class="btn btn-primary ic-qty-btn" onclick="icChangeQty('{{ product['cart_id'] }}', '-1')"><i class="fa fa-minus"></i></button>
                    </span>
                    <input type="text" name="quantity[{{ product['cart_id'] }}]" value="{{ product['quantity'] }}" size="1" onchange="icEditCart('{{ product['cart_id'] }}', $(this).val())" class="form-control ic-qty-input" />
                    <span class="input-group-btn">
                      <button type="button" class="btn btn-primary ic-qty-btn" onclick="icChangeQty('{{ product['cart_id'] }}', '1')"><i class="fa fa-plus"></i></button>
                    </span>
                  </div>
                  {% elseif (column_quantity_set == "2") %} 
                  <div class="input-group ic-qty-block" style="max-width:160px">
                    <input type="text" name="quantity[{{ product['cart_id'] }}]" value="{{ product['quantity'] }}" size="1" class="form-control" />
                    <span class="input-group-btn">
                      <button type="button" onclick="icEditCart('{{ product['cart_id'] }}')" title="{{ button_update }}" class="btn btn-primary ic-qty-btn"><i class="fa fa-refresh"></i></button>
                    </span>
                  </div>
                  {% elseif (column_quantity_set == "3") %} 
                  <span>x {{ product['quantity'] }}</span>
                  {% endif %} 
                </div>
                {% endif %} 
                {% if (column_total_status) %} 
                <div class="product-total-col ic-body-col">
                  <div class="visible-xs ic-text-muted">{{ column_total }}</div>
                  <span>{{ product['total'] }}</span>
                </div>
                {% endif %} 
                {% if (column_remove_status) %} 
                <div class="product-remove-col ic-body-col hidden-xs">
                  <button type="button" class="ic-btn-remove" title="{{ button_remove }}" onclick="icRemove('{{ product['cart_id'] }}')"><i class="fa fa-times-circle"></i></button>
                </div>
                {% endif %} 
              </div>
            </div>
          </div>
          {% endfor %} 
          {% for voucher in vouchers %} 
          <div class="row ic-row" data-ic-item="{{ voucher['key'] }}">
            <div class="col-sm-6 col-md-5 ic-col-sm">
              <div class="ic-inner-table">
                {% if (selective_remove) %} 
                <div class="selective-remove-col hidden-xs">
                  <input type="checkbox" class="ic-check-item ic-check-voucher" value="1" name="{{ voucher['key'] }}">
                </div>
                {% endif %} 
                {% if (column_image_status) %} 
                <div class="product-image-col">
                  <div class="ic-product-thumb" data-toggle="popover" data-img="{{ voucher['image'] }}">
                    <img src="{{ voucher['image'] }}" alt="{{ voucher['description'] }}" class="ic-product-img" />
                  </div>
                </div>
                {% endif %} 
                <div class="product-name-col ic-body-col">
                  <span class="voucher-name">{{ voucher['description'] }}</span>
                </div>
                <div class="product-remove-col-xs visible-xs">
                  <button type="button" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-link ic-btn-remove" onclick="icRemove('{{ voucher['key'] }}')"><i class="fa fa-times-circle"></i></button>
                </div>
              </div>
            </div>
            <div class="col-sm-6 col-md-7 ic-col-sm">
              <div class="ic-inner-table">
                {% if (column_additional_status) %} 
                <div class="additional-col ic-body-col hidden-xs hidden-sm"> </div>
                {% endif %} 
                {% if (column_price_status) %} 
                <div class="product-price-col ic-body-col">
                  <div class="visible-xs ic-text-muted">{{ column_price }}</div>
                  <span>{{ voucher['amount'] }}</span>
                </div>
                {% endif %} 
                {% if (column_quantity_status) %} 
                <div class="product-qty-col ic-body-col">
                  <span>x 1</span>
                </div>
                {% endif %} 
                {% if (column_total_status) %} 
                <div class="product-total-col ic-body-col">
                  <div class="visible-xs ic-text-muted">{{ column_total }}</div>
                  <span>{{ voucher['amount'] }}</span>
                </div>
                {% endif %} 
                {% if (column_remove_status) %} 
                <div class="product-remove-col ic-body-col hidden-xs">
                  <button type="button" title="{{ button_remove }}" class="btn btn-link ic-btn-remove" onclick="icRemove('{{ voucher['key'] }}')"><i class="fa fa-times-circle"></i></button>
                </div>
                {% endif %} 
              </div>
            </div>
          </div>
          {% endfor %} 
        </div>
        <div class="ic-buttons clearfix">
          {% if (selective_remove) %} 
          <div class="pull-left hidden-xs">
            <button type="button" onclick="icRemoveChecked()" class="btn btn-link ic-btn-link">{{ btn_remove_checked }}</button>
          </div>
          {% endif %} 
          {% if (btn_clear_cart_status) %} 
          <div class="pull-right">
            <button type="button" onclick="icClearCart()" class="btn btn-link ic-btn-link">{{ btn_clear_cart }}</button>
          </div>
          {% endif %} 
        </div>
        <div class="ic-text-next-block">
          {% if (text_next_status) %} 
          <h2>{{ text_next }}</h2>
          {% endif %} 
          {% if (text_next_choice_status) %} 
          <p>{{ text_next_choice }}</p>
          {% endif %} 
        </div>
        <div class="row">
          <div class="col-sm-6 ic-accordion-col">
            <div class="panel-group ic-accordion-group" id="ic-accordion">
              {% if (coupon_status) %} 
              <div class="panel panel-default">
                <div class="panel-heading">
                  <div class="panel-title">
                    <a href="#ic-collapse-coupon" class="accordion-toggle" data-toggle="collapse" data-parent="#ic-accordion">{{ coupon_title }} <i class="fa fa-caret-down"></i></a>
                  </div>
                </div>
                <div id="ic-collapse-coupon" class="panel-collapse collapse">
                  <div class="panel-body">
                    <div id="coupon-input-group" class="input-group">
                      <input type="text" name="coupon" value="{{ coupon }}" placeholder="{{ entry_coupon }}" id="input-coupon" class="form-control" autocomplete="off" />
                      <span class="input-group-btn">
                        <button type="button" class="btn btn-primary ic-btn" id="ic-button-coupon" onclick="icApplyCoupon()"><i class="fa fa-check hidden-sm hidden-md hidden-lg"></i><span class="hidden-xs">{{ button_coupon }}</span></button>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
              {% endif %} 
              {% if (voucher_status) %} 
              <div class="panel panel-default">
                <div class="panel-heading">
                  <div class="panel-title">
                    <a href="#ic-collapse-voucher" data-toggle="collapse" data-parent="#ic-accordion" class="accordion-toggle">{{ voucher_title }} <i class="fa fa-caret-down"></i></a>
                  </div>
                </div>
                <div id="ic-collapse-voucher" class="panel-collapse collapse">
                  <div class="panel-body">
                    <div id="voucher-input-group" class="input-group">
                      <input type="text" name="voucher" value="{{ ic_voucher }}" placeholder="{{ entry_voucher }}" id="input-voucher" class="form-control" autocomplete="off" />
                      <span class="input-group-btn">
                        <button type="button" class="btn btn-primary ic-btn" id="ic-button-voucher" onclick="icApplyVoucher()"><i class="fa fa-check hidden-sm hidden-md hidden-lg"></i><span class="hidden-xs">{{ button_voucher }}</span></button>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
              {% endif %} 
              {% if (reward_status) %} 
              <div class="panel panel-default">
                <div class="panel-heading">
                  <div class="panel-title">
                    <a href="#ic-collapse-reward" data-toggle="collapse" data-parent="#ic-accordion" class="accordion-toggle">{{ text_use_reward }} <i class="fa fa-caret-down"></i></a>
                  </div>
                </div>
                <div id="ic-collapse-reward" class="panel-collapse collapse">
                  <div class="panel-body">
                    <div id="reward-input-group" class="input-group">
                      <input type="text" name="reward" value="{{ reward }}" placeholder="{{ entry_reward }}" id="input-reward" class="form-control" autocomplete="off" />
                      <span class="input-group-btn">
                        <button type="button" class="btn btn-primary ic-btn" id="ic-button-reward" onclick="icApplyRewardPoints()"><i class="fa fa-check hidden-sm hidden-md hidden-lg"></i><span class="hidden-xs">{{ button_reward }}</span></button>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
              {% endif %} 
              {% if (shipping_status) %} 
              <div class="panel panel-default">
                <div class="panel-heading">
                  <div class="panel-title">
                    <a href="#ic-collapse-shipping" class="accordion-toggle" data-toggle="collapse" data-parent="#ic-accordion">{{ ic_shipping_title }} <i class="fa fa-caret-down"></i></a>
                  </div>
                </div>
                <div id="ic-collapse-shipping" class="panel-collapse collapse">
                  <div class="panel-body ic-panel-quote">
                    <div class="form-group required">
                      <label class="control-label" for="input-country">{{ entry_country }}</label>
                      <select name="country_id" id="input-country" onchange="icShipppingCountry()" class="form-control">
                        <option value="">{{ ic_text_select }}</option>
                        {% for country in countries %} 
                        {% if (country['country_id'] == country_id) %} 
                        <option value="{{ country['country_id'] }}" selected="selected">{{ country['name'] }}</option>
                        {% else %} 
                        <option value="{{ country['country_id'] }}">{{ country['name'] }}</option>
                        {% endif %} 
                        {% endfor %} 
                      </select>
                    </div>
                    <div class="form-group required">
                      <label class="control-label" for="input-zone">{{ entry_zone }}</label>
                      <select name="zone_id" id="input-zone" class="form-control"></select>
                    </div>
                    <div class="form-group">
                      <label class="control-label" for="input-postcode">{{ entry_postcode }}</label>
                      <div class="row">
                        <div class="col-xs-6">
                          <input type="text" name="postcode" value="{{ postcode }}" placeholder="{{ entry_postcode }}" id="input-postcode" class="form-control" />
                        </div>
                        <div class="col-xs-6">
                          <button type="button" id="ic-button-quote" onclick="icShippingQuote()" data-loading-text="{{ text_loading }}" class="btn btn-primary ic-btn btn-block">{{ button_quote }}</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <input type="hidden" id="js_shipping_country_url" value="{{ shipping_country_url }}" />
              <input type="hidden" id="js_text_select" value="{{ ic_text_select }}" />
              <input type="hidden" id="js_text_none" value="{{ ic_text_none }}" />
              <input type="hidden" id="js_zone_id" value="{{ zone_id }}" />
              <input type="hidden" id="js_shipping_quote_url" value="{{ shipping_quote_url }}" />
              <input type="hidden" id="js_text_shipping_method" value="{{ text_shipping_method }}" />
              <input type="hidden" id="js_shipping_method" value="{{ shipping_method }}" />
              <input type="hidden" id="js_button_cancel" value="{{ button_cancel }}" />
              <input type="hidden" id="js_button_shipping" value="{{ button_shipping }}" />
              {% endif %} 
            </div>
          </div>
          <div class="col-sm-6">
            <table class="table ic-totals-table">
              {% for total in totals %} 
              <tr>
                <td class="text-right"><strong>{{ total['title'] }}:</strong></td>
                <td class="text-right">{{ total['text'] }}</td>
              </tr>
              {% endfor %} 
            </table>
          </div>
        </div>
        <div class="row ic-buttons">
          <div class="col-sm-6 col-sm-push-6">
            <div class="text-right">
              <a href="{{ checkout }}" class="btn btn-primary btn-lg ic-btn-checkout">{{ btn_checkout }}</a>
            </div>
          </div>
          <div class="col-sm-6 col-sm-pull-6">
            {% if (btn_continue_status) %} 
            <a href="{{ continue }}" class="btn btn-default btn-lg ic-btn-continue">{{ btn_continue }}</a>
            {% endif %} 
          </div>
        </div>
        {% else %} 
        <h1>{{ heading_title }}</h1>
        <p>{{ text_error }}</p>
        <div class="ic-buttons clearfix">
          <div class="pull-right"><a href="{{ continue }}" class="btn btn-primary">{{ button_continue }}</a></div>
        </div>
        {% endif %} 
      </div>
      {{ content_bottom }} 
    </div>
    {{ column_right }} 
  </div>
</div>
{{ footer }}