@extends('layouts.sahitya')
@section('section')

<main class="primary-body">
<!-- Slider -->
			  <section>
			    <div id="slider-animation" class="carousel slide" data-ride="carousel">

			  <!-- Indicators -->		 

			  <!-- The slideshow -->
			  	<div class="carousel-inner">
				 				 @if(! empty($sliders))
				 @foreach($sliders as $slider)

			    <div class="carousel-item {{ $loop->first ? 'active' : '' }}">
				@if($slider->url()) 
			      <img src="{{$slider->url()}}" alt="Los Angeles">
				  @endif
			        <div class="text-box">
			            <h2 class="wow fadeInUp" data-wow-duration="4s">{{$slider->title}}</h2>
			            <p class="wow fadeInUp" data-wow-duration="2s">{!! $slider->description !!}</p>
			        </div>
			    </div>
				@endforeach
				@endif
			  	<!-- <div class="carousel-item">
			        <img src="/imgsahi/pokhara.jpg" alt="Los Angeles">
			 			<div class="text-box">
			        	<h2 class="wow fadeInUp" data-wow-duration="4s">पोखरेली युवा साँस्कृतिक परिवार</h2>
			            <p class="wow fadeInUp" data-wow-duration="2s">साहित्य,कला र सङ्गीतको उत्थान हाम्रो प्रण । </p>
			          	</div>
			    </div> -->
								</div>
			  <!-- Left and right controls -->
			  <a class="carousel-control-prev" href="#slider-animation" data-slide="prev">
			    <span class="carousel-control-prev-icon"></span>
			  </a>
			  <a class="carousel-control-next" href="#slider-animation" data-slide="next">
			    <span class="carousel-control-next-icon"></span>
			  </a>

			</div>
			    
			</section>
			  <!-- end site slider -->


			<!-- Start exibition Area -->
			<section class="exibition-area section-gap no-gap" id="exhibitions">
				<div class="container">
					<div class="row d-flex justify-content-center">
						<div class="menu-content pb-40 col-lg-10">
							<div class="title text-center">
								<h1 class="mb-10"><span>गतिबिधीहरु</span></h1>
							</div>
						</div>
					</div>						
					<div class="row">
						<div class="active-exibition-carusel">
							@foreach($post as $post)
							<div class="single-exibition item">
								@if($post->url()) 
								<img src="{{$post->url()}}" alt="{{$post->title}}" class="mb-3">	
								@else
									<img src="/imgsahi/bhanu.jpg" alt="">					
								@endif		
								<a href="/activities/{{$post->id}}"><h4>{{$post->title}}</h4></a>
								
							</div>
							@endforeach	
						</div>	
						<a href="/activities"><h3><span class="sabai" style="margin-left: 556px;color:#333">सबै...</span></h3></a>
					</div>
				</div>	
			</section>
			<!-- End exibition Area -->			
		
			<!-- Start upcoming-event Area -->
			@if(!empty($upcomingEvents))

			<section class="upcoming-event-area section-gap no-gap" id="events">
				<div class="container">
					<div class="row d-flex justify-content-center">
						<div class="menu-content pb-40 col-lg-10">
							<div class="title text-center">
								<h1 class="mb-10"><span>आगामी कार्यक्रमहरु</span></h1>
							</div>
						</div>
					</div>	
									
					<div class="row">
						@foreach($upcomingEvents as $upevent)
						<div class="col-md-4 event--col">
							<div class="home single-events">
								@if($upevent->image())
								<img class="img-fluid" src="{{$upevent->image()}}" alt="{{$upevent->title}}">
								@else
									<img src="/imgsahi/kesari.jpg" alt="{{$upevent->title}}">
								@endif
								<h4><a href="#">{{$upevent->title}}</a></h4>
								<h6 class="pb-0">Event end date: <span style="color:#EA1D24">{{$upevent->end_date}}</span></h6>
								<h6>{{$upevent->location}}</h6>
								@if($upevent->npdate())
								<!-- <h6><span>{{$upevent->npdate()['Y']}}-{{$upevent->npdate()['F']}}-{{$upevent->npdate()['d']}}</span> |{{$upevent->location}}</h6> -->
								@endif
								<p>
								</p>
								<a href="/events/{{$upevent->id}}" class="primary-btn text-uppercase">Read more</a>
							</div>							
						</div>
						@endforeach
					</div>
				</div>	
			</section> 
			@endif
			
			<section class="upcoming-event-area section-gap no-gap books-notice" id="notices">
				<div class="container">
					<div class="row">
						<div class="col-sm-12 col-md-8">
							<div class="row">
								<div class="col-md-12">
									<div class="title heading">
										<h2><span>पुस्तकहरु</span> 
											<span class="float-right"><a href="/all-books">सबै...</a></span></h2>
									</div>
								</div>
							</div>
							<div class="n-content">
							@if(!empty($books))
								<div class="row">
								@foreach($books as $book)
								<div class="col-sm-12 col-md-6">
								
									<div class="main-book">
										<img src='{{$book->image()}}' alt="{{$book->title}}">
										<h4><a href="book/{{$book->id}}">{{$book->title}}</a></h4>
										<p><span>लेखकको नाम:</span> {{$book->author}}</p>
										@if($book->npdate())
										<p><span>प्रकाशित मिति:</span> {{$book->npdate()['Y']}}</p>
										@endif
										<p><span>भाषा:</span> @if($book->lang=='english') अंग्रेजी @endif
										@if($book->lang=='nepali') नेपाली @endif</p>
									</div>	
								
								</div>
								@endforeach
							</div>
							@endif	
							</div>

						</div>
						<div class="col-sm-12 col-md-4">
							<div class="row">
								<div class="col-md-12">
									<div class="title heading">
										<h2><span>सूचनाहरू</span>
											<span class="float-right"><a href="/notices">सबै...</a></span></h2>
									</div>
								</div>
							</div>
							
							<div class="n-content">
								<div class="main-notice">
								<!-- <img src="/imgsahi/notice.jpg" alt="">-->
								@if($singlenotice && $singlenotice->url())
									<img src="{{$singlenotice->url()}}" alt="{{$singlenotice->title}}">
									@else
								<img src="/imgsahi/notice.jpg">
								@endif
								@if($singlenotice)						
								
									<h4><a href="/notice/{{$singlenotice->id}}">{{$singlenotice->title}}</a></h4>
									@endif
								</div>
								

								<div class="notice-list">
								@foreach($notices as $notice)
									<ul class="unstyled-list pl-0">
										<li><a href="/notice/{{$notice->id}}"><span>{{$notice->title}}</span></a></li>
										
									</ul>
								@endforeach

							
								</div>
							</div>
							
						</div>
					</div>
				</div>
			</section>
			<!-- End upcoming-event Area -->
			<div class="t1"></div><div class="t2"></div><div class="t3"></div>
			<div class="t4"></div><div class="t5"></div>
		</main>

@endsection
<style>
	.sabai:hover{
		color: #EA1D24 !important;
	}
	</style>