<?php $__env->startSection('title'); ?> <?php echo $site_option->name; ?> <?php $__env->stopSection(); ?>



<?php $__env->startSection('url'); ?> <?php echo e(url()); ?> <?php $__env->stopSection(); ?>



<?php $__env->startSection('description'); ?> <?php echo $site_option->description_seo; ?> <?php $__env->stopSection(); ?>



<?php $__env->startSection('keyword'); ?> <?php echo $site_option->keyword_seo; ?> <?php $__env->stopSection(); ?>



<?php $__env->startSection('content'); ?>



<main>



  <section id="slide">



    <div class="slide">



      <div id="carousel-id" class="carousel slide" data-ride="carousel">



        <ol class="carousel-indicators">



          <li data-target="#carousel-id" data-slide-to="0" class="active"></li>



        </ol>



        <div class="carousel-inner"> 



        <?php foreach($slide as $item): ?>



          <div class="item active"> <a href="<?php echo e($item->url); ?>"><img src="<?php echo e(url($item->link)); ?>" alt="<?php echo e($item->title); ?>"></a> </div>



          <?php endforeach; ?>



           </div>



        <a class="left carousel-control" href="#carousel-id" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-id" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> </div>



    </div>



  </section>



  <section id="about">



    <div class="container">



      <div class="name-catesv"><?php echo e(@$page_home->title); ?></div>



      <div class="icon-comment"><img src="<?php echo e(url()); ?>/public/frontend/images/icon.png" alt=""></div>



      <div class="box-about">



        <div class="row">



          <div class="col-md-6">



            <div class=" box-about-left">



              <div class="about-description">



               <?php echo Helper::getDescription(@$page_home->content,200); ?>







              </div>



              <div class="see-more"><a href="<?php echo e(url(@$page_home->alias)); ?>">Xem thêm</a></div>



              <div class="clearfix"></div>



            </div>



          </div>



          <div class="col-md-6">



            <div class="img-about"> <a href="<?php echo e(url(@$page_home->alias)); ?>"><img src="<?php echo e(url(@$page_home->image)); ?>" /></a> </div>



          </div>



        </div>



      </div>



    </div>



  </section>



  <section id="product">



    <div class="container">



      <div class="name-catesv"><?php echo e(@$cate_news_1->title); ?></div>



      <div class="icon-comment"><img src="<?php echo e(url()); ?>/public/frontend/images/icon.png" alt=""></div>



      <div class="box-about">



        <div class="tab">



  <button class="tablinks" id="defaultOpen" onclick="openTab(event, 'London')">London</button>



  <button class="tablinks" onclick="openTab(event, 'Paris')">Paris</button>



  <button class="tablinks" onclick="openTab(event, 'Tokyo')">Tokyo</button>



</div>







<div id="London" class="tabcontent">



  <h3>London</h3>



  <p>London is the capital city of England.</p>



</div>







<div id="Paris" class="tabcontent">



  <h3>Paris</h3>



  <p>Paris is the capital of France.</p> 



</div>







<div id="Tokyo" class="tabcontent">



  <h3>Tokyo</h3>



  <p>Tokyo is the capital of Japan.</p>



</div>







<script>



function openTab(evt, tabName) {



    var i, tabcontent, tablinks;



    tabcontent = document.getElementsByClassName("tabcontent");



    for (i = 0; i < tabcontent.length; i++) {



        tabcontent[i].style.display = "none";



    }



    tablinks = document.getElementsByClassName("tablinks");



    for (i = 0; i < tablinks.length; i++) {



        tablinks[i].className = tablinks[i].className.replace(" active", "");



    }



    document.getElementById(tabName).style.display = "block";



    evt.currentTarget.className += " active";



}



// Get the element with id="defaultOpen" and click on it



document.getElementById("defaultOpen").click();



