@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">
						<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)
										<option value="{{$plot->id}}" > {{$plot->plot_no}} | {{$plot->plot_size}} | {{$plot->block->block_name}} </option>
									@endforeach

									</select>
								</div>
								<p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
							</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" style="display: none;" >
			<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>
									<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" 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" 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" 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" 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">
									<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" 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" 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" >
									<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" 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" 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">Image</label>
                                    <input type="file" class="form-control" name="image" id="image"  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" 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" 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" 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" 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">Image</label>
                                    <input type="file" class="form-control" name="kin_image" id="kin_image"  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="submit" class="btn btn-primary ml-auto">Add Buyer</a>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
@stop