@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 Article</h3>

                </div>

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

    <div class="container" style="padding-top:20px;padding-bottom:20px;"> 
        <table class="table table-striped">
            <tbody> 
            @if(!empty($articles[0]))    
            @foreach ($articles as $notice)
            <tr>
                <td style="padding-top:15px;">
                    <h4 style="margin-bottom:5px" ><b><a href="{{ARTICLEDETAIL}}/{{$notice->id}}"><i class="fa fa-bars"></i> {{ $notice->title  }}</a></b></h4>
                    <span style="font-size:12px; font-weight:600;"><i class="fa fa-calendar"></i> Posted on {{ date('d-M-Y', strtotime($notice->date))  }}</span>  <span style="font-size:12px; margin-left: 20px; font-weight:600;"><i class="fa fa-user"></i> Posted By :  {{ $notice->name  }}</span>
                    <br>
                    <span style="padding-top:10px; float: left;">{!! nl2br($notice->short_description) !!}</span>
                </td>
            </tr>
            @endforeach
            @else
            <tr>
                <td> No Record Found!!! </td>
            </tr>
            @endif
            </tbody>
        </table>    
    </div>
@stop