{{ header }} 
<ul class="breadcrumb">
  {% for breadcrumb in breadcrumbs %} 
  <li><a href="{{ breadcrumb['href'] }}">{{ breadcrumb['text'] }}</a></li>
  {% endfor %} 
</ul>
{% if (j3.settings.get('pageTitlePosition') == 'top') %} 
<h1 class="title page-title" id="ic-heading">
  <span>{{ heading_title }}
    {% if (sub_heading is defined) %} 
    &nbsp;({{ sub_heading }})
    {% endif %} 
  </span>
</h1>
{% endif %} 
{{ j3.loadController('journal3/layout', 'top') }} 
<div id="ic-container" class="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 (success) %} 
  <div class="alert alert-success"><i class="fa fa-check-circle"></i> {{ success }} 
    <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 %} 
  {% endif %} 
  <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 }}">
      {% if (j3.settings.get('pageTitlePosition') == 'default') %} 
      <h1 class="title page-title" id="ic-heading">{{ heading_title }}
        {% if (sub_heading is defined) %} 
        &nbsp;({{ sub_heading }})
        {% endif %} 
      </h1>
      {% endif %} 
      {{ content_top }} 
      {% if (cart_not_empty) %} 
      <div class="cart-page">
        <div class="ic-cart-container">
          <div class="ic-table">
            <div class="row ic-head-row hidden-xs">
              <div class="col-sm-6 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 ic-col-sm">
                <div class="ic-inner-table">
                  {% 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 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="ic-small">
                      <span>{{ column_additional }}: </span>
                      <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="ic-small">
                      <span>{{ column_additional }}: {{ product[column_additional_set] }}</span>
                    </div>
                    {% endif %} 
                    {% endif %} 
                    {% endif %} 
                    {% if (product['option']) %} 
                    {% for option in product['option'] %} 
                    <div class="ic-small">{{ option['name'] }}: {{ option['value'] }}</div>
                    {% endfor %} 
                    {% endif %} 
                    {% if (product['reward']) %} 
                    <div class="ic-small">{{ product['reward'] }}</div>
                    {% endif %} 
                    {% if (product['recurring']) %} 
                    <div class="ic-small">
                      <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 ic-col-sm">
                <div class="ic-inner-table">
                  {% 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="ic-qty-block">
                      <span class="ic-input-group-btn">
                        <button type="button" class="btn btn-primary ic-qty-btn ic-btn-minus" 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="ic-input-group-btn">
                        <button type="button" class="btn btn-primary ic-qty-btn ic-btn-plus" 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 ic-col-sm">
                <div class="ic-inner-table">
                  {% 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">
              <a href="#" role="button" onclick="icRemoveChecked(); return false;" class="ic-btn-link">{{ btn_remove_checked }}</a>
            </div>
            {% endif %} 
            {% if (btn_clear_cart_status) %} 
            <div class="pull-right">
              <a href="#" role="button" onclick="icClearCart(); return false;" class="ic-btn-link">{{ btn_clear_cart }}</a>
            </div>
            {% endif %} 
          </div>
        </div>
        <div class="cart-bottom ic-next-block">
          <div class="panels-total">
            {% if (coupon_status or voucher_status or reward_status or shipping_status) %} 
            <div class="cart-panels">
              {% if (text_next_status) %} 
              <h2 class="title">{{ text_next }}</h2>
              {% endif %} 
              {% if (text_next_choice_status) %} 
              <div>{{ text_next_choice }}</div>
              {% endif %} 
              <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 form-group">
                      <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" data-toggle="tooltip" title="{{ button_coupon }}" id="ic-button-coupon" onclick="icApplyCoupon()"><i class="fa fa-check"></i></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" class="accordion-toggle" data-toggle="collapse" data-parent="#ic-accordion">{{ 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 form-group">
                      <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" data-toggle="tooltip" title="{{ button_reward }}" id="ic-button-reward" onclick="icApplyRewardPoints()"><i class="fa fa-check"></i></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>
                        <input type="text" name="postcode" value="{{ postcode }}" placeholder="{{ entry_postcode }}" id="input-postcode" class="form-control" />
                      </div>
                      <div class="buttons">
                        <div class="pull-right">
                          <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>
                <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 %} 
                {% 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 form-group">
                      <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" data-toggle="tooltip" title="{{ button_voucher }}" id="ic-button-voucher" onclick="icApplyVoucher()"><i class="fa fa-check"></i></button>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
                {% endif %} 
              </div>
            </div>
            {% endif %} 
            <div class="row cart-total">
              <table class="table table-bordered">
                {% 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="buttons clearfix">
            {% if (btn_continue_status) %} 
            <div class="pull-left"><a href="{{ continue }}" class="btn btn-default ic-btn-continue"><span>{{ button_shopping }}</span></a></div>
            {% endif %} 
            <div class="pull-right"><a href="{{ checkout }}" class="btn btn-primary ic-btn-checkout"><span>{{ button_checkout }}</span></a></div>
          </div>
        </div>
      </div>
      {% else %} 
      <div class="ic-empty-cart-text">
        <p>{{ text_error }}</p>
      </div>
      <div class="buttons clearfix">
        <div class="pull-right"><a href="{{ continue }}" class="btn btn-primary ic-btn-continue">{{ button_continue }}</a></div>
      </div>
      {% endif %} 

      {{ content_bottom }} 
    </div>
    {{ column_right }} 
  </div>
</div>
{{ footer }}