</script>



          <?php $pr = 0; ?>



          <?php foreach($all_news as $item): ?>



          <?php if(@$cate_news_1->id == $item->category_id || @$cate_news_1->parent_id == $item->category_id): ?>



          <?php $pr++; ?>



          <div class="box-sever col-xs-6 <?php if($pr%5==0){ ?> fix-box <?php }?>">



            <div class="img-sv"><a href="<?php echo e(url($item->alias)); ?>"><img src="<?php echo e(url($item->thumb)); ?>" alt="<?php echo e($item->title); ?>" /></a></div>



            <div class="tit-sv"><a href="<?php echo e(url($item->alias)); ?>"><?php echo e($item->title); ?></a></div>



          </div>



          <!-- end box --> 



          <?php endif; ?>



          <?php endforeach; ?> 



         



        <div class="view-product">



          <div class="see-more "><a href="<?php echo e(url(@$cate_news_1->alias)); ?>">Xem thêm</a></div>



        </div>



      </div>



    </div>



  </section>



  <section id="comment">



    <div class="container">



      <div class="al-comment">



        <div class="owl-carousel slide-comment">



        <?php foreach($comment as $item): ?>



          <div class="item">



            <div class="img-comment"><img src="<?php echo e(url($item->image)); ?>" alt="<?php echo e($item->title); ?>" ></div>



            <div class="text-comment">



              <div class="names"><?php echo e($item->job); ?> <?php echo e($item->title); ?></div>



              <div class="icon-comment"><img src="<?php echo e(url()); ?>/public/frontend/images/icon-comment.png" alt="<?php echo e($item->title); ?>"></div>



              <p><?php echo e($item->content); ?></p>



              <div class="re-names"><?php echo e($item->title); ?></div>



            </div>



          </div>



         <?php endforeach; ?>



        </div>



      </div>



    </div>



    </div>



  </section>



  <section id="congnghecao">



    <div class="container">



      <div class="congnghecao">



        <div class="name-catesv"><?php echo e(@$cate_news_2->title); ?></div>



        <div class="icon-comment"><img src="<?php echo e(url()); ?>/public/frontend/images/icon.png" alt=""></div>



        <div class="box-address"> 



          <div class="box-chuyengia">



            <div id="slide-news" class="carousel slide" data-ride="carousel">



              <ol class="carousel-indicators">



              <?php $id =0; ?>



               <?php foreach($all_news as $key=>$item): ?> 



                <?php if(@$cate_news_2->id == $item->category_id ||@$cate_news_2->parent_id == $item->category_id): ?>



                <?php echo e($item->title); ?>







                <?php $id++; ?>



                 <?php if($id <=5){ ?>



                <li data-target="#slide-news" data-slide-to="<?php echo e($id); ?>" <?php if($id==1): ?> class="active" <?php endif; ?> 



				<?php if($id%5==0){?> style="margin-right:0" <?php }?>></li>



                <?php } ?>



                <?php endif; ?>



                <?php endforeach; ?> 



                </ol>



  



              <div class="carousel-inner">



                <?php $inner =0; ?>



                <?php foreach($all_news as $key=>$item): ?>



                



                <?php if(@$cate_news_2->id == $item->category_id ||@$cate_news_2->parent_id == $item->category_id): ?>



                <?php $inner++; ?>



                <?php if($inner <=5){ ?>



                <div class="item <?php if($inner==1): ?> active <?php endif; ?>">



                  <div class="box-ct">



                    <div class="img-news"><a href=""><img src="<?php echo e(url($item->image)); ?>" alt="" /></a>



                    </div>



                    <div class="title-news"><a href=""><?php echo e($item->title); ?></a></div>



                    <div class="description"><?php echo e(Helper::getDescription($item->description,70)); ?></div>



                  </div>



                </div>



                <?php }  ?>



                <?php endif; ?>  



                <?php endforeach; ?> 



                 <a class="left carousel-control" href="#slide-news" data-slide="prev"></a>



  <a class="right carousel-control" href="#slide-news" data-slide="next"></a>



                </div>



            </div>



          </div>



        </div>



      </div>



    </div>



    </div>



  </section>



  <section id="news">



  		<div class="container">



        	<div class="list-news">



             <div class="name-catesv"><?php echo e(@$cate_news_3->title); ?></div>



        <div class="icon-comment"><img src="<?php echo e(url()); ?>/public/frontend/images/icon.png" alt=""></div>



        		<div class="inlist-news">



                <div class="owl-carousel slide-news_h">



                <?php foreach($all_news as $k=>$item): ?>



                <?php if(@$cate_news_3->id == $item->category_id ||@$cate_news_3->parent_id == $item->category_id): ?>



                        <div class="item col-md-12">



                        



                        	<div class="title-news"><A href="<?php echo e(url($item->alias)); ?>"><?php echo e($item->title); ?></A></div>



                            <div class="box-inlist-news">



                            <div class="img-in-news"/> <a href="<?php echo e(url($item->alias)); ?>"><img src="<?php echo e(url($item->thumb)); ?>" /></a></div>



                            <p><?php echo e(Helper::getDescription($item->description,50)); ?></p>



                            </div>



                        </div>



                <?php endif; ?>



                <?php endforeach; ?>



                        



                 </div>



                </div>



            </div>



        </div>



  </section>



  <section id="gallery_in">



    <div class="container">



      <div class="list-news">



        <div class="name-catesv">Video điều trị</div>



        <div class="icon-comment"><img src="<?php echo e(url()); ?>/public/frontend/images/icon.png" alt=""></div>  



        <div class="box-address">



        <div class="">



          



          <div class="box-video"> 



          <?php foreach($video_home as $item): ?>



            <div class="mySlides">



              <iframe width="100%" height="400" src="https://www.youtube.com/embed/<?php echo e($item->video); ?>" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>



            </div>



            <?php endforeach; ?>



            <div id="video-top" class="owl-carousel owl-theme" style="display:block!important"> <?php foreach($video_home as $k=>$item): ?>



              <div class="item"><img class="demo cursor" src="<?php echo e(url($item->image)); ?>" onclick="currentSlide(<?php echo e($k+1); ?>)" alt=""></div>



              <?php endforeach; ?> </div>



          </div>



        </div>



        </div>



      </div>



    </div>



  </section>



</main>



<!-- main --> 



<?php $__env->stopSection(); ?> 



<?php echo $__env->make('frontend.layout.layout', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>