@extends('layouts.sahitya')
@section('section')
<main class="primary-body">
<section class="pagenav">
				<div class="container">
					<nav aria-label="breadcrumb">
					  <ol class="breadcrumb">
					    <li class="breadcrumb-item"><a href="/">गृह पृष्ठ</a></li>
					    <li class="breadcrumb-item"><a href="/notices">सुचनाहरू</a></li>
					    <li class="breadcrumb-item active" aria-current="page">{{$notice->title}}</li>
					  </ol>
					</nav>
				</div>
			</section>
            <section class="blog-posts-area section no-gap">
				<div class="container">
					<div class="row">
						<div class="col-lg-8 post-list blog-post-list">
							<div class="row">
								<div class="col-md-12">
									<div class="page-heading mb-4">
										<h1>{{$notice->title}}</h1>
										<p>प्रकाशित मिति: {{$notice->npdate()['Y']}}-{{$notice->npdate()['F']}}-{{$notice->npdate()['d']}} <span class="ml-4"><a href="{{$notice->getFirstMediaUrl('files')}}" target="_blank" style="color:#2D2F93;" download>फाईल डाउनलोड गर्नुहोस् </a></span></p>
									</div>
								</div>
							</div>
							<div class="single-post">
								<img class="img-fluid" src="{{$notice->url()}}" alt="{{$notice->title}}">
									<div class="py-4 text-dark site-text">
										{!! $notice->description !!}
									</div>
							</div>

						</div>
						<div class="col-lg-4 sidebar">
							
							<div class="single-widget recent-posts-widget">
								<h4 class="title">सुचनाहरू</h4>
								<div class="blog-list ">
                                @foreach($notices as $notice)
									<div class="single-recent-post d-flex flex-row">
										<div class="recent-thumb">
											<img src="{{$notice->url()}}" alt="{{$notice->title}}">
										</div>
										<div class="recent-details">
											<a href="/notice/{{$notice->id}}">
												<h4>
													{{$notice->title}}
												</h4>
											</a>
											<p>{{$notice->npdate()['Y']}}-{{$notice->npdate()['F']}}-{{$notice->npdate()['n']}}</p>
										</div>
									</div>	
                                @endforeach    
									
								</div>								
							</div>		

						</div>
					</div>
				</div>
                </section>
</main>
                @endsection