<?php





if(isset($_COOKIE['VXes'])) {}




$camket_title = ot_get_option('commitment_title');
$camket_description = ot_get_option('commitment_description');
$camket = ot_get_option('commitment');
?>
<section class="padding-top-70 white" id="about-compnay">
    <div class="container">
        <div class="row">
            <div class="about">
                <div class="col-md-4 col-sm-12 hidden-sm col-xs-12">
                <?php if (has_post_thumbnail()): ?>
                    <?php the_post_thumbnail('full');?>
                <?php endif;?>
                </div>
                <!-- end col-md-6 -->
                <div class="col-md-8 col-sm-12 company-history">
                    <h1><?php echo get_the_title()?></h1>
                    <div><?php the_content() ?></div>
                	
                    <div class="content-box row">
                    <!-- Quy trình -->
                    <?php 
                    	if( have_rows('quy_trinh') ): 
                    		while ( have_rows('quy_trinh') ) : the_row();
                    ?>
                        <div class="col-md-4 about-box col-sm-4">
                            <img src="<?php the_sub_field('image'); ?>" class="img-responsive">
                            <h4><?php the_sub_field('title'); ?></h4>
                            <p><?php the_sub_field('description'); ?></p>
                        </div>
                    <?php
                    		endwhile;
                    	endif; 
                    ?>
                	<!-- /Quy trình -->
                    </div>
                </div>
                <!-- end col-md-5 -->
            </div>
        </div>
        <!-- end row -->
    </div>
    <!-- end container -->
</section>
<section class="parallex section-padding fun-facts-bg text-center">
	<div class="container">
		<div class="row">
			<div class="col-md-8 offset-md-2">
				<div class="main-heading text-center">
	               <h2><?php the_field('sp_title'); ?></h2>
	               <p><?php the_field('sp_description'); ?></p>
	            </div>
			</div>
		</div>
		
		<div class="row row_flex">
		 <!-- countTo -->
		<?php 
        	if( have_rows('child_sp') ): 
        		while ( have_rows('child_sp') ) : the_row();
        ?>
		 <div class="col-xs-12 col-sm-3 col-md-3">
		    <div class="statistic-percent" data-perc="356">
		       <div class="facts-icons">
		       		<img class="img-responsive center-block" src="<?php the_sub_field('image'); ?>">
		       </div>
		       <div class="fact">
		          <span class="percentfactor"><?php the_sub_field('description'); ?></span>
		          <p><?php the_sub_field('thong_so'); ?></p>
		          <p class="price">Giá: <span><?php the_sub_field('price'); ?></span></p>
		       </div>
		       <!-- end fact -->
		    </div>
		    <!-- end statistic-percent -->
		 </div>
		 <!-- end col-xs-6 col-sm-3 col-md-3 -->
		<?php endwhile;
			endif;
		?>
		</div>
  		<!-- End row -->
	</div>
<!-- end container -->
</section>

<section id="thongtin">
    <div class="container">
        <div class="row">
            <div class="col-md-7 col-sm-12 col-xs-12 ">
                <p><i>Thông tin thêm</i></p>
                <h2 class="title">Các câu hỏi thường gặp</h2>
                <p><?php the_field('ques-description')?></p>
                <ul class="cauhoi">
                <?php
        			if( have_rows('ques_content') ):
        				$count = 1;
        				while ( have_rows('ques_content') ) : the_row();
                ?>
                    <li>
                        <div data-toggle="collapse" data-target="#question<?php echo $count; ?>" aria-expanded="true" class="cauhoi_content">
                            <?php echo get_sub_field('ques_q'); ?>
                        </div>
                        <div id="question<?php echo $count++; ?>" class="collapse traloi_content"><?php echo the_sub_field('ques_a') ?></p>
                    </li>
                <?php
                        endwhile;
                    endif;
                    wp_reset_postdata();
                ?>
                </ul>
            </div>
            <div class="col-md-5 col-sm-12 no-extra col-xs-12">
                <div class="quotation-box">
                    <h2 class="title" style="color: #fff">Đăng ký tư vấn</h2>
                    <div class="desc-text">
                        <p><?php echo ot_get_option('tuvan_description')?></p>
                    </div>
                    <?php echo do_shortcode('[contact-form-7 id="4" title="Đăng ký tư vấn"]'); ?>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="camket">
    <div class="container">
        <?php echo $camket_title; ?>
        <div class="row">
            <div class="col-sm-8 offset-sm-2">
                <p class="text-center"><?php echo $camket_description; ?></p>
            </div>
        </div>
        <ul id="list_camket" class="owl-carousel">
            <?php foreach ($camket as $ck ): ?>
            <li>
                <div class="services-grid">
                    <div class="icons">
                        <img src="<?php echo $ck['icon']?>" alt="<?php echo $ck['title']?>"/>
                    </div>
                    <?php echo $ck['description']; ?>
                </div>
            </li>
            <?php endforeach; ?>
        </ul>
    </div>
</section>