@extends('layouts.front')
@section('style')
<style type="text/css">
    .counter
    {        
        text-align: center;
    }
    .counter-count
    {
        font-size: 18px;
        background-color: #00b3e7;
        border-radius: 50%;
        position: relative;
        color: #ffffff;
        text-align: center;
        line-height: 92px;
        width: 92px;
        height: 92px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        display: inline-block;
    }
    .employee-p,.customer-p,.order-p,.design-p
    {
        font-size: 24px;
        color: #fff;
        line-height: 34px;
        text-align:center;
    }
    .carousel {
        width: 650px;
        margin: 0 auto;
        padding-bottom: 0px;
    }
    .carousel .item {
        color: #999;
        font-size: 14px;
        text-align: center;
        overflow: hidden;
        min-height: 340px;
    }
    .carousel .item a {
        color: #eb7245;
    }
    .carousel .img-box {
        width: 145px;
        height: 145px;
        margin: 0 auto;
        border-radius: 50%;
    }
    .carousel .img-box img {
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 50%;
    }
    .carousel .testimonial {    
        padding: 30px 0 10px;
    }
    .carousel .overview {   
        text-align: center;
        padding-bottom: 5px;
    }
    .carousel .overview b {
        color: #333;
        font-size: 15px;
        text-transform: uppercase;
        display: block; 
        padding-bottom: 5px;
    }
    .carousel .star-rating i {
        font-size: 18px;
        color: #ffdc12;
    }
    .carousel .carousel-control {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #999;
        text-shadow: none;
        top: 4px;
    }
    .carousel-control i {
        font-size: 20px;
        margin-right: 2px;
    }
    .carousel-control.left {
        left: auto;
        right: 40px;
    }
    .carousel-control.right i {
        margin-right: -2px;
    }
    .carousel .carousel-indicators {
        bottom: 15px;
    }
    .carousel-indicators li, .carousel-indicators li.active {
        width: 11px;
        height: 11px;
        margin: 1px 5px;
        border-radius: 50%;
    }
    .carousel-indicators li {   
        background: #e2e2e2;
        border-color: transparent;
    }
    .carousel-indicators li.active {
        border: none;
        background: #888;       
    }
</style>
@endsection
@section('content')
<!--SLIDER-->
<section>
    <div id="slider">
        <ul class="slides">
            @foreach($sliders as $key => $slider)
            <li>
                <img src="{{ asset('laravel/public/slider/'. $slider->image) }}" data-big="{{ asset('laravel/public/slider/'. $slider->image) }}" />
            </li>
            @endforeach           
        </ul>
    </div>
</section>
<!--SLIDER END-->
<!--ABOUT-->
<section>
    <div id="lgx-about" class="lgx-about lgx-about-man">
        <div class="lgx-inner">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-6">
                        <div class="lgx-about-area">
                            <div class="lgx-heading">
                                <h2 class="heading-title">Vidya Shree Academy : Introduction</h2>
                                <h4 class="heading-subtitle">Vidya Shree Academy is run under the auspices of Vidya Shree Education Society, Jaipur. </h4>
                            </div>
                            <div class="lgx-about-content">
                                <p class="text">                                    
                                    Vidya Shree Academy is run under the auspices of Vidya Shree Education Society, Jaipur. It is a non-profit organization who works tirelessly for human development.TheAcademy runs classes from Play Group onwards and upto XII standard it is permanently recognized by the Directorate of Primary and Secondary Education, Rajasthan, Bikaner and affiliated to Board of Secondary Education, Rajasthan, Ajmer.
                                </p>
                                <a class="lgx-btn lgx-btn-sm lgx-btn-border" href="{{ route('about') }}">Read More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6">                        
                        <img class="lgx-about-area" src="{{ asset('laravel/public/front/assets/img/banner.png') }}" alt="about">
                    </div>
                </div>
                <!--//.ROW-->
            </div>
            <!-- //.CONTAINER -->
        </div>
        <!-- //.INNER -->
    </div>
</section>
<!--ABOUT END-->
<section>
    <div id="lgx-events" class="lgx-events">
        <div class="lgx-inner">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="lgx-heading">
                            <h2 class="heading-title">News & Updates</h2>
                        </div>
                    </div>
                </div>
                <!--//.ROW-->
                <div class="row">
                    <div class="col-xs-12">
                        <div class="lgx-events-area">
                            <div class="row">
                                <div class="col-md-6">
                                    @if(count($videos) > 0)
                                    @foreach($videos as $value)
                                    <br />
