@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">
                                    @foreach($notices as $notice)
                                        <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="#{{$notice->id}}" href="#"
                                                                                   >{{$notice->title}}</a><br/> <span
                                                        class="m-link">Publish Date: {{$notice->created_at->format('d M Y')}}</span>
                                                        <div id="{{$notice->id}}" class="collapse colapse-design">{{$notice->description}} 
                                                        <div class="clearfix">
                                                        
                                                        <a class="btn btn-success btn-sm pull-right" href="noticefiles/{{$notice->file}}" download>Download File</a>
                                                        
                                                        </div>
                                                        
                                                        </div>
                                                        </span>

                                        </div>
                                    @endforeach
                                </div>
                            </div>

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

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

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