@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'=>$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.candidates_nomination_letter_and_documents')}}</h1>
						<p class="text-center mb-3 text-info-emphasis">
							@if($currentLocale=='en')
							{{ $general_election->title_en }}
							@else
							{{ $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 active" aria-current="page">Nomination wards</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($nomination_wards as $nomination_ward)
										<div class="col-2 p-3" onclick="location.href='{{route('nomination_wards.wardwise_documents',$nomination_ward)}}'" style="border:1px solid black;margin:5px;padding:5px;border-radius:30px; font-size:24px;font-weight:bold;background-color:#11B2C4;color:white;cursor:pointer;">
											@if($currentLocale=='en')
												{{$nomination_ward->ward_en}}
											@else
												{{$nomination_ward->ward_mr}}  
											@endif
										</div>
									@endforeach
								</div>
							</div>						  
						</ul>
					</div>			 
				</li>
			</ul> 
			
		</div>

	  </div>
	  
	  
	</div>
@endsection