@extends('Admin/layout')
@section('title','Property List')
@section('content')
@if(has_permission('Plot','View'))
<div class="container-fluid">
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-header align-items-center d-flex">
                    <h4 class="card-title mb-0 flex-grow-1">Property List</h4>
                    <div class="flex-shrink-0">
                           @if(has_permission('Plot','Create'))
                           <div class="form-check form-switch form-switch-right form-switch-md">
                           <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addModals">Add Property</button>
                           </div>
                           @endif
                     </div>
                </div>
                <!-- end card header -->

                <div class="card-body">
                    <div class="live-preview">
                        <div class="table-responsive table-card mb-1">
                            <table class="table table-sm table-striped align-middle table-nowrap mb-0" id='plot_list_table'>
                                <thead class="table-dark">
                                    <tr>
                                        <th scope="col">DatetIme</th>
                                        <th scope="col">Property Name</th>
                                        <th scope="col">Scheme Name</th>
                                        <th scope="col">Property Size (SQ Mtr)</th>
                                        <th scope="col">Property Size (SQ Yard)</th>
                                        <th scope="col">Brokergeable Size</th>
                                        <th scope="col">Property Shape</th>
                                        <th scope="col">Road Size</th>
                                        <th scope="col">Property Facing</th>
                                        <th scope="col">Status</th>
                                        <th scope="col">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    
                                    
                                </tbody>
                                
                            </table>
                            <!-- end table -->
                        </div>
                        <!-- end table responsive -->
                    </div>
                    
                </div><!-- end card-body -->
            </div><!-- end card -->
        </div><!-- end col -->
       
    </div>
</div>
@endif
@if(has_permission('Plot','Create'))
<div id="addModals" class="modal fade" tabindex="-1" style="display: none;" aria-hidden="true">
   <div class="modal-dialog modal-lg  modal-dialog-scrollable">
      <div class="modal-content border-0 overflow-hidden">
         <div class="modal-header p-3">
            <h4 class="card-title mb-0">Create Plot</h4>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
       
         <div class="modal-body">
            <form method="POST" class="needs-validation" novalidate >
               <div class="row">
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label for="Nameinput" class="form-label">Plot Name <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" placeholder="Enter Plot Name" id="plot_name" name="plot_name" value="{{old('name')}}" required>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label for="Nameinput" class="form-label">Scheme Name <span class="text-danger">*</span></label>
                        <select class="form-control" data-choices name="scheme_name" id="scheme_name" required>
                                 <option value="">Choose Scheme Name</option>
                                 @if($tblschemes)
                                    @foreach($tblschemes as $key => $value)
                                       <option value="{{$value->id}}">{{$value->name}}</option>
                                    @endforeach
                                 @endif
                        </select>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label for="Nameinput" class="form-label">Plot Shape <span class="text-danger">*</span></label>
                        <select class="form-control" data-choices name="plot_shape" id="plot_shape" required>
                                 <option value="">Choose Plot Shape</option>
                                 @if($tblplot_shapes)
                                    @foreach($tblplot_shapes as $key => $value)
                                       <option value="{{$value->id}}">{{$value->name}}</option>
                                    @endforeach
                                 @endif
                        </select>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label for="Nameinput" class="form-label">Plot Facing <span class="text-danger">*</span></label>
                        <select class="form-control" data-choices name="plot_facing" id="plot_facing" required>
                                 <option value="">Choose Plot Facing</option>
                                 @if($tblplot_facings)
                                    @foreach($tblplot_facings as $key => $value)
                                       <option value="{{$value->id}}">{{$value->name}}</option>
                                    @endforeach
                                 @endif
                        </select>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label for="Nameinput" class="form-label">Plot Size (Sq. Mtr.) <span class="text-danger">*</span></label>
                        <input type="number" class="form-control" name="plot_size_sq_mtr" id="plot_size_sq_mtr" placeholder="Plot Size (Sq. Mtr.) " required>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label class="form-label">Plot Size (Sq. Yard.) <span class="text-danger">*</span></label>
								<input type="number" class="form-control" name="plot_size_sq_yard" id="plot_size_sq_yard" placeholder="Plot Size (Sq. Yard.) " required>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label class="form-label">Brokergeable Size (SQ YD) </label>
								<input type="number" class="form-control" name="brokergeable_size" id="brokergeable_size" placeholder="Brokergeable Size (SQ YD)" required>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label class="form-label"> Road Size 60 & Above 60</label>
								<input type="number" class="form-control" name="road_size" id="road_size" placeholder="Road Size">
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label class="form-label">Plot Status <span class="text-danger">*</span></label>
								<select data-choices class="form-control" name="plot_status" id="plot_status">
										<option value="">Select Status</option>
										<option value="On Hold">On Hold</option>
										<option value="Booked">Booked</option>
										<option value="Available">Available</option>
										<option value="Sale">Sale</option>
										<option value="Not For Sale">Not For Sale</option>
										<option value="ReSale">ReSale</option>
								</select>
                     </div>
                  </div>
                  <div class="col-md-3">

                  </div>
               </div>
              
               <div class="text-end">
                  <button type="button" onclick="savePlot('plot-store')" class="btn btn-primary">Save</button>
               </div>
            </form>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
