<style type="text/css">
    .fc-toolbar {
        display:none;
    }
</style>
<!-- Section: home -->
    <section id="home" class="divider">
      <div class="container-fluid p-0">

        <!-- START REVOLUTION SLIDER 5.0.7 -->
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
		  <!-- Indicators -->
		  <ol class="carousel-indicators">
                        <?php $obj_slider = new Application_Model_SliderLogic(-1);
                        $i = 0;
                        foreach($obj_slider->fetchOrdered() as $slider) { ?>
                            <li data-target="#carousel-example-generic" data-slide-to="<?php echo $i; ?>" <?php echo ($i==0) ? 'class="active"' : '' ?>></li>
                        <?php $i+=1; } ?>
		  </ol>
		  <!-- Wrapper for slides -->
		  <div class="carousel-inner" role="listbox">
                        <?php  $i = 0;
                        foreach($obj_slider->fetchOrdered() as $slider) { ?>
                            <div class="item <?php echo ($i==0) ? 'active' : '' ?>">
                                <img src="<?php echo $this->baseUrl('uploads/slider/'.$slider->slider_image); ?>" width="100%" style="max-height:350px;" alt="<?php echo $slider->slider_title; ?>">
                            </div>
                        <?php $i+=1; } ?>
		  </div>
		  <!-- Controls -->
		  <a class="left carousel-control" href="<?php echo $this->baseUrl(); ?>/assets/#carousel-example-generic" role="button" data-slide="prev">
			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		  </a>
		  <a class="right carousel-control" href="<?php echo $this->baseUrl(); ?>/assets/#carousel-example-generic" role="button" data-slide="next">
			<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		  </a>
		</div>
        <!-- END REVOLUTION SLIDER -->
      </div>
    </section>
