@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 active" aria-current="page">साहित्य विभाग</a></li>
					   
					  </ol>
					</nav>
				</div>
			</section>
			<!-- end bread crumb -->

			<!-- Start about info Area -->
			<section class="blog-posts-area section no-gap">
				<div class="container">
					<div class="row">
						<div class="col-lg-8 post-list blog-post-list">
							<!-- Page heading -->
							<div class="row">
								<div class="col-md-12">
									<div class="page-heading mb-4">
										<h1>साहित्य विभाग</h1>
									</div>
								</div>
							</div>
							<!-- end page heading -->
							<!-- Category desc -->
							<div class="single-post">
									<div class="py-1">
										<p>
										{{strip_tags($literature[0]->description)}}
										</p>
									</div>
							</div>
							<!-- end category desc -->

							<!-- arts row -->
							<div class="row">
								<div class="col-md-12">
									<div class="dept-title">
										<h2>विभागीय गतिविधीहरू</h2>
									</div>
								</div>
							</div>
							<div class="row mb-4">							

									@foreach($posts as $post)
									<div class="col-sm-6 col-md-4">
										<div class="dept mb-4">
											<a href="/literature/{{$post->id}}">
												<div class="img-box">
													<img src="{{$post->url()}}" alt="{{$post->title}}">
												</div>
												<h3>{{$post->title}}</h3>
											</a>
										</div>
									</div>
									@endforeach
								
								
								
								
							</div>
							<!-- end arts row -->
						</div>
						<div class="col-lg-4 sidebar">
							
							<div class="single-widget recent-posts-widget">
								<h4 class="title">गतिबिधीहरु</h4>
								<div class="blog-list ">
									@foreach($activities as $post)
									<div class="single-recent-post d-flex flex-row my-3">
										<div class="recent-thumb">
											<img src="{{$post->url()}}" alt="{{$post->title}}">
										</div>
										<div class="recent-details">
											<a href="/activities/{{$post->id}}">
												<h4>
													{{$post->title}}
												</h4>
											</a>
											<p>{{$post->npdate()['Y']}}-{{$post->npdate()['F']}}-{{$post->npdate()['d']}}</p>
										</div>
									</div>
									@endforeach	
										
										
									
									
								</div>								
							</div>		

						</div>
					</div>
				</div>	
			</section>
			<!-- End about info Area -->

</main>
@endsection