<?php use Carbon\Carbon; ?>

<?php $__env->startSection('title', 'Home Page'); ?>
<?php $__env->startSection('meta_tags', 'National Kidney Center Nepal Home Page'); ?>
<?php $__env->startSection('meta_description', 'The National Kidney Center (NKC), founded by Health Care Foundation Nepal in 1997'); ?>
<?php $__env->startSection('header_css'); ?>
<!-- Header css goes here -->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('header_js'); ?>
<!-- Header js goes here -->
<?php $__env->stopSection(); ?>

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

<!-- Banner Wrapper Start -->
<div class="banner-wrapper">
  <div class="carousel fade-carousel slide" data-ride="carousel" data-interval="4000" id="bs-carousel"> 
    <!-- Overlay -->
    <div class="overlay"></div>
    <!-- Indicators -->
    <ol class="carousel-indicators">
    <?php 
    $active = true;
    $i=0;
    foreach($banners as $row) { ?>
      <li data-target="#bs-carousel" data-slide-to="<?php echo e($i); ?>" class="<?php echo e($active ? 'active' : ''); ?>"></li>
    <?php 
        $i++;
        $active = false;
      } 
    ?>
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner">
      <?php 
      $active = true;
      foreach($banners as $row) { 
      ?>
      <div class="item slides <?php echo e($active ? 'active' : ''); ?>"> 
        <?php if($row->external_link) { ?>
        <a target="_blank" href="<?=$row->external_link?>">
        <?php } ?>
        <img src="<?php echo e(asset('uploads/banners/thumbs/'.$row->attachment)); ?>" alt="<?php echo e(strip_tags($row->caption)); ?> - Banner Image">
        <?php if($row->external_link) { ?>
        </a> 
        <?php } ?>
        <div class="hero">
          <?php echo $row->caption; ?>

          <?php if($row->external_link) { ?>
          <a target="_blank" href="<?php echo e($row->external_link); ?>" class="btn btn-hero">Read More</a> 
          <?php  } ?>
        </div>
      </div>
      <?php 
        $active = false;
      } 
      ?>
    </div>
    <a class="left carousel-control" href="#bs-carousel" data-slide="prev"><span class="transition3s glyphicon glyphicon-chevron-left fa fa-angle-left"></span></a> 
    <a class="right carousel-control" href="#bs-carousel" data-slide="next"><span class="transition3s glyphicon glyphicon-chevron-right fa fa-angle-right"></span></a> </div>
</div>
<!-- Banner Wrapper End --> 

<!-- Callouts Wrapper Start -->
<?php if($firstSection) { ?>
<div class="callouts-wrapper">
    <div class="container">
        <div class="title">
            <h2><?php echo e($firstSection->title); ?></h2>
            <span class="title-border-white"><i class="fa fa-plus"> </i> </span> 
        </div>
    </div>
    <div class="container">
        <div class="row">
            <?php foreach($firstSection->activeItems as $row) { ?>
            <div class="col-sm-3">
                <div class="callouts">
                    <div class="service_img">
                        <a href="<?php echo e($row->url); ?>">
                            <img src="<?php echo e(asset('uploads/homepage_sections/thumbs/'.$row->attachment)); ?>" alt="<?php echo e($row->title); ?> - Image">
                        </a>
                    </div>
                    <h3><a href="<?php echo e($row->url); ?>"><?php echo e($row->title); ?></a></h3>
                    <p><?php echo e(Helper::string_limit($row->short_description, 100)); ?></p>
                </div>
            </div>
            <?php } ?>
        </div>
    </div>
</div>
<?php } ?>

<?php if($secondSection) { ?>
<div class="services-wrapper">
    <div class="container">
    <div class="row">
    
    <div class="col-md-8 col-sm-8">
    <div class="title">
            <h2><?php echo e($secondSection->title); ?></h2>
            <span class="title-border-white"><i class="fa fa-plus"></i></span> 
        </div>
        <div class="row"> 
            <!-- Start Single Blog Post -->
            <?php foreach($secondSection->activeItems as $row) { ?>
            <div class="col-sm-6">
                <div class="single-blog-post">
                    <div class="single-blog-thumb"> 
                        <a href="<?php echo e($row->url); ?>"><img src="<?php echo e(asset('uploads/homepage_sections/thumbs/'.$row->attachment)); ?>" alt="<?php echo e($row->title); ?> - Image" class="img-responsive"></a> 
                    </div>
                    <div class="single-post-content">
                        <h4><a href="<?php echo e($row->url); ?>"><?php echo e($row->title); ?></a></h4>
                        <p><?php echo e(Helper::string_limit($row->short_description, 115)); ?></p>
                    </div>
                </div>
            </div>
            <?php } ?>
        </div>
    
    </div>
    <div class="col-md-4 col-sm-4">
    <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fnkcnepal&tabs=timeline&width=360&height=435&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false&appId=109802699076236" width="100%" height="435" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
    
    </div>
    </div>
    <!--row end-->
    
    
    
    
    
    
        
    </div>
    
</div>
<?php } ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('footer_js'); ?>
<!-- Footer js goes here -->
<?php $__env->stopSection(); ?>

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