@extends('layouts.frontend')
@section('title',$data['notice']->title)
@section('content')
<div class="inner-page-banner-area" style="background-image: url({{ asset('frontend/img/banner/5.jpg') }});">
    <div class="container">
        <div class="pagination-area">
            <h1>{{ $data['action']->title }}</h1>
            
        </div>
    </div>
</div>
  <!-- News Details Page Area Start Here -->
<div class="news-details-page-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                <div class="row news-details-page-inner">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="news-img-holder">
                            <img src="{{ asset('images/notice/' . $data['notice']->image) }}" class="img-responsive" alt="research">
                             
                        </div>
                        <h2 class="title-default-left-bold-lowhight"><a href="#">{{ $data['notice']->title }}</a></h2>
                        <ul class="title-bar-high news-comments">
                            <li><a href="#"><i class="fa fa-calendar" aria-hidden="true"></i>{{ date_format($data['notice']->created_at,'d F Y') }}</a></li>
                             
                        </ul>
                        <p>{!! $data['notice']->description !!}</p> 

                        <a href="{{ asset('images/notice/' . $data['notice']->file) }}" class="default-big-btn" target="_blank">View Attachment </a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                <div class="sidebar"> 
                    <div class="sidebar-box">
                        <div class="sidebar-box-inner">
                            <h3 class="sidebar-title">Latest Notice &amp; Announcement</h3>
                            <div class="sidebar-latest-research-area">
                                <ul>
                                    <li>
                                        <div class="latest-research-img">
                                            <a href="#"><img src="img/sidebar/8.jpg" class="img-responsive" alt="skilled"></a>
                                        </div>
                                        <div class="latest-research-content">
                                            <h4>30 Nov, 2016</h4>
                                            <p>when an unknown printer took.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="latest-research-img">
                                            <a href="#"><img src="img/sidebar/4.jpg" class="img-responsive" alt="skilled"></a>
                                        </div>
                                        <div class="latest-research-content">
                                            <h4>10 Aug, 2016</h4>
                                            <p>when an unknown printer took.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="latest-research-img">
                                            <a href="#"><img src="img/sidebar/9.jpg" class="img-responsive" alt="skilled"></a>
                                        </div>
                                        <div class="latest-research-content">
                                            <h4>05 Jul, 2016</h4>
                                            <p>when an unknown printer took.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="latest-research-img">
                                            <a href="#"><img src="img/sidebar/10.jpg" class="img-responsive" alt="skilled"></a>
                                        </div>
                                        <div class="latest-research-content">
                                            <h4>30 Feb, 2016</h4>
                                            <p>when an unknown printer took.</p>
                                        </div>
                                    </li>
                                     <li>
                                        <div class="latest-research-img">
                                            <a href="#"><img src="img/sidebar/8.jpg" class="img-responsive" alt="skilled"></a>
                                        </div>
                                        <div class="latest-research-content">
                                            <h4>30 Nov, 2016</h4>
                                            <p>when an unknown printer took.</p>
                                        </div>
                                    </li>
                                     
                                    <li>
                                        <div class="latest-research-img">
                                            <a href="#"><img src="img/sidebar/10.jpg" class="img-responsive" alt="skilled"></a>
                                        </div>
                                        <div class="latest-research-content">
                                            <h4>30 Feb, 2016</h4>
                                            <p>when an unknown printer took.</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div> 
                </div>
            </div>
        </div>
    </div>
</div>
<!-- News Page Area End Here -->

@endsection