@extends('layouts.master')
@section('content')

<style>
.custom-radio {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.custom-radio label {
    margin: 0 30px 0 0;
}

.details-box {
	width: 100%;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
}

.details-box .row {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 10px;
}

.details-box h3 {
    font-size: 16px;
    background-color: #79b363;
    padding: 5px 15px;
    margin: -15px -15px 0;
    color: #fff;
}

</style>
<section class="content home">
   <div class="block-header">
      <div class="row">
         <div class="col-lg-5 col-md-5 col-sm-12">
            <h2>View Plantation
            <small>Welcome to TOF</small>
            </h2>
         </div>            
         <div class="col-lg-7 col-md-7 col-sm-12 text-right">
            
            <ul class="breadcrumb float-md-right">
               <li class="breadcrumb-item"><a href="index.html"><i class="zmdi zmdi-home"></i>ASSAM-TOF</a></li>
               <li class="breadcrumb-item active">View Plantation</li>
            </ul>
         </div>
      </div>
   </div>
   <div class="container-fluid">
      	<div class="row">
         	<div class="col-lg-12 col-md-12 col-sm-12">
            	<div class="card">
					<div class="header">
					<h2><strong>View </strong> Plantation
					<!-- <small>Plantation Raised On Non-forest Land</small> </h2> -->
					<!-- <ul class="header-dropdown">
						<li >
							<a href="/plantation/add" class="btn btn-light btn-block">Add Plantation</a>
						</li>
					</ul> -->
				</div>
				<div class="body">
					<div class="row clearfix">
						<div class="col-md-12 col-lg-12">
							<form action="/admin/plantation/verification" method="POST">
								@csrf
								<input class="form-control" type="hidden" id="plantation_id" name="plantation_id" value="{{ $plantation->id }}">
								<div class="details-box">
									<h3>Profile</h3>
									<div class="pt-2">
										<div class="row">
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Name :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->name_of_pattadar }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Mobile :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->mobile_no }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Email :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->email_id }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Arn No :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->arn_no }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Plantation :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->plantationType->plantation_initial_range }} to {{ $plantation->plantationType->plantation_final_range }} KM</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>P Dag No :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->p_dag_no }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>P Dag No :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->p_dag_no }}</label></div>
												</div>
											</div>
											
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Patta No :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->patta_no }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>P Mouza :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->p_mouza }}</label></div>
												</div>
											</div>
											<div class="col-md-12">
												<div class="row">
													<div class="col-3 text-right"><label><b>Description :</b></label></div>
													<div class="col-9 text-left"><label>{{ $plantation->plantationType->description }}</label></div>
												</div>
											</div>
											<div class="col-md-12" style="display: none;">
												<div class="row">
													<div class="col-3 text-right"><label><b>Please select :</b></label></div>
													<div class="col-9 text-left">
														<p>
																													</p>
														<div class="form-group row">
															<div class="radio">
																<input type="radio" name="profile_response" id="accept" value="1" 
																	>
																<label for="accept">
																	Verified
																</label>
															</div>&nbsp;
															<div class="radio">
																<input type="radio" name="profile_response" id="reject" value="2" 
																	>
																<label for="reject">
																	Need to change
																</label>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="col-md-12" style="display: none;">
												<div class="row">
													<div class="col-3 text-right"><label><b>Remarks :</b></label></div>
													<div class="col-9 text-left"><textarea class="form-control" type="text" id="profile_remarks" name="profile_remarks"></textarea></div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="details-box">
									<h3>Address Details</h3>
									<div class="pt-2">
										<div class="row">
											<div class="col-md-12">
												<p class="mb-3 text-center"><b>User Address Details</b></p>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Address :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->plantationAddressDetail->address_pattadar }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Post Office :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->plantationAddressDetail->post_office }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Police Station :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->plantationAddressDetail->police_station }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Police Station :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->plantationAddressDetail->police_station }}</label></div>
												</div>
											</div>

											<div class="col-md-12">
												<p class="mb-3 text-center"><b>Father Address Details</b></p>
											</div> 

											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Father Name :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->father_name }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Father Address :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->father_address }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Father Village :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->father_village }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Father Post Office :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->father_post_office }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Father Police Station :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->father_police_station }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Father District :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->father_district_id }}</label></div>
												</div>
											</div>
											<div class="col-md-12" style="display: none;">
												<div class="row">
													<div class="col-3 text-right"><label><b>Please select :</b></label></div>
													<div class="col-9 text-left">
														<p>
																													</p>
														<div class="form-group row">
															<div class="radio">
																<input type="radio" name="address_response" id="acceptaddr" value="1" 
																	>
																<label for="acceptaddr">
																	Verified
																</label>
															</div>&nbsp;
															<div class="radio">
																<input type="radio" name="address_response" id="rejectaddr" value="2" 
																	>
																<label for="rejectaddr">
																	Need to change
																</label>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="col-md-12" style="display: none;">
												<div class="row">
													<div class="col-3 text-right"><label><b>Remarks :</b></label></div>
													<div class="col-9 text-left">
														<textarea class="form-control" type="text" id="address_remarks" name="address_remarks"></textarea>
													<div>
												<div>
											</div> 
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
								<div class="details-box">
									<h3>Area</h3>
									<div class="pt-2">
										<div class="row">
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Area Of Plot Unit :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->plantationAreaDetail->area_of_plot_unit }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Area Of Plot :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->plantationAreaDetail->area_of_plot }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Year Of Patta Issue :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->plantationAreaDetail->year_of_patta_issue }}</label></div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="row">
													<div class="col-6 text-right"><label><b>Nature Of Patta :</b></label></div>
													<div class="col-6 text-left"><label>{{ $plantation->plantationAreaDetail->nature_of_patta }}</label></div>
												</div>
											</div>
											<div class="col-md-12" style="display: none;">
												<div class="row">
													<div class="col-3 text-right"><label><b>Please select :</b></label></div>
													<div class="col-9 text-left">
														<p> 
																													</p>
														<div class="form-group row">
															<div class="radio">
																<input type="radio" name="area_response" id="acceptarea" value="1" 
																	>
																<label for="acceptarea">
																	Verified
																</label>
															</div>&nbsp;
															<div class="radio">
																<input type="radio" name="area_response" id="rejectarea" value="2" 
																	>
																<label for="rejectarea">
																	Need to change
																</label>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="col-md-12" style="display: none;">
												<div class="row">
													<div class="col-3 text-right"><label><b>Remarks :</b></label></div>
													<div class="col-9 text-left"><textarea class="form-control" type="text" id="area_remarks" name="area_remarks"></textarea></div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="details-box">
									<h3>Species</h3>
									<!-- <div class="col-lg-12"> -->
									 <div class="pt-2">
										<div class="table-responsive">
											<table class="table m-b-0 table-bordered table-striped">
											<thead>
												<tr>
												<th scope="col">#</th>
												<th scope="col">Species</th>
												<th scope="col">Years Of Creation</th>
												<th scope="col">Area</th>
												<th scope="col">No Of Trees</th>
												<th scope="col">Average Height</th>
												<th scope="col">Average Girth</th>
												<th scope="col">Boundary Description</th>
												</tr>
											</thead>
											<tbody>
												@foreach($plantation->plantationSpecies as $key => $value)
												<tr>
													<th scope="row">{{ $key+1 }}</th>
													<td>@if(isset($value->species)) {{ $value->species->name }} ({{ $value->species->scientific_name }}) @else N/A @endif</td>
													<td>{{ $value->years_of_creation }}</td>
													<td>{{ $value->area }}</td>
													<td>{{ $value->no_of_trees }}</td>
													<td>{{ $value->average_height }}</td>
													<td>{{ $value->average_girth }}</td>
													<td>{{ $value->boundary_description }}</td>
												</tr>
												@endforeach
											</tbody>
											</table>
										</div>
											
										<!-- </div> -->
										<div class="row pt-2" style="display: none;">
											<div class="col-md-12">
												<div class="row">
													<div class="col-3 text-right"><label><b>Please select :</b></label></div>
													<div class="col-9 text-left">
														<p> 
																													</p>
														<div class="form-group row">
															<div class="radio">
																<input type="radio" name="species_response" id="acceptsp" value="1" 
																	>
																<label for="acceptsp">
																	Verified
																</label>
															</div>&nbsp;
															<div class="radio">
																<input type="radio" name="species_response" id="rejectsp" value="2" 
																	>
																<label for="rejectsp">
																	Need to change
																</label>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="col-md-12">
												<div class="row">
													<div class="col-3 text-right"><label><b>Remarks :</b></label></div>
													<div class="col-9 text-left"><textarea class="form-control" type="text" id="species_remarks" name="species_remarks"></textarea></div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="details-box">
									<h3>Attached Documents</h3>
									<div class="pt-2">
																				@foreach($documents as $initKey => $initValue)
										<div>
											<h5> {{ $i++ }}) {{ ucfirst(str_replace('_', ' ', $initKey)) }}</h5>
											<div class="row">
												<div class="col-lg-12">
													<div class="row">
														@foreach($initValue as $key => $value)
															<div class="col-lg-4">
																<div class="doc-image">
																	@if(pathinfo(storage_path($value->file), PATHINFO_EXTENSION) == 'pdf')
																	<embed src="{{ url($value->file) }}" alt="{{ $value->document_type }}" >
																	@else
																	<a download="{{ $value->document_name }}.{{ pathinfo(storage_path($value->file), PATHINFO_EXTENSION) }}" href="{{ url($value->file) }}" title="ImageName">
																		<img src="{{ url($value->file) }}"  width="400">
																	</a>
																	@endif
																	<p>Document: {{ $value->document_detail }}</p>
																</div>
															</div>
														@endforeach
													</div>
												</div>
												<div class="col-md-12" style="display: none;">
													<div class="row">
														<div class="col-3 text-right"><label><b>Please select :</b></label></div>
														<div class="col-9 text-left">
															<p> 
																															</p>
															<div class="form-group row">
																<div class="radio">
																	<input type="radio" name="{{$initKey}}_response" id="{{$initKey}}_acceptattach" value="1" 
																		>
																	<label for="{{$initKey}}_acceptattach">
																		Verified
																	</label>
																</div>&nbsp;
																<div class="radio">
																	<input type="radio" name="{{$initKey}}_response" id="{{$initKey}}_rejectatach" value="2" 
																		>
																	<label for="{{$initKey}}_rejectatach">
																		Need to change
																	</label>
																</div>
															</div>
														</div>
													</div>
												</div>
												<div class="col-md-12" style="display: none;">
													<div class="row">
														<div class="col-3 text-right"><label><b>Remarks :</b></label></div>
														<div class="col-9 text-left"><textarea class="form-control" type="text" id="{{$initKey}}_remarks" name="{{$initKey}}_remarks"></textarea></div>
														</div>
													</div>
												</div>
										</div>
										@endforeach
									</div>
								</div>
								<div class="form-group">
									<button type="submit" class="btn btn-primary btn-round btn-sm">Save</button>
								</div>
							</form>
						</div>
            		</div>
         		</div>
       		</div>
       	</div></div>
		<div class="row">
         	<div class="col-lg-12">@include('layouts.footer')</div>
		</div>
	</div>
</section> 
@endsection