<b>Notice</b>:  Undefined variable: value in <b>/home/vsajaipu/public_html/laravel/resources/views/index.blade.php</b> on line <b>181</b><br />
<br />
<b>Notice</b>:  Trying to get property 'url' of non-object in <b>/home/vsajaipu/public_html/laravel/resources/views/index.blade.php</b> on line <b>181</b><br />
<br />
<b>Notice</b>:  Undefined offset: 1 in <b>/home/vsajaipu/public_html/laravel/resources/views/index.blade.php</b> on line <b>183</b><br />
                                    @if(isset($video_id) && !empty($video_id))
                                    <iframe width="100%" height="315" src="https://www.youtube.com/embed/" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                    @endif
                                    @endforeach
                                    @endif
                                </div>
                                <div class="col-md-6">
                                    <div class="">
                                        <div id="newsticker-demo">
                                            @if(count($news) > 0)
                                            <div class="newsticker-jcarousellite">
                                                <ul>
                                                    @foreach($news as $value)                                                  
                                                    <li>
                                                        <span><i class="fa fa-clock-o icon-col" aria-hidden="true"></i> {{ $value->created_at->diffForHumans() }}</span>
                                                        <p>
                                                            <a href="{{ route($value->slug) }}">
                                                                {{ $value->title }}
                                                            </a>
                                                        </p>
                                                    </li>
                                                    @endforeach                                         
                                                </ul>
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--//.ROW-->
        </div>
        <!-- //.CONTAINER -->
    </div>
</section>
<!--MILESTONE-->
<section>
    <div id="lgx-register" class="lgx-register">
        <div class="lgx-inner">
            <div class="container">
                <div class="row">
                    <div class="col-md-7">
                        <div class="lgx-registration-area">
                            <div class="lgx-heading-registration">
                                <h3 class="subtitle">Vidya Shree Academy Jaipur </h3>
                            </div>
                            <div class="lgx-registration-info">
                                <p class="text">
                                    Vidya Shree Academy has its Education Advisory Board comprising of highly qualified and well experienced persons of education field.They provide their invaluable guidance to update the syllabi and to innovate the education system at the academy so as to achieve the aims and objectives of the best education.
                                </p>
                                <a class="lgx-btn registration-btn" href="{{ route('admission') }}">Registration</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="lgx-video-area">
                            <figure>
                                <figcaption>
                                    <div class="video-icon">
                                        <div class="lgx-vertical">
                                            <span>Watch</span>
                                            <a id="myModalLabel" class="icon" href="#" data-toggle="modal" data-target="#lgx-modal">
                                                <i class="fa fa-play " aria-hidden="true"></i>
                                            </a>
                                            <span>Video</span>
                                        </div>
                                    </div>
                                </figcaption>
                            </figure>
                            <!-- Modal-->
                            <div id="lgx-modal" class="modal fade lgx-modal">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                        </div>
                                        <div class="modal-body">
                                            <iframe id="modalvideo" src="https://www.youtube.com/embed/GJW2i5urzVk" allowfullscreen></iframe>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- //.Modal-->
                        </div>
                    </div>
                </div>
            </div>
            <!-- //.CONTAINER -->
        </div>
        <!-- //.INNER -->
    </div>
</section>
<!--MILESTONE END-->
<!--TEACHERS-->
<section>
    <div id="lgx-teachers" class="lgx-teachers">
        <div class="lgx-inner">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="lgx-heading">
                            <h2 class="heading-title">Our Team</h2>
                            <h4 class="heading-subtitle">Some Special Teachers From The Industry!</h4>
                        </div>
                    </div>
                </div>
                <!--//.ROW-->
                <div class="row">
                    <div id="lgx-owlteachers" class="owl-carousel lgx-owlteachers">
                        @foreach($teachers as $key => $teacher)
                        <div class="item">
                            <div class="lgx-single-teacher lgx-teacher-circle">
                                <!--lgx-teacher-circle-->
                                <figure>
                                    @if($teacher->image)
                                    <img src="{{ asset('laravel/public/teacher/thumbnil/'. $teacher->image) }}" alt="{{ $teacher->teacher_name }}"/>
                                    @endif
                                    <figcaption>
                                        <h3 class="teacher-name">
                                            <a href="{{ route('teacher') }}">{{ $teacher->teacher_name }}</a><span>{{ $teacher->subject }}</span>
                                        </h3>
                                        <p class="text">{{ $teacher->description }}</p>
                                    </figcaption>
                                </figure>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <!--l//#lgx-OWL NEWS-->
                </div>
            </div>
            <!-- //.CONTAINER -->
        </div>
        <!-- //.INNER -->
    </div>
</section>
<!--TEACHERS END-->
<div class="lgx-getintouch-area">
    <div class="lgx-getintouch-inner">
        <div class="counter">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                        <div class="employees">
                            <p class="counter-count">565</p>
                            <p class="employee-p">Total Student</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                        <div class="customer">
                            <p class="counter-count">85</p>
                            <p class="customer-p">Total Staff</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                        <div class="design">
                            <p class="counter-count">5</p>
                            <p class="design-p">Years Of Experience</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                        <div class="order">
                            <p class="counter-count">565</p>
                            <p class="order-p">Students Per Year</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<br/>
