<?php
/**
 * Вывод плитки категорий на главной странице.
 * 
 *
 * @author veselka.ua
 * @version 0.1
 *
 * @package veselka_ua/themes
 */


$bar = [
	// Массив ссылок
];
$title = [
	// Массив заголовков
];

?>
			<div class="menu-bar">
				<div class="row">

				<?php
					$counter = 1; // счетчик с единицы, чтобы не задавать ключи массива для проверки четности, которые с 0 начинаются.
					foreach( $bar as $key => $url ) {
				?>

					<div class="bar-item col-sm-6 col-md-4 col-lg-3">
						<a class="bar-link" href="<?php echo get_home_url() . $url; ?>" title="<?php echo $title[$key]; ?>">
							<img class="img-responsive" src="<?php echo TEMPLATE_URL . '/img/slider/ico' . $key . '.jpg'; ?>" alt="<?php echo $title[$key]; ?>">
							<span class="bar-title"><?php echo $title[$key]; ?></span>
						</a>
					</div>

					<?php
						if( $counter%2 == 0 ) {
					?>
					<div class="clearfix visible-sm-block"></div>
					<?php
						}
						if( $counter%3 == 0 ) {
					?>
					<div class="clearfix visible-md-block"></div>
					<?php
						}
						if( $counter%4 == 0 ) {
					?>
					<div class="clearfix visible-lg-block"></div>
					<?php
						}
						$counter++;
					}
				?>
				</div><!-- /.row -->
			</div><!-- /.menu-bar -->