<?php
/**
 * Template Name: Hompage
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 2.1
 */
get_header();

?>
<section id="intro-hd">
	<div class="container container-fluid">
		<article class="row introduce">
			<div class="col col-xs-12 col-sm-12 col-md-4 col-lg-4">
				<h2>A HÓA ĐƠN</h2>
				<p class="sub-tit">Giải pháp hóa đơn điện tử chuyên nghiệp</p>
				<p><span class="txt-red">A hóa đơn</span> giúp dễ dàng tạo lập, phát hành, quản lý hóa đơn với nhiều tính năng cao cấp, phù hợp đa dạng loại hình, quy mô doanh nghiệp</p>
				<div id="lienket">
					<div class="btn btn-1"><a href="#">Đăng ký sử dụng</a></div>
					<div class="btn btn-2"><a href="#">Đăng ký đại lý</a></div>
				</div>
			</div>
			<div class="col col-xs-12 col-sm-12 col-md-8 col-lg-8">
				<?php echo do_shortcode("[URIS id=18]"); ?>
			</div>
		</article>
	</div>
</section>

<section id="show-hd">
	<div class="container container-fluid">
		<article class="row showhome">
			<div class="col col-xs-12 col-sm-12 col-md-4 col-lg-4 "><div class="img-showhome"></div></div>
			<div class="col col-xs-12 col-sm-12 col-md-8 col-lg-8">
				<div class="content-showhome">
					<h3>HÓA ĐƠN ĐIỆN TỬ LÀ GÌ?</h3>
					<p>Hóa đơn điện tử là tập hợp các thông điệp dữ liệu điện tử về bán hàng hoá, cung ứng dịch vụ, được khởi tạo, lập, gửi, nhận, lưu trữ và quản lý bằng phương tiện điện tử. </p>
					<p>Hóa đơn điện tử phải đáp ứng các nội dung quy định tại Điều 6 Thông tư 32 này.</p>
					<p>Phương pháp tạo Hóa đơn điện tử: </p>
					<ul>
						<li> Được khởi tạo, lập, gửi, nhận, lưu trữ và quản lý bằng phương tiện điện tử. </li>
						<li>Có thể chuyển đổi thành hóa đơn giấy trong nhu cầu lưu thông hàng hóa, quản lý hóa đơn của người mua.</li>
					</ul>			
				</div>
			</div>
		</article>
	</div>
</section>

<?php get_template_part('template-parts/feature-component-tpl', 'none');?>

<section id='main-feature'>
	<div class="container">
		<h2 class="mf-title">Tính năng nổi bật của A HÓA ĐƠN</h2>
		<p class="mf-title-sub">Lợi ích của hóa đơn điện tử đối với doanh nghiệp:</p>
		<div class="row">
			<div class="col col-xs-12 col-sm-12 col-md-6 col-lg-6">
				<div class="content-ft-1">
					<h3>AN TOÀN</h3>
					<p>Không xảy ra cháy, hỏng, mất hóa đơn. Tăng độ tin cậy cho hóa đơn của doanh nghiệp</p>
					<div class="icon-ft-1"></div>
				</div>
			</div>
			<div class="col col-xs-12 col-sm-12 col-md-6 col-lg-6">
				<div class="content-ft-2">
					<h3>NHANH CHÓNG</h3>
					<p>Người mua tức thời nhận được hóa đơn, rút ngắn thời gian thu nợ</p>
					<div class="icon-ft-2"></div>
				</div>
			</div>
			<div class="col col-xs-12 col-sm-12 col-md-6 col-lg-6">
				<div class="content-ft-3">
					<h3>TIẾT KIỆM</h3>
					<p>Tiết kiệm 90% chi phí in ấn, vận chuyển, lưu trữ và bảo quản hóa đơn</p>
					<div class="icon-ft-3"></div>
				</div>
			</div>
			<div class="col col-xs-12 col-sm-12 col-md-6 col-lg-6">
				<div class="content-ft-4">
					<h3>BẢO VỆ MÔI TRƯỜNG</h3>
					<p>Giảm bớt việc sử dụng giấy, góp phần bảo vệ môi trường</p>
					<div class="icon-ft-4"></div>
				</div>
			</div>
			<div id="lienket">
				<div class="btn btn-1"><a href="#">Đăng ký sử dụng</a></div>
				<div class="btn btn-2"><a href="#">Đăng ký đại lý</a></div>
			</div>
		</div>
	</div>
