<?php $__env->startSection('content'); ?> 

   <link href="<?php echo asset('theme/assets/hover/hover.css'); ?>" rel="stylesheet">
   <link href="<?php echo asset('theme/assets/hover/hover-min.css'); ?>" rel="stylesheet">

	 <div class="qv rc sm sp">
        <div class="qw">
          	<?php if(Session::has('Name')): ?>
          		<span style="margin-left:70px;"> <strong> मतदार माहिती </strong> </span>
				<span style="margin-top:-7px;margin-left:55%;">Welcome, <?php echo e(Session::get('Name')); ?>

				<a href='dashboard' class='cg ts fx green' style="margin-left:80px;"> Go To Dashboard </a>
			<?php endif; ?>
        </div>
      </div>
	  <div id="effects"  class="by amt effects" style="margin-top:-1%;">
	    <div class="gc">
	      <div class="gz">
	        <div class="ca qo anx">
	          <div class="qf b aml" style="width:180%;margin-left:15%;">
	          	 <?php foreach($voter as $voterDetails): ?>
								<div class="panel panel-default">
								    <div class="panel-heading" >
							    	<h4 class="panel-title">  &nbsp;&nbsp;  अं.क्र. : <?php echo e($voterDetails->SrNo); ?> &nbsp;&nbsp;&nbsp; <?php echo e($voterDetails->MarathiFirstName); ?> <?php echo e($voterDetails->MarathiMiddleName); ?> <?php echo e($voterDetails->MarathiLastName); ?>  </h4>
							    	</div>
			          	 		</div>
					<div id="accordion" role="tablist" aria-multiselectable="true">
					  <div class="panel panel-primary">
					    <div class="panel-heading" role="tab" id="headingOne">
					      <h4 class="panel-title">
					        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" style="text-decoration:none;">
					          वैयक्तिक माहिती
					        </a>
					      </h4>
					    </div>
					    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
							<div class="row" style="margin-top:3%;">
								<div class="col-lg-12">
									<div class="col-lg-1">
										<strong> संपूर्ण नाव : </strong>
									</div>
									<div class="col-lg-3" >
										<span class="hvr-grow-shadow"> <?php echo e($voterDetails->MarathiFirstName); ?> <?php echo e($voterDetails->MarathiMiddleName); ?> <?php echo e($voterDetails->MarathiLastName); ?>  </span>
									</div>
									<div class="col-lg-1">
										<strong> लिंग : </strong>
									</div>
									<div class="col-lg-1">
										<span class="hvr-grow-shadow">
										<?php 
											if($voterDetails->Sex=="M")
											{
												echo "पुरुष";
											}
											else if($voterDetails->Sex=="F")
											{
												echo "स्त्री";
											}
										 ?>
										</span>
									</div>
									<div class="col-lg-1">
										<strong> वय :</strong>
									</div>
									<div class="col-lg-1">
										<span class="hvr-grow-shadow">
										<?php echo e($voterDetails->Age); ?>

									</span>
									</div>
								</div>
							</div>
							<div class="row" style="margin-top:3%;">
								<div class="col-lg-12">
									<div class="col-lg-1">
										<strong> मोबाईल : </strong>
									</div>
									<div class="col-lg-2">
										<span class="hvr-grow-shadow"><?php echo e($voterDetails->MobileNumber); ?> </span>
									</div>
									<div class="col-lg-2">
										<strong> व्हाट्सअप क्र.: </strong>
									</div>
									<div class="col-lg-2">
										<span class="hvr-grow-shadow"><?php echo e($voterDetails->WhatsAppNumber); ?></span>
									</div>
							
									<div class="col-lg-2">
										<strong> जन्मतारीख : </strong>
									</div>
									<div class="col-lg-2">
										<span class="hvr-grow-shadow">
										<?php
											if($voterDetails->DateofBirth=="" || $voterDetails->DateofBirth=="0000-00-00")
											{
												echo "-";
											}
											else
											{
												echo $voterDetails->DateofBirth;
											}
										?>
										</span>
									</div>
								</div>
							</div>
							<div class="row" style="margin-top:3%;">
								<div class="col-lg-12">
									<div class="col-lg-1">
										<strong>पत्ता :</strong>
									</div>
									<div class="col-lg-7">
										<span class="hvr-grow-shadow"><?php echo e($voterDetails->Address); ?> </span>
									</div>
								</div>
							</div>
							<div class="row" style="margin-top:2%;">
								<div class="col-lg-12">
									<div class="col-lg-2">
										<strong>नवीन पत्ता :</strong>
									</div>
									<div class="col-lg-7">
										<span class="hvr-grow-shadow"><?php echo e($voterDetails->NewAddress); ?> </span>
									</div>
								</div>
							</div>
							
							<div class="row" style="margin-top:3%;">
								<div class="col-lg-12">
									<div class="col-lg-2">
										<strong> शिक्षण : </strong>
									</div>
									<div class="col-lg-2">
									<span class="hvr-grow-shadow">	<?php echo e($voterDetails->Education); ?> </span>
									</div>
									
									<div class="col-lg-1">
										<strong> जात :</strong>
									</div>
									<div class="col-lg-2">
										<span class="hvr-grow-shadow">	<?php echo e($voterDetails->Cast); ?></span>
									</div>									
								</div>
							</div>
							
							<p/>&nbsp;
							<p/>
					    </div>
					  </div>
					  <div class="panel panel-primary" style="margin-top:2%;">
					    <div class="panel-heading" role="tab" id="headingTwo">
					      <h4 class="panel-title">
					        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" style="text-decoration:none;">
					          मतदार माहिती
					        </a>
					      </h4>
					    </div>
					    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
							<div class="row" style="margin-top:3%;">
								<div class="col-lg-12">
									<div class="col-lg-2">
										<strong> अं.क्र. </strong>
									</div>
									<div class="col-lg-2">
										<span class="hvr-grow-shadow"><?php echo e($voterDetails->SrNo); ?></span>
									</div>
									<div class="col-lg-2">
										<strong> मतदान ओळखपत्र क्र. </strong>
									</div>
									<div class="col-lg-2">
										<span class="hvr-grow-shadow">
											<?php echo e($voterDetails->EPICNumber); ?>

						      		  </span>
									</div>
								</div>
							</div>
							
							<div class="row" style="margin-top:3%;">
								<div class="col-lg-12">
									<div class="col-lg-2">
										<strong> मतदान केंद्र</strong>
									</div>
									<div class="col-lg-4">
										<span class="hvr-grow-shadow"><?php echo e($voterDetails->VotingCentre); ?></span>
									</div>									
								</div>
							</div>
							<div class="row" style="margin-top:3%;">
								<div class="col-lg-12">

									<div class="col-lg-2">
										<strong> बूथ नंबर </strong>
									</div>
									<div class="col-lg-4">
										<span class="hvr-grow-shadow"><?php echo e($voterDetails->BoothNumber); ?></span>
									</div>	
								</div>
							</div>
							
							
					    </div>
					  </div>

					<div class="panel panel-primary" style="margin-top:2%;">
					    <div class="panel-heading" role="tab" id="headingThree">
					      <h4 class="panel-title">
					        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseTwo" style="text-decoration:none;">
					          	कार्यकर्ता माहिती
					        </a>
					      </h4>
					    </div>
					    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="collapseThree">
							<div class="row" style="margin-top:3%;">
								<div class="col-lg-12">
									<table class="table">
										<tr>
											<th>  नाव	</th>
											<th>  मोबाईल	</th>
											<th>  पत्ता	</th>
											<th>  कार्यकर्त्याची माहिती 	</th>																																	
											<th>  जोडलेला  मतदार काढा 	</th>
										</tr>

										<?php foreach($AppUsers as $appuser): ?>
											<tr>
												<td> <?php echo e($appuser->Name); ?>	</td>
												<td> <?php echo e($appuser->MobileNumber); ?>	</td>
												<td> <?php echo e($appuser->Address); ?>	</td>
												<td> <?php $AppUserID=$appuser->AppUserID;$VoterID=$voterDetails->VoterID; ?> <a href="#" onclick="loadInfoOfAppUser(<?php echo $AppUserID; ?>)" class="cg ts fx green" > दाखवा </a> </td>
												<td> <a href="#" onclick="RemoveVoterFromAppUser(<?php echo $AppUserID; ?>,<?php echo $VoterID; ?>)" class="cg ts fx green" > <span class="fa fa-trash"></span></a>	</td>
											</tr>
										<?php endforeach; ?>
									</table>
								</div>
							</div>
						</div>
					</div>
					</div>
                 <?php endforeach; ?>
	          </div>
	        </div>
	      </div>
	    </div>
	  </div>

	  <script>
	  	function loadInfoOfAppUser(AppUserID)
	  	{
		  	$.ajax({
		            type: "GET",
		            url: "getAppDetailsById",
		            data:"AppUserID="+AppUserID,
		            dataType: "json",
		            success: function(result){
		                $.each(result, function(id, value) {
		                	// Assign Value To Modal
		                	document.getElementById("Name").innerHTML=value.Name;
							document.getElementById("MobileNumber").innerHTML=value.MobileNumber;
							document.getElementById("WhatsAppNumber").innerHTML=value.WhatsAppNumber;
							document.getElementById("Address").innerHTML=value.Address;
							document.getElementById("Email").innerHTML=value.Email;
							document.getElementById("DateOfBirth").innerHTML=value.DateOfBirth;
							document.getElementById("ActivationDate").innerHTML=value.BloodGroup;
							document.getElementById("IMEINumber").innerHTML=value.CastName;							
							$('#AppUserInformation').modal('show');
		                });
            	}
       		});
	  	}

	  	function RemoveVoterFromAppUser(AppUserID,VoterID)
	  	{
		  	$.ajax({
		            type: "GET",
		            url: "RemoveAppVoters",
		            data:"AppUserID="+AppUserID+"&VoterID="+VoterID,
		            dataType: "json",
		            success: function(result){
		               alert(result.Message);
		                setTimeout("location.reload(true);", 0);
		            }
	        });
	  	}
	  </script>

	  	<!--  Modal -->
		<div id="AppUserInformation" class="modal fade" role="dialog">
		  <div class="modal-dialog">

		    <!-- Modal content-->
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal">&times;</button>
		        <h4 class="modal-title"> कार्यकर्ता संपूर्ण माहिती </h4>
		      </div>
		      <div class="modal-body">
		        <div class="row">
		        	<div class="col-lg-12">
			        	<div class="col-lg-2">
			        		<strong> नाव : </strong>
			        	</div>
			        	<div class="col-lg-4">
			        		<strong><span id="Name"></span></strong>
			        	</div>
			        	
		        	</div>
		        </div>
		       
		         <div class="row" style="margin-top:3%;">
		        	<div class="col-lg-12">
		        		<div class="col-lg-2">
			        		<strong> मोबाईल:  </strong>
			        	</div>
			        	<div class="col-lg-3">
			        		<strong><span id="MobileNumber"></span></strong>
			        	</div>
			        	<div class="col-lg-3">
			        		<strong> व्हॉट्सअप नंबर: </strong>
			        	</div>
			        	<div class="col-lg-4">
			        		<strong><span id="WhatsAppNumber"></span></strong>
			        	</div>
		        	</div>
		        </div>
		        <div class="row" style="margin-top:3%;">
		        	<div class="col-lg-12">
			        	<div class="col-lg-2">
			        		<strong>	पत्ता : </strong>
			        	</div>
			        	<div class="col-lg-5">
			        		<strong><span id="Address"></span></strong>
			        	</div>
		        	</div>
		        </div>
		        <div class="row" style="margin-top:3%;">
		        	<div class="col-lg-12">
			        	<div class="col-lg-2">
			        		<strong>	इमेल </strong>
			        	</div>
			        	<div class="col-lg-5">
			        		<strong><span id="Email"></span></strong>
			        	</div>
		        	</div>
		        </div>
		        <div class="row" style="margin-top:3%;">
		        	<div class="col-lg-12">
			        	<div class="col-lg-2">
			        		<strong>वाढदिवस: </strong>
			        	</div>
			        	<div class="col-lg-4">
			        		<strong><span id="DateOfBirth"></span></strong>
			        	</div>
		        	</div>
		        </div>
				<div class="row" style="margin-top:3%;">
		        	<div class="col-lg-12">
			        	<div class="col-lg-3">
			        		<strong><strong> रक्तगट </strong></strong>
			        	</div>
			        	<div class="col-lg-4">
			        		<strong><span id="ActivationDate"></span></strong>
			        	</div>
		        	</div>
		        </div>
		        <div class="row" style="margin-top:3%;">
		        	<div class="col-lg-12">
		        		<div class="col-lg-3">
			        		<strong><strong>  जात  </strong></strong>
			        	</div>
			        	<div class="col-lg-4">
			        		<strong><span id="IMEINumber"></span></strong>
			        	</div>
		        	</div>
		        </div>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="cg fp" data-dismiss="modal">Close</button>
		      </div>
		    </div>
		  </div>
		</div>
		<!--  End Modal -->

	  <style>
	  /* Modal Header */
		.modal-header {
		    padding:9px 15px;
		    border-bottom:1px solid #eee;
		    background-color: #0480be;
		    color:#F5F5F5;
		    -webkit-border-top-left-radius: 5px;
		    -webkit-border-top-right-radius: 5px;
		    -moz-border-radius-topleft: 5px;
		    -moz-border-radius-topright: 5px;
		     border-top-left-radius: 5px;
		     border-top-right-radius: 5px;
		 }

		/* Grow Shadow */
		.hvr-grow-shadow {
		  display: inline-block;
		  vertical-align: middle;
		  -webkit-transform: translateZ(0);
		  transform: translateZ(0);
		  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
		  -moz-osx-font-smoothing: grayscale;
		  -webkit-transition-duration: 0.3s;
		  transition-duration: 0.3s;
		  -webkit-transition-property: box-shadow, transform;
		  transition-property: box-shadow, transform;
		}
		.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
		  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
		  -webkit-transform: scale(1.1);
		  transform: scale(1.1);
		}

		/* Box Shadow Outset */
		.hvr-box-shadow-outset {
		  display: inline-block;
		  vertical-align: middle;
		  -webkit-transform: translateZ(0);
		  transform: translateZ(0);
		  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
		  -moz-osx-font-smoothing: grayscale;
		  -webkit-transition-duration: 0.3s;
		  transition-duration: 0.3s;
		  -webkit-transition-property: box-shadow;
		  transition-property: box-shadow;
		}
		.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
		  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
		}

	  </style>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('admin.layouts.mainview', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>