<!--EVENTS-->
<section>
    <div id="lgx-events" class="lgx-events">
        <div class="lgx-inner">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="lgx-heading">
                            <h2 class="heading-title">Upcoming Events</h2>
                            <h4 class="heading-subtitle">Our Upcoming Seminars You Dont Miss Out!</h4>
                        </div>
                    </div>
                </div>
                <!--//.ROW-->
                <div class="row">
                    <div class="col-xs-12">
                        <div class="lgx-events-area">
                            <div class="row">
                                @foreach($events as $key => $event)
                                <div class="col-md-6">
                                    <br />
<b>Notice</b>:  Undefined variable: event in <b>/home/vsajaipu/public_html/laravel/resources/views/index.blade.php</b> on line <b>380</b><br />
<br />
<b>Notice</b>:  Trying to get property 'image' of non-object in <b>/home/vsajaipu/public_html/laravel/resources/views/index.blade.php</b> on line <b>380</b><br />
                                    <div class="lgx-featured-event">
                                        <figure>
                                            @if($images[0]->name)
                                            <img title="{{ $event->title }}" src="{{ asset('laravel/public/event/thumbnil/'. $images[0]->name) }}" alt="{{ $event->title }}"/>
                                            @endif
                                            <figcaption>
                                                <div class="figcaption">
                                                </div>
                                                <div class="event-info">
                                                    <div class="date">
                                                        <h4>{{ $event->created_at->format('m') }}<span>{{ $event->created_at->format('D') }}</span></h4>
                                                    </div>
                                                    <div class="info-right">
                                                        <a href="{{ route('event-detail', $event->slug) }}">
                                                            <h3 class="title">
                                                                {{ $event->title }}
                                                            </h3>
                                                        </a>
                                                    </div>
                                                </div>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </div>
                                @endforeach                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--//.ROW-->
        </div>
        <!-- //.CONTAINER -->
    </div>
</section>
<!--EVENTS END-->
{{-- <section>
    <div class="lgx-photo-gallery lgx-gallery-without-subsctibe">
        <div class="lgx-memorisinner">
            <div class="lgx-inner">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="lgx-heading">
                                <h2 class="heading-title">Our Toppers</h2>
                            </div>
                        </div>
                        @foreach($toppers as $value)
                        <div class="col-xs-12 col-sm-6 col-md-3">
                            <div class="lgx-single-teacher">                                
                                <figure>
                                    @if($value->image && file_exists(public_path().'/topper/'. $value->image))
                                    <a href="#">
                                        <img src="{{ asset('laravel/public/topper/'.$value->image) }}" alt="{{ $value->name }}">
                                    </a>
                                    @else
                                    <a href="#">
                                        <img src="{{ asset('laravel/public/front/assets/img/graduate.png') }}" alt="{{ $value->name }}">
                                    </a>
                                    @endif
                                    <figcaption>
                                        <h3 class="teacher-name"><a href="#">{{ $value->name }}</a></h3>
                                        <p class="text">{{ $value->description }}</p>
                                    </figcaption>
                                </figure>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-lg-12 text-center">
                            <a href="{{ route('our-toppers') }}" class="btn btn-primary">View All</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> --}}

@if(count($toppers) > 0)
<section>
    <div id="lgx-teachers" class="lgx-teachers">
        <div class="lgx-inner">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="lgx-heading">
                            <h2 class="heading-title">Our Toppers</h2>
                        </div>
                    </div>
                </div>
                <!--//.ROW-->
                <div class="row">
                    <div id="lgx-owlnews" class="owl-carousel lgx-owlteachers">
                        @foreach($toppers as $value)
                        <div class="item">
                            <div class="lgx-single-teacher">                                
                                <figure>
                                    @if($value->image && file_exists(public_path().'/topper/'. $value->image))
                                    <a href="#">
                                        <img src="{{ asset('laravel/public/topper/'.$value->image) }}" alt="{{ $value->name }}">
                                    </a>
                                    @else
                                    <a href="#">
                                        <img src="{{ asset('laravel/public/front/assets/img/graduate.png') }}" alt="{{ $value->name }}">
                                    </a>
                                    @endif
                                    <figcaption>
                                        <h3 class="teacher-name"><a href="#">{{ $value->name }}</a></h3>
                                        <p class="text">{{ $value->description }}</p>
                                    </figcaption>
                                </figure>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-lg-12 text-center">
                            <a href="{{ route('our-toppers') }}" class="btn btn-primary">View All</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- //.CONTAINER -->
        </div>
        <!-- //.INNER -->
    </div>
</section>
@endif

