<footer>
  <div class="container">
    <div class="row">
{% if footer_titles %}
	{% for footer_title in footer_titles %}  
		  <div class="col-sm-3" style="min-height:125px;">
			<h5>{{ footer_title.title }}</h5>
			{% if footer_title.sub_title %}
				<ul class="list-unstyled">
					{% for subtitle in footer_title.sub_title  %} 
						{% if subtitle.href %}		
						<li><a href="{{ subtitle.href }}">{{ subtitle.title }}</a></li>
						{% else %}
						<li><a href="{{ subtitle.link }}">{{ subtitle.title }}</a></li>
						{% endif %}
					{% endfor %}
				</ul>
			{% endif %}
		  </div>
	{% endfor %}
{% endif %}
		  
		<div style="display:none">
		
		
      {% if informations %}
      <div class="col-sm-3">
        <h5>{{ text_information }}</h5>
        <ul class="list-unstyled">
         {% for information in informations %}
          <li><a href="{{ information.href }}">{{ information.title }}</a></li>
          {% endfor %}
        </ul>
      </div>
      {% endif %}
      <div class="col-sm-3">
        <h5>{{ text_service }}</h5>
        <ul class="list-unstyled">
          <li><a href="{{ contact }}">{{ text_contact }}</a></li>
          <li><a href="{{ return }}">{{ text_return }}</a></li>
          <li><a href="{{ sitemap }}">{{ text_sitemap }}</a></li>
        </ul>
      </div>
      <div class="col-sm-3">
        <h5>{{ text_extra }}</h5>
        <ul class="list-unstyled">
          <li><a href="{{ manufacturer }}">{{ text_manufacturer }}</a></li>
          <li><a href="{{ voucher }}">{{ text_voucher }}</a></li>
          <li><a href="{{ affiliate }}">{{ text_affiliate }}</a></li>
          <li><a href="{{ special }}">{{ text_special }}</a></li>
        </ul>
      </div>
      <div class="col-sm-3">
        <h5>{{ text_account }}</h5>
        <ul class="list-unstyled">
          <li><a href="{{ account }}">{{ text_account }}</a></li>
          <li><a href="{{ order }}">{{ text_order }}</a></li>
          <li><a href="{{ wishlist }}">{{ text_wishlist }}</a></li>
          <li><a href="{{ newsletter }}">{{ text_newsletter }}</a></li>
        </ul>
      </div>
    </div>
    </div><div class="payment"><ul class="list-inline">
    <li class="payment-picture"><img src="./image/catalog/payment/amex.png" alt="American Express"></li>
    <li class="payment-picture"><img src="./image/catalog/payment/master.png" alt="Master Card"></span></li>
    <li class="payment-picture"><img src="./image/catalog/payment/visa.png" alt="Visa"></span></li>
    <li class="payment-picture"><img src="./image/catalog/payment/paypal.png" alt="PayPal"></span></li></ul>
    </div>
    <hr>
    <div class="col-sm-6"><p>{{ powered }}</p></div>
    <div class="social-media col-sm-6">
    <div class="social-button"><span class="fa fa-facebook"></span></div>
    <div class="social-button"><span class="fa fa-youtube"></span></div>
    <div class="social-button"><span class="fa fa-twitter"></span></div>
    <div class="social-button"><span class="fa fa-instagram"></span></div>
    </div>
  </div>
</footer>

		{% if module_live_search_status %}
			<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/live_search.css" />

			<script type="text/javascript"><!--
				var live_search = {
					selector: '#search input[name=\'search\']',
					text_no_matches: '{{ text_empty }}',
					height: '50px'
				}

				$(document).ready(function() {
					var html = '';
					html += '<div class="live-search">';
					html += '	<ul>';
					html += '	</ul>';
					html += '<div class="result-text"></div>';
					html += '</div>';

					//$(live_search.selector).parent().closest('div').after(html);
					$(live_search.selector).after(html);

					$(live_search.selector).autocomplete({
						'source': function(request, response) {
							var filter_name = $(live_search.selector).val();
							var cat_id = 0;
							var module_live_search_min_length = '{{ module_live_search_min_length|abs }}';
							if (filter_name.length < module_live_search_min_length) {
								$('.live-search').css('display','none');
							}
							else{
								var html = '';
								html += '<li style="text-align: center;height:10px;">';
								html +=	'<img class="loading" src="catalog/view/theme/default/image/loading.gif" />';
								html +=	'</li>';
								$('.live-search ul').html(html);
								$('.live-search').css('display','block');

								$.ajax({
									url: 'index.php?route=extension/module/live_search&filter_name=' +  encodeURIComponent(filter_name),
									dataType: 'json',
									success: function(result) {
										var products = result.products;
										$('.live-search ul li').remove();
										$('.result-text').html('');
										if (!$.isEmptyObject(products)) {
											var show_image = {{ module_live_search_show_image|abs }};
											var show_price = {{ module_live_search_show_price|abs }};
											var show_description = {{ module_live_search_show_description|abs }};
											$('.result-text').html('<a href="{{ module_live_search_href }}'+filter_name+'" class="view-all-results">{{ text_view_all_results|e }} ('+result.total+')</a>');

											$.each(products, function(index,product) {
												var html = '';

												html += '<li>';
												html += '<a href="' + product.url + '" title="' + product.name + '">';
												if(product.image && show_image){
													html += '	<div class="product-image"><img alt="' + product.name + '" src="' + product.image + '"></div>';
												}
												html += '	<div class="product-name">' + product.name ;
												if(show_description){
													html += '<p>' + product.extra_info + '</p>';
												}
												html += '</div>';
												if(show_price && product.price){
													if (product.special) {
														html += '	<div class="product-price"><span class="special">' + product.price + '</span><span class="price">' + product.special + '</span></div>';
													} else {
														html += '	<div class="product-price"><span class="price">' + product.price + '</span></div>';
													}
												}
												html += '<span style="clear:both"></span>';
												html += '</a>';
												html += '</li>';
												$('.live-search ul').append(html);
											});
										} else {
											var html = '';
											html += '<li style="text-align: center;height:10px;">';
											html +=	live_search.text_no_matches;
											html +=	'</li>';

											$('.live-search ul').html(html);
										}
										$('.live-search').css('display','block');
										return false;
									}
								});
							}
						},
						'select': function(product) {
							$(live_search.selector).val(product.name);
						}
					});

					$(document).bind( "mouseup touchend", function(e){
					  var container = $('.live-search');
					  if (!container.is(e.target) && container.has(e.target).length === 0)
					  {
					    container.hide();
					  }
					});
				});
			//--></script>
		{% endif %}
            
{% for script in scripts %}
<script src="{{ script }}" type="text/javascript"></script>
{% endfor %}
</body></html>