@extends('dealer.master')
@section('content')
<div class="my-3 my-md-5 app-content">
	<div class="side-app">
		<div class="page-header">
			<h4 class="page-title">Add New Buyer</h4>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="#">Forms</a></li>
				<li class="breadcrumb-item active" aria-current="page">Form Elements</li>
			</ol>
		</div>
		<div class="row">
			<div class="col-12">
				<div class="card">
					<div class="card-header">
						<h3 class="card-title">Select plot</h3>
					</div>
					<div class="card-body">
						<p style="color: red;">Unsold plots will be displayed</p>
						<form  method="post" class="card">
						<div class="row">
							<div class="col-md-9 col-lg-9">
								<div class="form-group mb-0 ">
									<select class="form-control select2 custom-select" data-placeholder="-- Select plot_type --" name="plot_id" id="plot_no" required>
										<option label="-- Select plot_type --">
										</option>
		
									@foreach($plots as $plot_dd)
										<option value="{{$plot_dd->id}}" > {{$plot_dd->plot_no}} | {{$plot_dd->plot_size}} | {{$plot_dd->block->block_name}} </option>
									@endforeach
					
									</select>
								</div>
								<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
								<div class="form-group">
										<label class="form-label"></label>
										<input type="hidden" value="{{$id}}" class="form-control" name="hidden_id" id="hidden_id">
									</div>

									<div class="form-group">
										<label class="form-label"></label>
										@isset($plot->id)
										<input type="hidden" value="{{$plot->id}}" class="form-control" name="plot_hidden_id" id="plot_hidden_id">
										@endisset
									</div>
							</div>
							<div class="col-md-3 col-lg-3">
								<a class="btn btn-primary ml-auto" id="get-plot-record">Submit</a>
							</div>
						</div>
					</form>
						<div class="row" id="plot_details" >
			<div class="col-lg-12 col-md-12">
				<div class="card">
					<div class="card-header">
						<h4 class="card-title">Details</h4>
					</div>
					<div class="table-responsive">
						<table class="table card-table table-vcenter text-nowrap">
							<thead>
								<tr>

									<th>Block</th>
									<th>Plot Numebr</th>
									<th>Plot Size</th>
									<th>plot price</th>
									<th>Booking Price</th>
									<th>Total price</th>
								</tr>
							</thead>
							<tbody>

								<tr>
									@isset($plot->block->block_name)
									<th id="plot_block">{{$plot->block->block_name}}</th>
									@endisset
									@isset($plot->block->plot_no)
									<th id="plot_no_ajax">{{$plot->plot_no}}</th>
									@endisset
									@isset($plot->block->plot_size)
									<th id="plot_size">{{$plot->plot_size}}</th>
									@endisset
									@isset($plot->block->plot_price)
									<th id="plot_price">{{$plot->plot_price}}</th>
									@endisset
									@isset($plot->block->booking_price)
									<th id="booking_price">{{$plot->booking_price}}</th>
									@endisset
									@isset($plot->block->total_price)
									<th id="total_price">{{$plot->total_price}}</th>
									@endisset


									<th id="plot_block"></th>
									
									<th id="plot_no_ajax"></th>
								
									<th id="plot_size"></th>
					
									<th id="plot_price"></th>
						
									<th id="booking_price">{</th>
					
									<th id="total_price"></th>
							

								</tr>

							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
					</div>
				</div>

				
			</div>
		</div>
		
		<div class="row">
			<div class="col-12">
				<form  method="post" class="card">
					<div class="card-header">
						<h3 class="card-title">Buyer Details</h3>
					</div>
					<div class="card-body">
						<div class="row">
							<div class="col-md-4 col-lg-4">
								<div class="form-group">
									<label class="form-label">Full Name</label>
									<input type="text" class="form-control" name="buyer_first_name" placeholder="Full Name" value="{{$buyer->full_name}}" required>
									<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
								</div>
							</div>
							<div class="col-md-4 col-lg-4">
								<div class="form-group">
									<label class="form-label">Father/Husband Name</label>
									<input type="text" class="form-control" name="buyer_last_name" placeholder="Father/Husband Name" value="{{$buyer->guardian_name}}" required>
									<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>

									
								</div>
							</div>
							<div class="col-md-4 col-lg-4">
								<div class="form-group">
									<label class="form-label">CNIC</label>
									<input type="number" class="form-control" name="buyer_cnic" placeholder="CNIC" value="{{$buyer->cnic}}" required>
									<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
								</div>
							</div>
							<div class="col-md-6 col-lg-6">
								<div class="form-group">
									<label class="form-label">Permanent Address</label>
									<input type="text" class="form-control" name="buyer_parmanent_address" placeholder="Permanent Address" value="{{$buyer->parmanent_address}}" required>
									<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
								</div>
							</div>
							<div class="col-md-6 col-lg-6">
								<div class="form-group">
									<label class="form-label">Correspondence Address</label>
									<input type="text" class="form-control" name="buyer_correspondence_address" required placeholder="Correspondence Address" value="{{$buyer->correspondence_address}}">
									<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
								</div>
							</div>
							<div class="col-md-4 col-lg-4">
								<div class="form-group">
									<label class="form-label">Tel. No#</label>
									<input type="number" class="form-control" name="buyer_tel_no" placeholder="Telephone Number" value="{{$buyer->tell_no}}" required>
									<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
								</div>
							</div>
							<div class="col-md-4 col-lg-4">
								<div class="form-group">
									<label class="form-label">Mob. No#</label>
									<input type="number" class="form-control" name="buyer_mob_no" placeholder="Mobile Number" value="{{$buyer->mob_no}}" required>
									<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
								</div>
							</div>
							<div class="col-md-4 col-lg-4">
								<div class="form-group">
									<label class="form-label">Email</label>
									<input type="email" class="form-control" name="buyer_email" placeholder="Email" value="{{$buyer->email}}" required>
									<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
								</div>
							</div>
							<div class="col-md-4 col-lg-4">
								<div class="form-group">
									<label class="form-label">Booking Date</label>
									<input type="date" class="form-control" name="buyer_booking_date" placeholder="Booking Date" value="{{$buyer->booking_date}}" required>
									<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
								</div>
							</div>
							<div class="col-md-4 col-lg-4">
								<div class="form-group">
									<label class="form-label">Advance Amount</label>
													<input type="text" class="form-control" name="buyer_advance_amount" placeholder="Advance Amount" value="{{$buyer->advance_amount}}"  required>
													<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="row">
			<div class="col-12">
				<form  method="post" class="card">
					<div class="card-header">
						<h3 class="card-title">Kinship Details</h3>
					</div>
					<div class="card-body">
						<div class="row">
							<div class="col-md-3 col-lg-3">
								<div class="form-group">
									<label class="form-label">Full Name</label>
									<input type="text" class="form-control" name="kin_first_name" placeholder="Full Name" value="{{$buyer->kin_full_name}}" required>
									<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
								</div>
							</div>
							<div class="col-md-3 col-lg-3">
								<div class="form-group">
									<label class="form-label">CNIC/B-Form Number</label>
									<input type="number" class="form-control" name="kin_cnic" placeholder="CNIC/B-Form Number" value="{{$buyer->kin_cnic}}"  required>
									<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
								</div>
							</div>	
							<div class="col-md-3 col-lg-3">
								<div class="form-group">
									<label class="form-label">Relationship</label>
									<input type="text" class="form-control" name="relationship" placeholder="Relationship" value="{{$buyer->kin_relationship}}" required>
									<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
								</div>
							</div>
							<div class="col-md-3 col-lg-3">
								<div class="form-group">
									<label class="form-label">Mobile Number</label>
									<input type="number" class="form-control" name="kin_mob_no" placeholder="Mobile Number" value="{{$buyer->kin_mob_no}}" required>
									<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
								</div>
							</div>
						</div>
					</div>
					<div class="card-footer text-right">
						<div class="d-flex">
							<a href="{{route('dealer.manage_buyers')}}" class="btn btn-link">Cancel</a>
							<a type="submit" name="submit" id="edit_form" class="btn btn-primary ml-auto">Add Buyer</a>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
@stop