@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->elected_candidate->general_election,'nomination_docs'=>$nomination_docs])
			
			</div>

		</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 text-info-emphasis">{{__('labels.list_of_elected_candidates')}} </h1>
					<p class="text-center mb-3 text-info-emphasis">
						@if($currentLocale=='en')
						{{ $wardwise_doc->elected_candidate->general_election->title_en }}
						@else
						{{ $wardwise_doc->elected_candidate->general_election->title_mr }}	
						@endif
					</p>
					<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('elected_candidates',$wardwise_doc->elected_candidate->general_election)}}">Elected candidates wards</a></li>
						<li class="breadcrumb-item"><a href="{{route('elected_candidates.wardwise_documents',$wardwise_doc->elected_candidate)}}">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