@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-md-12 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 -->
							<!-- Activities row -->
                            @if(!empty($videos))
							<div class="row pb-40">
								@foreach($videos as $post)
								<div class="col-sm-6 col-md-3">
									<div class="dept mb-4">
                                    <h5 class="mb-2">{{$post->title}}</h3>
                                    @if($post->video)
                                    <iframe width="100%" height="250px" src="https://www.youtube.com/embed/{{$post->video}}" title="{{$post->title}}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope picture-in-picture" allowfullscreen></iframe>
									@endif
                                    </div>
								</div>
								@endforeach						
								
							</div>
                            @endif
							<!-- end arts row -->
						</div>
					</div>
				</div>	
			</section>
			<!-- End about info Area -->
			</main>


@endsection