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

<!--popup-->
<script>
    $(document).ready(function(){
        $("#myModal").modal('show');
    });
</script>
<body>

<div id="myModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <a href="<?php echo e($data['popup']->link); ?>" target = "_blank"><img src="<?php echo e(asset('images/popup/' . $data['popup']->image)); ?>" /></a>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            
        </div>
    </div>
</div>
<!--popup-->
        <!-- Slider 1 Area Start Here -->
        <div class="slider1-area overlay-default index1">
            <div class="bend niceties preview-1">
                <div id="ensign-nivoslider-3" class="slides">
                    <?php $__currentLoopData = $data['sliders']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $slider): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <img src="<?php echo e(asset('images/slider/' . $slider->image)); ?>" alt="<?php echo e($slider->image); ?>" title="#slider-direction-1" />
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    
                </div> 
            </div>
        </div>
        <!-- Slider 1 Area End Here -->

        <!-- Service 1 Area Start Here -->
        <div class="service1-area">
            <div class="service1-inner-area">
                <div class="container">
                    <div class="row service1-wrapper">
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 service-box1">
                             <div class="service-box-icon">
                                <i class="fa fa-graduation-cap" aria-hidden="true"></i>
                            </div>
                            <div class="service-box-content">
                                <h3><a href="<?php echo e(route('frontend.scholarship')); ?>">Scholarship Facility</a></h3>
                                <p></p>
                            </div>
                           
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 service-box1">
                             <div class="service-box-icon">
                                <i class="fa fa-user" aria-hidden="true"></i>
                            </div>
                            <div class="service-box-content">
                                <h3><a href="<?php echo e(route('frontend.member')); ?>">Skilled Lecturers</a></h3>
                                <p></p>
                            </div>
                           
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 service-box1">
                             <div class="service-box-icon">
                                <i class="fa fa-book" aria-hidden="true"></i>
                            </div>
                            <div class="service-box-content">
                                <h3><a href="<?php echo e(route('frontend.syllabi')); ?>">Book Library & Store</a></h3>
                                <p></p>
                            </div>
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Service 1 Area End Here -->
         <!-- Courses 1 Area Start Here -->
        <div class="courses1-area">
            <div class="container">
                <h2 class="title-default-left">ACADEMIC PROGRAMS </h2> 
            </div>
            <div id="shadow-carousel" class="container">
                <div class="rc-carousel" data-loop="true" data-items="4" data-margin="20" data-autoplay="false" data-autoplay-timeout="10000" data-smart-speed="2000" data-dots="false" data-nav="true" data-nav-speed="false" data-r-x-small="1" data-r-x-small-nav="true" data-r-x-small-dots="false" data-r-x-medium="2" data-r-x-medium-nav="true" data-r-x-medium-dots="false" data-r-small="2" data-r-small-nav="true" data-r-small-dots="false" data-r-medium="3" data-r-medium-nav="true" data-r-medium-dots="false" data-r-large="4" data-r-large-nav="true" data-r-large-dots="false">
                    <?php $__currentLoopData = $data['programs']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $program): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php $__currentLoopData = $program->courses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $course): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="courses-box1">
                        <div class="single-item-wrapper">
                            <div class="courses-img-wrapper hvr-bounce-to-bottom">
                                <img class="img-responsive" src="<?php echo e(asset('images/course/' . $course->image)); ?>" alt="courses">
                                <a href="<?php echo e(route('frontend.course',$course->slug)); ?>"><i class="fa fa-link" aria-hidden="true"></i></a>
                            </div>
                            <div class="courses-content-wrapper">
                                <h3 class="item-title"><a href="<?php echo e(route('frontend.course',$course->slug)); ?>"></a><?php echo e($course->title); ?></h3>
                                <p class="item-content"><?php echo $course->short_description; ?></p>
                                 
                            </div>
                        </div>
                    </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> 
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
        </div>
        <!-- Courses 1 Area End Here --> 
         <!-- About Page 1 Area Start Here -->
        <div class="about-page1-area">
            <div class="container">
                <div class="row about-page1-inner">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <div class="about-page-content-holder">
                            <div class="content-box">
                                <h2><?php echo e($data['about']->title); ?></h2>
                                <p>
                                    <?php echo $data['about']->description; ?>

                                </p>
                            </div>
                            
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <div class="about-page-img-holder">
                            <img src="<?php echo e(asset('images/about/' . $data['about']->image)); ?>" class="img-responsive" alt="about">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- About Page 1 Area End Here -->
         <!-- News and Event Area Start Here -->
        <div class="news-event-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 news-inner-area">
                        <h2 class="title-default-left">Latest News</h2>
                        <ul class="news-wrapper news-wrapper-responsive wow fadeInLeft" data-wow-duration="2s" data-wow-delay=".2s">
                            <?php $__currentLoopData = $data['notices']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $notice): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <li>
                                <div class="news-img-holder">
                                    <a href="#"><img src="<?php echo e(asset('images/event/' . $notice->image)); ?>" class="img-responsive" alt="news"></a>
                                </div>
                                <div class="news-content-holder">
                                    <h3><a href="<?php echo e(route('frontend.eventDetails',$notice->slug)); ?>"><?php echo e($notice->title); ?></a></h3>
                                    <div class="post-date"><i class="fa fa-calendar" aria-hidden="true"></i>	&nbsp;<?php echo e($notice->date); ?>

                                    </div>
                                    <div>
                                        <a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>&nbsp; <?php echo e($notice->location); ?></a>
                                    </div>
                                </div>
                            </li>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </ul>
                        <div class="news-btn-holder">
                            <a href="<?php echo e(route('frontend.notice')); ?>" class="view-all-accent-btn">View All</a>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 event-inner-area">
                        <h2 class="title-default-left">Campus Video Tour</h2>
                        <div class="video-area2 overlay-video bg-common-style wow fadeInRight" data-wow-duration="2s" data-wow-delay=".2s" style="background-image: url('frontend/img/banner/logoh.jpg');">
                            <div class="video-content">
                                <a class="play-btn popup-youtube" href="<?php echo e($configuration->video); ?>"><i class="fa fa-play" aria-hidden="true"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- News and Event Area End Here -->  
        <!-- Counter Area Start Here -->
        <div class="counter-area bg-primary-deep" style="background-image: url('frontend/img/banner/4.jpg');">
            <div class="container">
                <div class="row">
                    <?php ($counters = \App\Models\Counter::where('status',1)->orderBY('rank','asc')->get()); ?>
                    <?php $__currentLoopData = $counters; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $counter): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 counter1-box wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".20s">
                        <h2 class="about-counter title-bar-counter" data-num="<?php echo e($counter->counter); ?>"></h2>
                        <p><?php echo e($counter->title); ?></p>
                    </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
        </div>
        <!-- Counter Area End Here --> 
      
         <!-- Students Say Area Start Here -->
        <div class="students-say-area">
            <h2 class="title-default-center">What Our Students Say</h2>
            <div class="container">
                <div class="rc-carousel" data-loop="true" data-items="2" data-margin="30" data-autoplay="false" data-autoplay-timeout="10000" data-smart-speed="2000" data-dots="true" data-nav="false" data-nav-speed="false" data-r-x-small="1" data-r-x-small-nav="false" data-r-x-small-dots="true" data-r-x-medium="2" data-r-x-medium-nav="false" data-r-x-medium-dots="true" data-r-small="2" data-r-small-nav="false" data-r-small-dots="true" data-r-medium="2" data-r-medium-nav="false" data-r-medium-dots="true" data-r-large="2" data-r-large-nav="false" data-r-large-dots="true">
                    <?php $__currentLoopData = $data['testimonials']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $testimonial): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="single-item">
                        <div class="single-item-wrapper">
                            <div class="profile-img-wrapper">
                                <a href="#" class="profile-img"><img class="profile-img-responsive img-circle" src="<?php echo e(asset('images/testimonial/' . $testimonial->image)); ?>" alt="<?php echo e($testimonial->name); ?>"></a>
                            </div>
                            <div class="tlp-tm-content-wrapper">
                                <h3 class="item-title"><a href="#"><?php echo e($testimonial->name); ?></a></h3>
                                <span class="item-designation"><?php echo e($testimonial->position); ?></span>
                                <ul class="rating-wrapper">
                                    <?php ($i = 0); ?>
                                    <?php for($i = 0; $i < $testimonial->rating; $i++): ?>
                                    <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                    <?php endfor; ?>
                                </ul>
                                <div class="item-content"><?php echo $testimonial->description; ?></div>
                            </div>
                        </div>
                    </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
        </div>
        <!-- Students Say Area End Here -->
          <!-- Students Join 2 Area Start Here -->
        <div class="students-join2-area">
            <div class="container">
                <div class="students-join2-wrapper">
                    <div class="students-join2-left">
                        <div id="ri-grid" class="author-banner-bg ri-grid header text-center">
                            <ul class="ri-grid-list">
                                <?php $__currentLoopData = $data['alumnae']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $alumni): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    
                                <li>
                                    <a href="#"><img src="<?php echo e(asset('images/alumni/' . $alumni->image)); ?>" alt="<?php echo e($alumni->name); ?>"></a>
                                </li>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </ul>
                        </div>
                    </div>
                    <div class="students-join2-right">
                        <div>
                            <h2> <span> OUR ALUMNI <br/>CORNER </span>  </h2>
                            <a href="#" class="join-now-primary-btn">VIEW ALL</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Students Join 2 Area End Here --> 

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.frontend', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/canvascollegeedu/public_html/resources/views/frontend/home.blade.php ENDPATH**/ ?>