File: /var/www/dinamo-shop/wp-content/themes/dinamo-shop/templates/page-players.php
<?php
/*
* Template Name: Players page
*
*/
get_header();
?>
<div class="products">
<?php echo dinamo_breadcrumbs(); ?>
<?php if( have_posts() ) : ?>
<section class="section hide-md">
<div class="container">
<div class="filter-header">
<div class="d-flex align-items-end">
<div class="form-group">
<label class="form-label">Filtriraj po cijeni</label>
<div>
<input type="text" class="form-control small" name="minPrice" placeholder="od">
<span class="dash">-</span>
<input type="text" class="form-control small" name="maxPrice" placeholder="do">
</div>
</div>
<p class="ml-30">Prikazano 1 - 14 od 520 rezultata.</p>
</div>
<div class="form-group">
<label for="sort" class="form-label text-right">Sortiraj po:</label>
<div class="select">
<input type="text" class="form-control" id="sort" name="sort" autocomplete="off" readonly value="Prikaži prvo najjeftinije">
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
<ul class="options">
<li class="option">Prikaži prvo najpopularnije</li>
<li class="option active">Prikaži prvo najjeftinije</li>
<li class="option">Prikaži prvo najskuplje</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="row">
<div class="col-auto hide-md">
<div class="filter-sidebar">
<h3>Kupuj po igraču</h3>
<div class="accordion">
<?php
$players = get_terms(array(
'taxonomy' => 'dinamo_players',
'hide_empty' => false,
));
?>
<a class="accordion-header">
Vratari
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</a>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Gornji dijelovi</a></li>
<li><a href="#" class="accordion-panel-item">Gačice</a></li>
</ul>
</div>
<button class="accordion-header">
Obrambeni igrači
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</button>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Neki proizvod</a></li>
<li><a href="#" class="accordion-panel-item">Još neki proizvod</a></li>
</ul>
</div>
<button class="accordion-header">
Vezni igrači
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</button>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Trenirke gornji dio</a></li>
<li><a href="#" class="accordion-panel-item">Trenirke donji dio</a></li>
<li><a href="#" class="accordion-panel-item">Jakne</a></li>
</ul>
</div>
<button class="accordion-header">
Napadači
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</button>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Dječji dresovi</a></li>
<li><a href="#" class="accordion-panel-item">Dječje jakne</a></li>
</ul>
</div>
<button class="accordion-header">Akcije</button>
</div>
</div>
</div>
<div class="col">
<p class="mt-30 show-md">Prikazano 1 - 14 od 520 rezultata.</p>
<div class="row cards">
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="#" class="card card-alt">
<div class="card-img">
<img class="img-fluid" src="<?php echo THEMEROOT; ?>/assets/img/igrac1.png" alt="">
</div>
<div class="card-body">
<span class="number">6</span>
<h4>Ivo Pinto</h4>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="#" class="card card-alt">
<div class="card-img">
<img class="img-fluid" src="<?php echo THEMEROOT; ?>/assets/img/igrac1.png" alt="">
</div>
<div class="card-body">
<span class="number">6</span>
<h4>Ivo Pinto</h4>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="#" class="card card-alt">
<div class="card-img">
<img class="img-fluid" src="<?php echo THEMEROOT; ?>/assets/img/igrac1.png" alt="">
</div>
<div class="card-body">
<span class="number">6</span>
<h4>Ivo Pinto</h4>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="#" class="card card-alt">
<div class="card-img">
<img class="img-fluid" src="<?php echo THEMEROOT; ?>/assets/img/igrac1.png" alt="">
</div>
<div class="card-body">
<span class="number">6</span>
<h4>Ivo Pinto</h4>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="#" class="card card-alt">
<div class="card-img">
<img class="img-fluid" src="<?php echo THEMEROOT; ?>/assets/img/igrac1.png" alt="">
</div>
<div class="card-body">
<span class="number">6</span>
<h4>Ivo Pinto</h4>
</div>
</a>
</div>
</div>
<div class="pagination">
<a href="#" class="first">
<svg class="icon icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
<svg class="icon icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
<span>prva</span>
</a>
<a href="#" class="prev">
<svg class="icon icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
<span>prošla</span>
</a>
<div>
<a href="#">1</a>
<a href="#" class="active">2</a>
<a href="#">3</a>
</div>
<a href="#" class="next">
<span>sljedeća</span>
<svg class="icon icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</a>
<a href="#" class="last">
<span>zadnja</span>
<svg class="icon icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
<svg class="icon icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</a>
</div>
</div>
</div>
</div>
</section>
<a class="btn btn-secondary mobile-filters-btn show-md">
<svg class="icon icon-filter"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-filter"></use></svg>
Filteri
</a>
<div class="mobile-filters">
<div class="form-group">
<label class="form-label">Filtriraj po cijeni</label>
<div>
<input type="text" class="form-control price" name="minPrice" placeholder="od">
<span class="dash">-</span>
<input type="text" class="form-control price" name="maxPrice" placeholder="do">
</div>
</div>
<div class="form-group full-width mt-25">
<label for="sort" class="form-label text-right">Sortiraj po:</label>
<div class="select">
<input type="text" class="form-control" id="sort" name="sort" autocomplete="off" readonly value="Prikaži prvo najjeftinije">
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
<ul class="options">
<li class="option">Prikaži prvo najpopularnije</li>
<li class="option active">Prikaži prvo najjeftinije</li>
<li class="option">Prikaži prvo najskuplje</li>
</ul>
</div>
</div>
<div class="mt-40">
<h3>Kategorije</h3>
<div class="accordion">
<button class="accordion-header">
Dresovi
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</button>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Gornji dijelovi</a></li>
<li><a href="#" class="accordion-panel-item">Gačice</a></li>
</ul>
</div>
<button class="accordion-header">
Majice
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</button>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Neki proizvod</a></li>
<li><a href="#" class="accordion-panel-item">Još neki proizvod</a></li>
</ul>
</div>
<button class="accordion-header">
Trenirke i jakne
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</button>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Trenirke gornji dio</a></li>
<li><a href="#" class="accordion-panel-item">Trenirke donji dio</a></li>
<li><a href="#" class="accordion-panel-item">Jakne</a></li>
</ul>
</div>
<button class="accordion-header">
Dječji asortiman
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</button>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Dječji dresovi</a></li>
<li><a href="#" class="accordion-panel-item">Dječje jakne</a></li>
</ul>
</div>
<button class="accordion-header">
Dodaci
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</button>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Lopte</a></li>
<li><a href="#" class="accordion-panel-item">Znojnici</a></li>
</ul>
</div>
<button class="accordion-header">Akcije</button>
</div>
</div>
<a href="#" class="btn btn-primary full-width mt-25">Primjeni</a>
</div>
<?php endif; ?>
</div>
<?php get_footer(); ?>