Your IP : 18.218.187.108
{{ header }}
<div id="product-search" class="container">
<ul class="breadcrumb">
{% for breadcrumb in breadcrumbs %}
<li class="breadcrumb-item"><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
{% endfor %}
</ul>
<div class="row">{{ column_left }}
<div id="content" class="col">
{{ content_top }}
<h1>{{ heading_title }}</h1>
<div class="row">
<div class="col"><label for="input-search" class="col-form-label">{{ entry_search }}</label></div>
</div>
<div class="row row-cols-1 row-cols-md-2">
<div class="col">
<input type="text" name="search" value="{{ search }}" placeholder="{{ text_keyword }}" id="input-search" class="form-control mb-1"/>
<div class="form-check">
<input type="checkbox" name="description" value="1" id="input-description" class="form-check-input"{% if description %} checked{% endif %}/> <label for="input-description" class="form-check-label">{{ entry_description }}</label>
</div>
</div>
<div class="col">
<select name="category_id" id="input-category" class="form-select mb-1">
<option value="0">{{ text_category }}</option>
{% for category_1 in categories %}
<option value="{{ category_1.category_id }}"{% if category_1.category_id == category_id %} selected{% endif %}>{{ category_1.name }}</option>
{% for category_2 in category_1.children %}
<option value="{{ category_2.category_id }}"{% if category_2.category_id == category_id %} selected{% endif %}> {{ category_2.name }}</option>
{% for category_3 in category_2.children %}
<option value="{{ category_3.category_id }}"{% if category_3.category_id == category_id %} selected{% endif %}> {{ category_3.name }}</option>
{% endfor %}
{% endfor %}
{% endfor %}
</select>
<div class="form-check">
<input type="checkbox" name="sub_category" value="1" id="input-sub-category" class="form-check-input"{% if sub_category %} checked{% endif %}/> <label for="input-sub-category" class="form-check-label">{{ text_sub_category }}</label>
</div>
</div>
</div>
<div class="row">
<div class="col">
<button type="button" id="button-search" class="btn btn-primary">{{ button_search }}</button>
</div>
</div>
<hr/>
<h2>{{ text_search }}</h2>
{% if products %}
<div id="display-control" class="row">
<div class="col-md-3">
<div class="mb-3">
<a href="{{ compare }}" id="compare-total" class="btn btn-primary d-block"><i class="fas fa-exchange-alt"></i> <span class="d-inline d-md-none d-lg-inline">{{ text_compare }}</span></a>
</div>
</div>
<div class="col-md-1 d-none d-md-block">
<div class="btn-group">
<button type="button" id="button-list" class="btn btn-light" data-bs-toggle="tooltip" title="{{ button_list }}"><i class="fas fa-th-list"></i></button>
<button type="button" id="button-grid" class="btn btn-light" data-bs-toggle="tooltip" title="{{ button_grid }}"><i class="fas fa-th"></i></button>
</div>
</div>
<div class="col-md-4 offset-md-1 col-6">
<div class="input-group mb-3">
<div class="input-group">
<label for="input-sort" class="input-group-text">{{ text_sort }}</label> <select id="input-sort" class="form-select" onchange="location = this.value;">
{% for sorts in sorts %}
<option value="{{ sorts.href }}"{% if sorts.value == '%s-%s'|format(sort, order) %} selected{% endif %}>{{ sorts.text }}</option>
{% endfor %}
</select>
</div>
</div>
</div>
<div class="col-md-3 col-6">
<div class="input-group mb-3">
<div class="input-group">
<label for="input-limit" class="input-group-text">{{ text_limit }}</label> <select id="input-limit" class="form-select" onchange="location = this.value;">
{% for limits in limits %}
<option value="{{ limits.href }}"{% if limits.value == limit %} selected{% endif %}>{{ limits.text }}</option>
{% endfor %}
</select>
</div>
</div>
</div>
</div>
<div id="product-list" class="row row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-4">
{% for product in products %}
<div class="col">{{ product }}</div>
{% endfor %}
</div>
<div class="row">
<div class="col-sm-6 text-start">{{ pagination }}</div>
<div class="col-sm-6 text-end">{{ results }}</div>
</div>
{% else %}
<p>{{ text_no_results }}</p>
{% endif %}
{{ content_bottom }}
</div>
{{ column_right }}
</div>
</div>
<script type="text/javascript"><!--
$('#button-search').bind('click', function () {
url = 'index.php?route=product/search&language={{ language }}';
var search = $('#input-search').prop('value');
if (search) {
url += '&search=' + encodeURIComponent(search);
}
var category_id = $('#input-category').prop('value');
if (category_id > 0) {
url += '&category_id=' + encodeURIComponent(category_id);
}
var sub_category = $('#input-sub-category:checked').prop('value');
if (sub_category) {
url += '&sub_category=1';
}
var filter_description = $('#input-description:checked').prop('value');
if (filter_description) {
url += '&description=1';
}
location = url;
});
$('#input-search').bind('keydown', function (e) {
if (e.keyCode == 13) {
$('#button-search').trigger('click');
}
});
$('#input-category').on('change', function () {
$('#input-sub-category').prop('disabled', (this.value == '0' ? true : false));
});
$('#input-category').trigger('change');
//--></script>
{{ footer }}