<?php get_header(); ?>
<!--============================================================================-->
<!--============================================================================-->
<div id="content" class="site-content">
	<div class="banner">
			<img src="<?php bloginfo('template_directory') ?>/img/banner.jpg" alt="<?php the_title(); ?>">
		</div>
	<!--============================================================================-->
	<div class="container">
		<div class="row">
			<div class="break">
				<?php if ( function_exists('yoast_breadcrumb') ) {yoast_breadcrumb('<p id="breadcrumbs">','</p>');} ?>
			</div>
			<h1 class="ten-danhmuc">KHO GIAO DIỆN MẪU WEBSITE</h1>
		</div>
		<div class="row hidden-sm hidden-xs">
			<div class="col col-md-4 col-sm-6 col-xs-12 soluong-mau">
				<h4>Tất cả: <span>(<?php global $wp_query;echo (int) $wp_query->found_posts;?>)</span> mẫu Website trong kho giao diện</h4>
			</div>
			<div class="col col-md-3 col-sm-6 col-xs-12">
				<?php get_template_part('inc/sap-xep'); ?> 
			</div>
			<div class="col col-md-5 col-sm-12 col-xs-12">
				<div class="danh-sach-mau pull-right">
					<a href="<?php bloginfo('url'); ?>/mau-sac/mau-do" title="Màu đỏ" class="mau-sac-website" style="background-color:#ff0000;">&nbsp;</a>
					<a href="<?php bloginfo('url'); ?>/mau-sac/mau-cam" title="Màu cam" class="mau-sac-website" style="background-color:#ffa500;">&nbsp;</a>
					<a href="<?php bloginfo('url'); ?>/mau-sac/mau-vang" title="Màu vàng" class="mau-sac-website" style="background-color:#ffff00;">&nbsp;</a>
					<a href="<?php bloginfo('url'); ?>/mau-sac/mau-luc" title="Màu lục" class="mau-sac-website" style="background-color:#008000;">&nbsp;</a>
					<a href="<?php bloginfo('url'); ?>/mau-sac/mau-lam" title="Màu lam" class="mau-sac-website" style="background-color:#0000ff;">&nbsp;</a> 
					<a href="<?php bloginfo('url'); ?>/mau-sac/mau-tim" title="Màu tím" class="mau-sac-website" style="background-color:#800080;">&nbsp;</a>
					<a href="<?php bloginfo('url'); ?>/mau-sac/mau-hong" title="Màu hồng" class="mau-sac-website" style="background-color:#ffc0cb;">&nbsp;</a>
					<a href="<?php bloginfo('url'); ?>/mau-sac/mau-xanh-duong" title="Xanh dương" class="mau-sac-website" style="background-color:#01c3ff;">&nbsp;</a>
					<a href="<?php bloginfo('url'); ?>/mau-sac/mau-trang" title="Màu trắng" class="mau-sac-website" style="background-color:#e6e6e6;">&nbsp;</a>
					<a href="<?php bloginfo('url'); ?>/mau-sac/mau-xam" title="Màu xám" class="mau-sac-website" style="background-color:#808080;">&nbsp;</a>
					<a href="<?php bloginfo('url'); ?>/mau-sac/mau-den" title="Màu đen" class="mau-sac-website" style="background-color:#000000;">&nbsp;</a>
				</div>
			</div>
		</div>
		<!--============================================================================-->
		<div class="row">
			<div class="categorymau">
				<h2 class="categorytitle text-center">Mẫu website theo nghành nghề</h2>
				<div class="arrowdivstmenu aos-init" data-aos="fade-up">
					<div class="danh-sach-mau">
						<?php
							$args = array(
							'taxonomy' => 'nganh-nghe',
							'hide_empty'=> 0,
							'orderby' => 'name',
							'order'   => 'ASC'
							);
							$cats = get_categories($args);
							foreach($cats as $cat){
							?>
							<div class="col col-lg-3 col-md-3 col-sm-6 col-xs-12">
								<a class="tenmau-website" href="<?php echo get_category_link( $cat->term_id ) ?>">
									<?php echo $cat->name; ?> <span class="somau-website">( <?php echo $cat->count; ?> )</span>
								</a>
							</div>
						<?php } ?>
					</div>
				</div>
			</div>
		</div>
		<hr>
		<!--============================================================================-->
		<div class="row">
			<div class="mau-website">
				<?php if (have_posts()) : ?>
				<?php while (have_posts()) : the_post(); ?>
				<div class="col col-md-4 col-sm-6 col-xs-12 aos-init" data-aos="zoom-in-down">
					<div class="mau-website-item">
						<div class="hinh-anh-mau">
							<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><img class="anhmau" src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'full'); ?>" alt="<?php the_title(); ?>"></a>
							<div class="mau-website-hover">
								<span class="ma-web-top"><?php echo get_post_meta(get_the_ID(),'ma_website', true ); ?></span> 
								<a class="anh-web-full group1" u="<?php the_permalink(); ?>" href="<?php $image = get_field('trang_chu_full'); if( !empty($image) ): echo $image['url']; endif; ?>">&nbsp;</a> 
								<!--<a href="#" rel="nofollow" class="dangky">Đăng ký</a> 
								<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" class="xemchitiet">Chi tiết</a>-->
							</div>
						</div>
						<h4 class="ten-website"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h4>
						<div class="tt-website">
							<div class="ma-website">Mã website: <b><?php echo get_post_meta(get_the_ID(),'ma_website', true ); ?></b></div>
							<div class="gia-website">Giá: <b><?php echo get_post_meta(get_the_ID(),'gia_website', true ); ?></b></div>
						</div>
					</div>
				</div>
				<?php endwhile; ?>
				<?php endif; ?>
			</div>
		</div>
		<!--============================================================================-->
		<div class="row">
			<?php if(paginate_links()!='') {?>
				<div class="phantrang">
					<?php
						global $wp_query;
						$big = 999999999;
						echo paginate_links( array(
						'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
						'format' => '?paged=%#%',
						'prev_text'    => __('«'),
						'next_text'    => __('»'),
						'current' => max( 1, get_query_var('paged') ),
						'total' => $wp_query->max_num_pages
						) );
					?>
				</div>
			<?php } ?>
		</div>
	</div>
</div>
<!--============================================================================-->
<!--============================================================================-->
<?php get_footer(); ?>