@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_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('elected_candidates',1)}}">Elected candidates wards</a></li>
						<li class="breadcrumb-item active" aria-current="page">Elected candidates ward documents</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">
									@foreach ($wardwise_documents as $wardwise_doc)
									  <div class="col">
										<div class="card h-100">
										
										  @if($wardwise_doc->file_ext=='pdf')											 
												<img src="{{asset('build/assets/images/pdf.png')}}" class="card-img-top pointer" alt="..." height="200px;" onclick="location.href='{{route('wardwise_election_results.wardwise_document_view',['id'=>$wardwise_doc->id])}}'">
										 @else
												<img src="{{asset('build/assets/images/image.png')}}" class="card-img-top pointer" alt="..." height="200px;" onclick="location.href='{{route('wardwise_election_results.wardwise_document_view',['id'=>$wardwise_doc->id])}}'">
										  @endif	
										  <div class="card-footer">
											<small class="text-body-secondary d-flex justify-content-end">
												<a href="{{ asset('storage/' . $wardwise_doc->filepath) }}" class="btn btn-sm btn-primary" download>
													<i class="fa fa-download"></i>
												</a>											
											</small>
										  </div> 
										</div>
									  </div>					  
									@endforeach
								</div>
							</div>						  
						</ul>
					</div>			 
				</li>
			</ul> 
			
		</div>

	  </div>
	  
	  
	</div>
@endsection