@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="/music">सङ्गीत विभाग</a></li>
					    <li class="breadcrumb-item active" aria-current="page">{{$music->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>{{$music->title}}</h1>
									</div>
								</div>
							</div>
							<div class="single-post">
								<img class="img-fluid" src="{{$music->url()}}" alt="{{$music->title}}">
									<div class="py-4 text-dark site-text">
										<p>
											{{strip_tags($music->description)}}
										</p>
									</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($posts as $post)
									<div class="single-recent-post d-flex flex-row">
										<div class="recent-thumb">
											<img src="{{$post->url()}}" alt="{{$post->title}}">
										</div>
										<div class="recent-details">
											<a href="music/{{$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>
			</<main class="primary-body">
@endsection