@extends('layouts.master')
@section('title', 'নোটিশ বোর্ড ')
@section('slider')
    @include('layouts.dotted-ash-design')
@endsection
@section('content')
    <div class="col-md-9">
        <div class="col-md-12 pd-0">
            <div class="u-shadow-v21 nbr g-bg-white rounded notice-board  mg-0 wow slideInUp" data-wow-duration="3s">
                <div class="media g-mb-15">
                    <div>
                        <div class="bar-title">
                            <h5><a href=""><img src="img/leap-white.png" alt=""/><span>  নোটিশ বোর্ড </span></a></h5>
                        </div>
                        <div class="m-scrollable m-scroller ps ps--active-y">
                            <div class="m-list-timeline m-list-timeline--skin-light">
                                <div class="m-list-timeline__items ews-scroll">
                                  
                                        <div class="m-list-timeline__item">
                                            <span class="m-list-timeline__badge m-list-timeline__badge--success"></span>
                                            <span class="m-list-timeline__text">
                                            <a data-toggle="collapse" data-target="#{{ $single_notice[0]->id }}" aria-expanded="true" href="#"
                                                                                   >{{ $single_notice[0]->title }}</a><br/> <span
                                                        class="m-link">Publish Date: </span>
                                                        <div id="{{$single_notice[0]->id}}" aria-expanded="true" class="collapse in colapse-design">{{ $single_notice[0]->description }} 
                                                        <div class="clearfix">
                                                        
                                                        <a  class="btn btn-success btn-sm pull-right" href="http://localhost/school/noticefiles/{{ $single_notice[0]->file }}" download>Download File</a>
                                                       
                                                        
                                                        </div>
                                                        
                                                        </div>
                                                        </span>

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

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

            </div>
        </div>
    </div>
    @include('layouts.sidebar')
@endsection

@section('footer')
    @include('layouts.footer')
@endsection