@extends('layouts.election_app')
@section('content')

	<div class="container-fluid text-center" style="margin-top:2%;">
	 

	 <div class="d-flex justify-content-center " style="padding:5px;margin-left:30px;margin-right:30px;">
		<div class="col-3"  style="">
		
			@include('layouts.left_menu',['general_election'=>$wardwise_doc->wardwise_election_result->general_election])
			
			<!-- accordian start -->
		 	 <div class="container mt-5">
			  <div class="accordion" id="accordionExample">
				<div class="accordion-item">
				  <h2 class="accordion-header" id="headingOne">
					<button class="accordion-button" type="button" style="background-color:#D9EDF6;font-size:14px;"
							data-bs-toggle="collapse"
							data-bs-target="#collapseOne"
							aria-expanded="true"
							aria-controls="collapseOne">
					 Download candidate's nomination letter and documents
					</button>
				  </h2>
				  <div id="collapseOne" class="accordion-collapse collapse show1"
					   aria-labelledby="headingOne"
					   data-bs-parent="#accordionExample">
					<div class="accordion-body">
					  <strong>This is the first item’s accordion body.</strong> You can collapse and expand this section.
					</div>
				  </div>
				</div>
			  </div>
			</div>


		<!-- accordian end -->

		</div>
		<div class="col-9"  style="border:1px solid lightgrey;margin:5px;border-radius:3px;">
			<ul style="list-style:none; padding: 0; margin: 0;" >
		
				
				<li>	
					<h1 class="text-center p-3 text-info-emphasis">Ward-wise election results</h1>
					<div>
					<nav aria-label="breadcrumb">
					  <ol class="breadcrumb">
						<li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
						<li class="breadcrumb-item"><a href="{{route('wardwise_election_results',$wardwise_doc->wardwise_election_result->general_election)}}">Elected candidates wards</a></li>
						<li class="breadcrumb-item"><a href="{{route('wardwise_election_results.wardwise_documents',$wardwise_doc->wardwise_election_result)}}">Elected candidates ward documents</a></li>
						<li class="breadcrumb-item active" aria-current="page">Elected candidates ward document display</li>
									 

					 </ol>
					</nav>
					</div>
					<div class="" style="border:1px solid #000;">
						<ul class="list-group list-group-flush"> 	 
							<div class="container text-center p-5">
								<div class="row">
								 @if($wardwise_doc->file_ext=='pdf')
									<div class="ratio ratio-16x9">
									  <iframe src="{{ asset('storage/' . $wardwise_doc->filepath) }}" allowfullscreen></iframe>
									</div>
								  @else
										<img src="{{asset('storage/'.$wardwise_doc->filepath)}}" class="card-img-top" alt="..." height="100%;">
								  @endif
								</div>
							</div>						  
						</ul>
					</div>			 
				</li>
			</ul> 
			
		</div>

	  </div>
	  
	  
	</div>
@endsection