<!--PHOTO GALLERY-->
<section>
    <div class="lgx-photo-gallery lgx-gallery-without-subsctibe">
        <!--lgx-gallery-without-subsctibe-->
        <div id="lgx-memorisinner" class="lgx-memorisinner">
            <div class="lgx-inner">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="lgx-heading">
                                <h2 class="heading-title">Photo Gallery</h2>
                                <h4 class="heading-subtitle">Some Amazing Think From Our Campus</h4>
                            </div>
                        </div>
                    </div>
                    <div class="lgx-gallery-area">
                        @foreach($gallery as $value)
                        <div  class="lgx-gallery-single">
                            <br />
<b>Notice</b>:  Undefined variable: value in <b>/home/vsajaipu/public_html/laravel/resources/views/index.blade.php</b> on line <b>532</b><br />
<br />
<b>Notice</b>:  Trying to get property 'image' of non-object in <b>/home/vsajaipu/public_html/laravel/resources/views/index.blade.php</b> on line <b>532</b><br />
                            <figure>
                                @if($images[0]->name)
                                <img title="{{ $value->title }}" src="{{ asset('laravel/public/gallery/thumbnil/'. $images[0]->name) }}" alt="{{ $value->title }}"/>
                                @endif
                                <figcaption class="lgx-figcaption">
                                    <div class="lgx-hover-link">
                                        <div class="lgx-vertical">
                                            <a title="Memories One" href="{{ route('gallery-detail', $value->slug) }}">
                                                {{ $value->title }}
                                            </a>
                                        </div>
                                    </div>
                                </figcaption>
                            </figure>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--PHOTO GALLERY END-->
<section>
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="lgx-heading">
                    <h2 class="heading-title">Testimonial</h2>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                @if(count($tistimonials) > 0)
                <div id="myCarousel" class="carousel slide" data-ride="carousel">
                    <!-- Carousel indicators -->
                    <ol class="carousel-indicators">
                        @php           
                        foreach ($tistimonials as $key => $value) {
                            $class = ($key == 0) ? 'active' : '';
                            @endphp
                            <li data-target="#myCarousel" data-slide-to="{{ $key }}" class="{{ $class }}"></li>
                            @php } @endphp
                        </ol>   
                        <!-- Wrapper for carousel items -->
                        <div class="carousel-inner">
                            @foreach($tistimonials as $key => $value)
                            <br />
<b>Notice</b>:  Undefined variable: key in <b>/home/vsajaipu/public_html/laravel/resources/views/index.blade.php</b> on line <b>581</b><br />
                            <div class="item carousel-item {{ $class }}">
                                @if($value->image && file_exists(public_path().'/testimonial/'. $value->image))
                                <div class="img-box">
                                    <img src="{{ asset('laravel/public/testimonial/'.$value->image) }}" alt="{{ $value->name }}">
                                </div>
                                @else
                                <div class="img-box">
                                    <img src="{{ asset('laravel/public/front/assets/img/graduate.png') }}" alt="{{ $value->name }}">
                                </div>
                                @endif
                                <p class="testimonial">{{ isset($value->description) ? $value->description : '' }}</p>
                                <small style="font-weight:bold;">{{ $value->name }}</small>
                            </div>
                            @endforeach
                        </div>                   
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </section>
    <div id="my-welcome-message">
      <div style="text-align: center;" id="dialog" class="window"> <h4> Admissions Open </h4>
        <hr>
        <div id="lorem text-center">
            @if(config('constants.c_logo') && file_exists(public_path('setting/' . config('constants.c_logo'))))
            <a href="{{ url('/') }}" class="lgx-scroll">
                <img src="{{ asset('laravel/public/setting/' . config('constants.c_logo')) }}" alt="Logo"/>
            </a>
            @endif
            <br>
            <br>
            <a href="{{ route('registration') }}" style="text-shadow: 4px 3px #e4e4e4;font-weight: bold;color: #f4343a; font-size: 28px;">Admissions Open Apply Now</a>
        </div>
    </div>
</div>
@endsection
@section('script')
<script src="{{ asset('laravel/public/front/assets/js/jquery.firstVisitPopup.js') }}"></script>
<link href="{{ asset('laravel/public/front/assets/css/popup.css') }}" rel="stylesheet" />
<script>
    $(function () {
        $('#my-welcome-message').firstVisitPopup({
            cookieName : 'homepage',
            showAgainSelector: '#show-message'
        });
    });
</script>
<script type="text/javascript">
    $('.counter-count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
</script>
<link href="{{ asset('laravel/public/front/assets/css/news-ticker.css') }}" rel='stylesheet' type='text/css' />
<script src="{{ asset('laravel/public/front/assets/js/jcarousellite_1.0.1c4.js') }}" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        $(".newsticker-jcarousellite").jCarouselLite({
            vertical: true,
            hoverPause:true,
            visible: 4,
            auto:500,
            speed:3000
        });
    });
</script>
@endsection