@endif
@if(has_permission('Plot','Edit'))
<div id="editModals" class="modal fade" tabindex="-1" style="display: none;" aria-hidden="true">
   <div class="modal-dialog modal-lg modal-dialog-scrollable">
      <div class="modal-content border-0 overflow-hidden">
         <div class="modal-header p-3">
            <h4 class="card-title mb-0">Edit Plot</h4>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
       
         <div class="modal-body container">
            <form method="POST" class="needs-validation" novalidate >
               <div class="row">
                  <div class="col-md-6">
                     <div class="mb-3">
                     <input type="hidden" class="form-control" placeholder="Enter Plot Name" id="edit_plot_id" name="edit_plot_id" value="" required>
                        <label for="Nameinput" class="form-label">Plot Name <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" placeholder="Enter Plot Name" id="edit_plot_name" name="edit_plot_name" value="{{old('name')}}" required>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label for="Nameinput" class="form-label">Scheme Name <span class="text-danger">*</span></label>
                        <select class="form-control" name="edit_scheme_name" id="edit_scheme_name" required>
                                 <option value="">Choose Scheme Name</option>
                                 @if($tblschemes)
                                    @foreach($tblschemes as $key => $value)
                                       <option value="{{$value->id}}">{{$value->name}}</option>
                                    @endforeach
                                 @endif
                        </select>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label for="Nameinput" class="form-label">Plot Shape <span class="text-danger">*</span></label>
                        <select class="form-control" name="edit_plot_shape" id="edit_plot_shape" required>
                                 <option value="">Choose Plot Shape</option>
                                 @if($tblplot_shapes)
                                    @foreach($tblplot_shapes as $key => $value)
                                       <option value="{{$value->id}}">{{$value->name}}</option>
                                    @endforeach
                                 @endif
                        </select>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label for="Nameinput" class="form-label">Plot Facing <span class="text-danger">*</span></label>
                        <select class="form-control" name="edit_plot_facing" id="edit_plot_facing" required>
                                 <option value="">Choose Plot Facing</option>
                                 @if($tblplot_facings)
                                    @foreach($tblplot_facings as $key => $value)
                                       <option value="{{$value->id}}">{{$value->name}}</option>
                                    @endforeach
                                 @endif
                        </select>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label for="Nameinput" class="form-label">Plot Size (Sq. Mtr.) <span class="text-danger">*</span></label>
                        <input type="number" class="form-control" name="edit_plot_size_sq_mtr" id="edit_plot_size_sq_mtr" placeholder="Plot Size (Sq. Mtr.) " required>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label class="form-label">Plot Size (Sq. Yard.) <span class="text-danger">*</span></label>
								<input type="number" class="form-control" name="edit_plot_size_sq_yard" id="edit_plot_size_sq_yard" placeholder="Plot Size (Sq. Yard.) " required>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label class="form-label">Brokergeable Size (SQ YD) </label>
								<input type="number" class="form-control" name="edit_brokergeable_size" id="edit_brokergeable_size" placeholder="Brokergeable Size (SQ YD)" required>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label class="form-label"> Road Size 60 & Above 60</label>
								<input type="number" class="form-control" name="edit_road_size" id="edit_road_size" placeholder="Road Size">
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mb-3">
                        <label class="form-label">Plot Status <span class="text-danger">*</span></label>
								<select class="form-control" name="edit_plot_status" id="edit_plot_status">
										<option value="">Select Status</option>
										<option value="On Hold">On Hold</option>
										<option value="Booked">Booked</option>
										<option value="Available">Available</option>
										<option value="Sale">Sale</option>
										<option value="Not For Sale">Not For Sale</option>
										<option value="ReSale">ReSale</option>
								</select>
                     </div>
                  </div>
                  <div class="col-md-3">

                  </div>
               </div>
              
               <div class="text-end">
                  <button type="button" onclick="updatePlot('plot-update')" class="btn btn-primary">Update</button>
               </div>
            </form>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
@endif
<div class="modal fade bs-example-modal-center" id="bs-example-modal-center" tabindex="-1" aria-labelledby="mySmallModalLabel" style="display: none;" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
         <div class="modal-body text-center p-5">
            <lord-icon src="https://cdn.lordicon.com/hrqwmuhr.json" trigger="loop" colors="primary:#121331,secondary:#08a88a" style="width:120px;height:120px">
            </lord-icon>
            <div class="mt-4">
               <h4 class="mb-3">Do you want to change status?</h4>
               <div class="hstack gap-2 justify-content-center">
                  <button type="button" class="btn btn-light" data-bs-dismiss="modal">NO</button>
                  <input type="hidden" id="status_id"/>
                  <input type="hidden" id="status_value"/>
                  <input type="hidden" id="status_url"/>
                  <a href="javascript:void(0);" onclick="changeStatus('plot_list_table')" class="btn btn-danger">Yes</a>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<div class="modal fade bs-example-modal-center-delete" id="bs-example-modal-center-delete" tabindex="-1" aria-labelledby="mySmallModalLabel" style="display: none;" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
         <div class="modal-body text-center p-5">
            <lord-icon src="https://cdn.lordicon.com/hrqwmuhr.json" trigger="loop" colors="primary:#121331,secondary:#08a88a" style="width:120px;height:120px">
            </lord-icon>
            <div class="mt-4">
               <h4 class="mb-3">Are you sure want to delete? This action can't be undo.</h4>
               <div class="hstack gap-2 justify-content-center">
                  <button type="button" class="btn btn-light" data-bs-dismiss="modal">NO</button>
                  <input type="hidden" id="delete_id"/>
                  <input type="hidden" id="delete_url"/>
                  <a href="javascript:void(0);" onclick="destroy('plot_list_table')" class="btn btn-danger">Delete</a>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<script src="{{ URL::asset('assets/js/jquery.min.js') }}"></script>
<script>
    $(document).ready(function(){
        get_plot_list('{{$user_id}}','{{$role_id}}');
    });
</script>
@endsection