@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">सङ्गीत विभाग</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($music[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 $music)
								<div class="col-sm-6 col-md-4">
									<div class="dept mb-4">
										<a href="/music/{{$music->id}}">
											<div class="img-box">
												<img src="{{$music->url()}}" alt="{{$music->title}}">
											</div>
											<h3>{{$music->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="/art/{{$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