@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'=>$boothwise_voter_list->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.boothwise_voter_list')}}</h1>
						<p class="text-center mb-3 text-info-emphasis">
							@if($currentLocale=='en')
							{{ $boothwise_voter_list->general_election->title_en }}
							@else
							{{ $boothwise_voter_list->general_election->title_mr }}	
							@endif
						</p>
					<div class="d-flex justify-content-between align-items-center">
					<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('boothwise_voter_lists',$boothwise_voter_list->general_election)}}">{{__('labels.boothwise_voter_list')}} {{__('labels.wards')}}</a></li>
						<li class="breadcrumb-item active" aria-current="page">{{__('labels.boothwise_voter_list')}} {{__('labels.ward_docs')}}</li>
					  </ol>
					</nav>
					</div>
					<div class="badge rounded-pill bg-info fs-5">
						@if($currentLocale=='en')
							{{ $boothwise_voter_list->ward_en }}
						@else
							{{ $boothwise_voter_list->ward_mr }}	
						@endif
					</div>
					</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">							
								
								<ul class="list-group">
									@foreach ($wardwise_documents as $wardwise_doc)							
								  <li class="list-group-item d-flex justify-content-between align-items-center shadow m-2">
								  <div>
								   @if($wardwise_doc->file_ext=='pdf')											 
										<img src="{{asset('build/assets/images/pdf.png')}}" class="card-img-top pointer" alt="..." style="width:50px;height:50px;" onclick="location.href='#'">
										<!-- <img src="{{asset('build/assets/images/pdf.png')}}" class="card-img-top pointer" alt="..." style="width:50px;height:50px;" onclick="location.href='{{route('boothwise_voter_lists.wardwise_document_view',['id'=>$wardwise_doc->id])}}'"> -->
									@else
										<img src="{{asset('build/assets/images/image.png')}}" class="card-img-top pointer" alt="..." style="width:50px;height:50px;" onclick="location.href='{{route('boothwise_voter_lists.wardwise_document_view',['id'=>$wardwise_doc->id])}}'">
									@endif	

									{{$wardwise_doc->file_name($wardwise_doc->filepath)}}
								   </div>
								   <div>
								   <span class="badge text-bg-primary rounded-pill">
										<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>
									</span>
									</div>
								  </li>
								@endforeach
								</ul>
								
								<!--
									@foreach ($wardwise_documents as $wardwise_doc)
									  <div class="col-4 p-2">
										<div class="card h-100">
											<div class="card-header">
												<span style="font-size:10px;font-weight:bold">{{$wardwise_doc->file_name($wardwise_doc->filepath)}}</span>											
											</div>
											@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('boothwise_voter_lists.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('boothwise_voter_lists.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