@extends($layout) 

@section('content')  
    <section class="call-to-action" >
        <div class="anim-icons">
            <!--            <span class="icon icon-cloud wow shake"></span>-->
            <span class="icon butterfly-1 wow zoomIn"></span>
            <!--            <span class="icon butterfly-2 wow zoomIn"></span>-->
        </div>

        <div class="auto-container">
            <div class="outer-box clearfix" style="text-align: -webkit-center;">
                <div class="title-column">
                    <h3 style="width:100%; text-transform: uppercase;">School Calendar</h3>

                </div>

            </div>
        </div>
    </section>

    <div class="container" style="padding-top:20px;padding-bottom:20px;"> 
        <table class="table table-striped">
            <thead>
                <tr style="background: #242424; color:#fff; font-size: 18px;">
                   <td>Date</td> 
                   <td>Event Description</td>
                </tr>
            </thead>
            <tbody> 
            @if(!empty($calendar[0]))    
            @foreach ($calendar as $notice)
            <tr  >
                <td width="25%"><i class="fa fa-calendar"></i> 
                    {{ date('d-M-Y', strtotime($notice->date))  }}  
                                    </td>
                <td style="padding-top:15px;"> {{ $notice->title  }} 
                                    </td>
            </tr>
            @endforeach
            @else
            <tr>
                <td> No Record Found!!! </td>
            </tr>
            @endif
            </tbody>
        </table>    
    </div>
@stop