<!-- Section Features -->
    <!-- section id="features" class="bg-silver-deep">
        <div class="container pb-50">
            <div class="row">
                <h2>School Calendar</h2>
                <div class="col-md-6">
                    <script type='text/javascript'>
                        $(document).ready(function(){
                            $('#calendar').fullCalendar({
                                header: {
                                    left: 'prev,next today',
                                    center: 'title',
                                    right: 'month,agendaWeek,agendaDay'
                                },
                                editable: true,
                                dayClick: function(date, allDay, jsEvent, view) {

                                    if (allDay) {
                                        // Clicked on the entire day 

                                        if ($(jsEvent.target).is('div.fc-day-number')) {      
                                            // Clicked on the day number 

                                            $('#calendar') 
                                                .fullCalendar('changeView', 'agendaDay'/* or 'basicDay' */) 
                                                .fullCalendar('gotoDate', date.getFullYear(), date.getMonth(), date.getDate()); 
                                        }
                                    }
                                },
                                events: {
                                    url: '<?php echo $this->baseUrl("/event/json"); ?>',
                                    type: 'POST', // Send post data
                                    error: function() {
                                        alert('There was an error while fetching events.');
                                    }
                                },
                                eventRender: function (event, element) 
                                {
                                    element.find('.fc-event-title').html(event.title);
                                }
                            });
                        });
                    </script>  
                    <div id="calendar"></div>
                    
                    <script src="<?php echo $this->baseUrl(); ?>/assets/js/calendar-events-data.js"></script>
                </div>
                <div class="col-md-6">    
                    <div class="row">
			<div class="col-md-6 mt-40">
                                    <div class="col-xs-12 col-sm-12 col-md-12 mb-sm-30">
					<div class="feature-box text-center bg-silver-light p-30 pb-20">
					  <div class="feature-icon">
						<img src="<?php echo $this->baseUrl('assets/images/icons/1.png'); ?>" alt="">
					  </div>
					  <div class="feature-title">
						<h3>Admissions</h3>
					  </div>
					</div>
                                    </div>
                        </div>
                        <div class="col-md-6 mt-40">
                                    <div class="col-xs-12 col-sm-12 col-md-12 mb-sm-30">
					<div class="feature-box text-center bg-silver-light p-30 pb-20">
					  <div class="feature-icon">
						<img src="<?php echo $this->baseUrl('assets/images/icons/2.png'); ?>" alt="">
					  </div>
					  <div class="feature-title">
						<h3>Alumni</h3>
					  </div>
					</div>
                                    </div>
                        </div>
                        <div class="col-md-6 mt-60">
                                    <div class="col-xs-12 col-sm-12 col-md-12 mb-sm-30">
                                          <div class="feature-box text-center bg-silver-light p-30 pb-20">
                                            <div class="feature-icon">
                                                  <img src="<?php echo $this->baseUrl('assets/images/icons/3.png'); ?>" alt="">
                                            </div>
                                            <div class="feature-title">
                                                  <h3>TC</h3>
                                            </div>
                                          </div>
                                    </div>
                        </div>
                        <div class="col-md-6 mt-60">
                                    <div class="col-xs-12 col-sm-12 col-md-12 mb-sm-30">
                                          <div class="feature-box text-center bg-silver-light p-30 pb-20">
                                            <div class="feature-icon">
                                                  <img src="<?php echo $this->baseUrl('assets/images/icons/1.png'); ?>" alt="">
                                            </div>
                                            <div class="feature-title">
                                                  <h3>Feedback</h3>
                                            </div>
                                          </div>
                                    </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </section -->

    <!-- Section Features -->
    <section id="features" class="bg-silver-deep">
        <div class="container p-0">
            <div class="row">
                <h2 class='pl-10'>School Calendar</h2>
                <div class="line-bottom-theme-colored2"></div>
                <div class="col-md-3">
                    <script type='text/javascript'>
                        $(document).ready(function(){
                            $('#calendar1').fullCalendar({
                                header: {
                                    left: '',
                                    center: '',
                                    right: ''
                                },
                                editable: true,
                                dayClick: function(date, allDay, jsEvent, view) {

                                    if (allDay) {
                                        // Clicked on the entire day 

                                        if ($(jsEvent.target).is('div.fc-day-number')) {      
                                            // Clicked on the day number 

                                            $('#calendar') 
                                                .fullCalendar('changeView', 'agendaDay'/* or 'basicDay' */) 
                                                .fullCalendar('gotoDate', date.getFullYear(), date.getMonth(), date.getDate()); 
                                        }
                                    }
                                },
                                events: {
                                    url: '<?php echo $this->baseUrl("/event/json"); ?>',
                                    type: 'POST', // Send post data
                                    error: function() {
                                        alert('There was an error while fetching events.');
                                    }
                                },
                                eventRender: function (event, element) 
                                {
                                    element.find('.fc-event-title').html(event.title);
                                }
                            });
                        });
                    </script>  
                    <div id="calendar1"></div>
                </div>
                <div class="col-md-9">    
                    <div class="row">
			<div class="col-md-4 mt-10">
                            <a href="<?php echo $this->baseUrl('admission'); ?>">
                                    <div class="col-xs-12 col-sm-12 col-md-12 mb-sm-30">
					<div class="feature-box text-center bg-silver-light p-30 pb-20">
					  <div class="feature-icon">
						<img src="<?php echo $this->baseUrl('assets/images/icons/1.png'); ?>" alt="">
					  </div>
					  <div class="feature-title">
						<h3>Admissions</h3>
					  </div>
					</div>
                                    </div>
                            </a>
                        </div>
                        <div class="col-md-4 mt-10">
                            <a href="<?php echo $this->baseUrl('alumni'); ?>">
                                    <div class="col-xs-12 col-sm-12 col-md-12 mb-sm-30">
					<div class="feature-box text-center bg-silver-light p-30 pb-20">
					  <div class="feature-icon">
						<img src="<?php echo $this->baseUrl('assets/images/icons/2.png'); ?>" alt="">
					  </div>
					  <div class="feature-title">
						<h3>Alumni</h3>
					  </div>
					</div>
                                    </div>
                            </a>
                        </div>
                        <div class="col-md-4 mt-10">
                            <a href="<?php echo $this->baseUrl('tc'); ?>">
                                    <div class="col-xs-12 col-sm-12 col-md-12 mb-sm-30">
                                          <div class="feature-box text-center bg-silver-light p-30 pb-20">
                                            <div class="feature-icon">
                                                  <img src="<?php echo $this->baseUrl('assets/images/icons/3.png'); ?>" alt="">
                                            </div>
                                            <div class="feature-title">
                                                  <h3>TC</h3>
                                            </div>
                                          </div>
                                    </div>
                            </a>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </section>

    <!-- Section Choose Course -->
    <section>
      <div class="container pt-20 pb-10">
        <div class="section-content">
          <div class="row">
            <div class="col-md-4">
                <h3 class="font-28 mt-0"><span class="text-theme-colored2">Our</span> Toppers </h3>
                <div class="line-bottom-theme-colored2"></div>
                <marquee height="300" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="3" direction="up" style="height: 250px;">
                    <?php $obj_topper = new Application_Model_TopperLogic(-1);
                    foreach($obj_topper->fetchOrdered() as $topper) {?>
                        <div class="event-small media sm-maxwidth400 bg-silver-light border-1px mt-0 mb-20 p-15">
                          <div class="event-date text-center">
                                <ul class="text-white">
                                  <li class="font-18 font-weight-700"><?php echo $topper->topper_percent; ?>%</li>
                                </ul>
                          </div>
                          <div class="event-content pt-5">
                                <h5 class="media-heading font-16 mb-5"><a class="font-weight-600" href="#"><?php echo $topper->topper_name; ?> - <?php echo $topper->topper_class; ?></a></h5>
                          </div>
                        </div>
                    <?php } ?>
                </marquee>
            </div>
            <div class="col-md-4">
                <h3 class="font-28 mt-0"><span class="text-theme-colored2">Notice</span> Board </h3>
                <div class="line-bottom-theme-colored2"></div>
                <marquee height="300" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="3" direction="up" style="height: 250px;">
                    <?php $obj_news = new Application_Model_NewsLogic(-1);
                    foreach($obj_news->getActiveNews(10) as $news) { ?>
                        <div class="event-small media sm-maxwidth400 bg-silver-light border-1px mt-0 mb-20 p-15">
                            <div class="event-date text-center">
                                <ul class="text-white">
                                    <li class="font-18 font-weight-700 border-bottom"><?php echo date('d', strtotime($news->news_created_date)); ?></li>
                                    <li class="font-14 text-center text-uppercase mt-5"><?php echo date('M', strtotime($news->news_created_date)); ?></li>
                                </ul>
                            </div>
                            <div class="event-content pt-5">
                                <h5 class="media-heading font-16 mb-5"><a class="font-weight-600" href="<?php echo $this->baseUrl('news/'.$news->news_url); ?>"><?php echo $news->news_title; ?></a></h5>
                            </div>
                        </div>
                    <?php } ?>
                </marquee>
            </div>
            <div class="col-md-4">
              <div class="p-30 mt-0 bg-silver-light">
                <h3 class="font-28 mt-0"><span class="text-theme-colored2">Student</span> Corner </h3>
                <div class="line-bottom-theme-colored2"></div>
                <!-- Appilication Form Start-->
                <form id="login_form" name="login_form" class="reservation-form mt-20" method="post" action="<?php echo $this->baseUrl('index/login'); ?>" novalidate="novalidate">
                  <div class="row">
                    <div class="col-sm-12">
                      <div class="form-group mb-20">
                            <input placeholder="Student ID" id="user_id" name="user_id" required="" class="form-control" aria-required="true" type="text">
                      </div>
                    </div>
                    <div class="col-sm-12">
                      <div class="form-group mb-20">
                            <input placeholder="Password" id="user_password" name="user_password" class="form-control" required="" aria-required="true" type="password">
                      </div>
                    </div>
                    <div class="col-sm-12">
                      <div class="form-group mb-0 mt-10">
                            <input name="form_botcheck" class="form-control" value="" type="hidden">
                            <button type="submit" class="btn btn-colored btn-theme-colored2 text-white btn-lg btn-block" data-loading-text="Please wait...">Login</button>
                      </div>
                    </div>
                  </div>
                </form>
                <!-- Application Form End-->
                
                <!-- Application Form Validation Start-->
                <script>
                  $("#login_form").validate({
                    submitHandler: function(form) {
                      var form_btn = $(form).find('button[type="submit"]');
                      var form_result_div = '#form-result';
                      $(form_result_div).remove();
                      form_btn.before('<div id="form-result" class="alert alert-danger" role="alert" style="display: none;"></div>');
                      var form_btn_old_msg = form_btn.html();
                      form_btn.html(form_btn.prop('disabled', true).data("loading-text"));
                      $(form).ajaxSubmit({
                        dataType:  'json',
                        success: function(data) {
                            if(data.status) {
                                $(form).find('.form-control').val('');
                                window.location.href = '<?php echo $this->baseUrl('manage/dashboard'); ?>';
                            }else {
                                form_btn.prop('disabled', false).html(form_btn_old_msg);
                                $(form_result_div).html(data.message).fadeIn('slow');
                                setTimeout(function(){ $(form_result_div).fadeOut('slow'); }, 4000);
                            }
                        }
                      });
                    }
                  });
                </script>
                <!-- Application Form Validation Start -->
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

	<!-- Section About -->
    <section id="about">
      <div class="container pt-50 pb-10">
        <div class="section-title">
          <div class="row">
          	<div class="col-md-6" style='text-align: justify;'>
                    <p>Modern Era Convent is an English medium co-educational Senior Secondary School, recognized by the Directorate of Education, Delhi upto senior secondary and affiliated to the Central Board of Secondary Education.</p>

                    <p>Since its inception, the school aims to promote a system of integral education with educational practices and progressive ideas to prepare self motivated and mature individuals who have the values of honesty, integrity and truth. The school aims at all round personality development of each child.</p>

                    <p>Keeping pace with the technological progress and the advent into the 21st century, the school has introduced Information Communication Technology (ICT) skills to make teaching and learning a more effective process.</p>
                </div>
                <div class="col-md-6">
                    <h2 class="title text-uppercase mb-5">Latest <span class="text-theme-colored2">Albums</span></h2>
                    <div class="line-bottom-theme-colored2"></div>
                    <div class="owl-carousel-2col owl-nav-top" data-nav="true">
                        <!-- div class="item">
                          <div class="course-single-item bg-white border-1px clearfix">
                            <div class="course-thumb">
                              <img class="img-fullwidth" alt="" src="<?php echo $this->baseUrl(); ?>/assets/http://cecilia.in/img/gallery/06DSC_0023.JPG">
                              <div class="course-top-meta">
                                <ul class="list-inline">
                                  <li><i class="ficon-heart font-14"></i>Celebration of Symphony of India Class Nursery and Prep</li>
                              </div>
                            </div>
                          </div>
                        </div -->
                        <?php $obj_album = new Application_Model_AlbumLogic(-1);
                        foreach($obj_album->fetchOrdered() as $album) { ?>
                            <div class="item">
                                <div class="course-single-item bg-white border-1px clearfix">
                                    <a href="<?php echo $this->baseUrl('gallery/'.$album->album_url); ?>">
                                        <div class="course-thumb">
                                            <img class="img-fullwidth" alt="" src="<?php echo $this->baseUrl('uploads/image/'.$album->album_cover); ?>" style="min-height: 160px;">
                                            <div class="course-top-meta">
                                                <ul class="list-inline">
                                                  <li><i class="ficon-heart font-14"></i><?php echo $album->album_title; ?></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        <?php } ?>
                    </div>
                </div>
          </div>
        </div>
      </div>
    </section>
	