</section>

<section id="prices">
	<div class="container">
		<h2 class="prices-title">BẢNG GIÁ PHẦN MỀM A HÓA ĐƠN</h2>
		<div id="price_slider" class="row">
			<div class="col col-md-4">
				<div class="card text-center box-price">
					<h2 class="card-header"> HD1 3000 </h2>
					<article class="card-body">
						<p class="card-text">Số hóa đơn</p>
						<h5 class="card-title">3.000</h5>
						<p class="card-text">Giá tiền</p>
						<p class="card-money">1.560.000</p>
						<a href="#" class="btn btn-primary">Mua ngay</a>
					</article>
				</div>
			</div>	
			<div class="col col-md-4">
				<div class="card text-center box-price">
					<h2 class="card-header"> HD1 3000 </h2>
					<article class="card-body">
						<p class="card-text">Số hóa đơn</p>
						<h5 class="card-title">3.000</h5>
						<p class="card-text">Giá tiền</p>
						<p class="card-money">1.560.000</p>
						<a href="#" class="btn btn-primary">Mua ngay</a>
					</article>
				</div>
			</div>	
			<div class="col col-md-4">
				<div class="card text-center box-price">
					<h2 class="card-header"> HD1 3000 </h2>
					<article class="card-body">
						<p class="card-text">Số hóa đơn</p>
						<h5 class="card-title">3.000</h5>
						<p class="card-text">Giá tiền</p>
						<p class="card-money">1.560.000</p>
						<a href="#" class="btn btn-primary">Mua ngay</a>
					</article>
				</div>
			</div>	
			<div class="col col-md-4">
				<div class="card text-center box-price">
					<h2 class="card-header"> HD1 3000 </h2>
					<article class="card-body">
						<p class="card-text">Số hóa đơn</p>
						<h5 class="card-title">3.000</h5>
						<p class="card-text">Giá tiền</p>
						<p class="card-money">1.560.000</p>
						<a href="#" class="btn btn-primary">Mua ngay</a>
					</article>
				</div>
			</div>
		</div>
		<div class="row text-center price_fee">
			<div class="col col-xs-12 col-sm-12 col-md-12">
			<p class="txt-red">	PHÍ KHỞI TẠO: 800.000 VNĐ </p>
			<p>Phí chưa bao gồm VAT 10%</p>
			</div>
		</div>
	</div>
</section>

<?php 
	$recent_posts = wp_get_recent_posts(array(
	    'numberposts' => 3, // Number of recent posts thumbnails to display
	    'post_status' => 'publish' // Show only the published posts
	));
    
?>

<div id="tintucnoibat">
	<div class="container">
		<h2>Tin tức nổi bật</h2>
		<div class="row">
			<?php foreach($recent_posts as $post) : ?>
			 <div class="col col-xs-12 col-md-4 col-lg-4 item">
			 	<div class="item-child" title="<?php echo $post['post_title'] ?>" >
				<?php $img_url = get_the_post_thumbnail_url($post['ID']); ?>
					<div class="img">
						<a href="<?php echo get_permalink($post['ID']) ?>" >
						<div class="bg_img" style="height:200px;width:100%;background: url('<?php echo $img_url; ?>') no-repeat center center; background-size: cover;border-radius: 10px 10px 0px 0px;"></div>
						</a>
					</div>
				 	<div class="title"><a href="<?php echo get_permalink($post['ID']) ?>"><?php echo $post['post_title'] ?></a></div>
				 	<div class="desc_ct item-text"><p><?php echo $post['post_excerpt']; ?></p></div>
				 	<div class="lienket"><a href="<?php echo get_permalink($post['ID']) ?>">Xem thêm</a></div>
			 	</div>
			 </div>
			 <?php endforeach; wp_reset_query(); ?>
		</div>	
	</div>
</div>
<div id="danhgia">
	<div class="container">
		<h2>Khách hàng và đối tác</h2>
		<p class="desp">Nói về chúng tôi</p>
<?php echo do_shortcode('[testimonials_slider design_template="template-4" grid="3" show_company="true"  image_style="circle" show_quotes="false" video="false" social="false" dots="true" arrows="false"]'); ?>
	</div>
</div>
<?php get_footer(); ?>