@extends('backend.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="admin_plot_no" required>
                                            <option label="-- Select plot_type --">
                                            </option>

                                            @foreach($plots as $plot)
                                            <option value="{{$plot->id}}" selected="" > {{$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-admin" style="color: white;">Submit</a>
                                </div>
                            </div>
                        </form>
                        <div class="row" id="admin_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>Type</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="admin_plot_block"></th>
                                                <th id="admin_plot_type"></th>
                                                <th id="admin_plot_no_ajax"></th>
                                                <th id="admin_plot_size"></th>
                                                <th id="admin_plot_price"></th>
                                                <th id="admin_booking_price"></th>
                                                <th id="admin_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" style="display: none">
                                <div class="form-group">
                                    <label class="form-label">Advance Amount</label>
                                    <input type="number" min="1" class="form-control" name="buyer_advance_amount" placeholder="Advance Amount" value="0" 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" style="display: none">
                                <div class="form-group">
                                    <label class="form-label">Six Month Installment price</label>
                                    <input type="number" min="1" class="form-control" id="six_month_installment" name="six_month_installment" value="0" placeholder="Six Month Installment" 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" style="display: none">
                                <div class="form-group">
                                    <label class="form-label">Monthly Installment price</label>
                                    <input type="number" min="1" class="form-control" id="monthly_installment" name="monthly_installment" value="0" placeholder="Monthly Installment" 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" min='1' 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