@extends('Admin/layout')
@section('title','Property Edit')
@section('content')
@if(has_permission('Plot','Edit'))
<div class="container-fluid">
    <div class="row">
        <div class="col-xxl-12">
            <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">Update Property</h4>
            </div>
            <!-- end card header -->
            <div class="card-body">
                <div class="live-preview">
                    <form method="POST" class="needs-validation" novalidate >
                        <div class="row">
                        <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="Nameinput" class="form-label">Property Category  <span class="text-danger">*</span></label>
                                    <select class="form-control" data-choices name="plot_category" id="plot_category" required>
                                            @if($tbl_plot_category)
                                                @foreach($tbl_plot_category as $key => $value)
                                                <option value="{{$value->id}}" {{$tbl_plot_master->plot_category == $value->id ? 'selected' : ''}}>{{$value->name}}</option>
                                                @endforeach
                                            @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                <input type="hidden" class="form-control" placeholder="Enter Property Name" id="edit_plot_id" name="edit_plot_id" value="{{$id}}" required>
                                    <label for="Nameinput" class="form-label">Plot No/Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" placeholder="Enter Plot No/Name" id="edit_plot_name" name="edit_plot_name" value="{{$tbl_plot_master->plot_name}}" required>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <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="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}}" {{$tbl_plot_master->scheme_id == $value->id ? 'selected' : ''}}>{{$value->name}}</option>
                                                @endforeach
                                            @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-3">
                                    <label for="Nameinput" class="form-label">Property Shape <span class="text-danger">*</span></label>
                                    <select class="form-control" data-choices name="edit_plot_shape" id="edit_plot_shape" required>
                                            <option value="">Choose Property Shape</option>
                                            @if($tblplot_shapes)
                                                @foreach($tblplot_shapes as $key => $value)
                                                <option value="{{$value->id}}" {{$tbl_plot_master->plot_shape ==  $value->id ? 'selected' : ''}}>{{$value->name}}</option>
                                                @endforeach
                                            @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-3">
                                    <label for="Nameinput" class="form-label">Property Facing <span class="text-danger">*</span></label>
                                    <select class="form-control" data-choices name="edit_plot_facing" id="edit_plot_facing" required>
                                            <option value="">Choose Property Facing</option>
                                            @if($tblplot_facings)
                                                @foreach($tblplot_facings as $key => $value)
                                                <option value="{{$value->id}}"  {{$tbl_plot_master->plot_facing ==  $value->id ? 'selected' : ''}}>{{$value->name}}</option>
                                                @endforeach
                                            @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-3">
                                    <label for="Nameinput" class="form-label">Property Size (Sq. Mtr.) </label>
                                    <input type="number" class="form-control" name="edit_plot_size_sq_mtr" id="edit_plot_size_sq_mtr" placeholder="Property Size (Sq. Mtr.) " value="{{$tbl_plot_master->plot_size_sq_mtr}}" required>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-3">
                                    <label class="form-label">Property Size (Sq. Yard.) </label>
                                            <input type="number" class="form-control" name="edit_plot_size_sq_yard" id="edit_plot_size_sq_yard" placeholder="Property Size (Sq. Yard.) " value="{{$tbl_plot_master->plot_size_sq_yard}}" required>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-3">
                                    <label class="form-label">Brokergeable Size (SQ YD) <span class="text-danger">*</span></label>
                                            <input type="number" class="form-control" name="edit_brokergeable_size" id="edit_brokergeable_size" placeholder="Brokergeable Size (SQ YD)"  value="{{$tbl_plot_master->brokergeable_size}}" required>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-3">
                                    <label class="form-label"> Road Size (Only Number allowed)</label>
                                            <input type="number" class="form-control" name="edit_road_size" id="edit_road_size" value="{{$tbl_plot_master->road_size}}" placeholder="Road Size">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-3">
                                    <label class="form-label"> Extra Commission Percent</label>
                                            <input type="number" class="form-control" name="extra_commission_percent" id="extra_commission_percent" value="{{$tbl_plot_master->extra_commission_percent}}" placeholder="Extra Commission Percent">
                                </div>
                            </div>
                              <div class="col-md-3">
                                <div class="mb-3">
                                    <label class="form-label">Plot Status <span class="text-danger">*</span></label>
                                            <select class="single-select form-control" name="current_plot_status" id="current_plot_status" onchange="checkNewPlotStatus(this);" readonly>
                                                    <option value="">Select New Plot Status</option>
                                                    <option value="Sold">Sold(Booking Confirm)</option>
                                                    @if(has_permission('Plot','Plot Available After Sold'))
                                                    <option value="Available">Available</option>
                                                    @endif
                                                    
                                            </select>
                                </div>
                            </div>
                         
                            <div class="col-md-3">

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6" id="plot_name_display" style="display:none;">
                                <div class="mb-3">
                                    <label for="Nameinput" class="form-label">Plot Name <span class="text-danger">*</span></label>
                                    <select class="form-control single-select" name="plot_name" id="plot_id" onchange="getPlotDetails(this);" required>
                                           
                                           
                                    </select>
                                </div>
                            </div>
                           
                           
                            <!-- <div class="col-md-4 plot_details" style="display:none;">
                                <div class="mb-3">
                                    <label class="form-label">Current Plot Status <span class="text-danger">*</span></label>
                                            <select class="single-select form-control" name="current_plot_status" id="current_plot_status"  onchange="checkPlotStatus(this);" disabled readonly >
                                                    <option value="">Select Status</option>
                                                    <option value="On Hold">On Hold</option>
                                                    <option value="Booked">Booked</option>
                                                    <option value="Available">Available</option>
                                                    <option value="Sold">Sold(Booking Confirm)</option>
                                                    <option value="Not For Sale">Not For Sale</option>
                                                    <option value="ReSale">ReSale</option>
                                                    
                                            </select>
                                </div>
                            </div> -->
                          
                            
                           
                            <div class="col-md-4 plot_details_status" style="display:none;">
                                <div class="mb-3">
                                    <label for="Nameinput" class="form-label">Party Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="party_name" id="party_name" placeholder="Party Name" required>
                                    <input type="hidden" class="form-control" name="user_id" id="user_id" value="{{$user_id}}" required>
                                </div>
                            </div>
                            <div class="col-md-4 plot_details_status" style="display:none;">
                                <div class="mb-3">
                                    <label class="form-label">Party Email Address</label>
                                    <input type="text" class="form-control" name="party_email_address" id="party_email_address" placeholder="Party Email Address">
                                </div>
                            </div>
                            <div class="col-md-4 plot_details_status" style="display:none;">
                                <div class="mb-3">
                                    <label class="form-label">Party Phone Number</label>
                                    <input type="text" class="form-control" name="party_phone_number" oninput="digitValidate(this)" id="party_phone_number" placeholder="Party Phone Number" maxlength="10">
                                </div>
                            </div>
                            <div class="col-md-4 plot_details_status" style="display:none;">
                                <div class="mb-3">
                                    <label class="form-label">Sold/Booking Confirm Date <span class="text-danger">*</span></label>
                                    <input type="date" class="form-control" name="sold_date" id="sold_date" value="{{$date}}" placeholder="Sold Date" onchange="changeSoldDate(event);">
                                </div>
                                <p id="ansshow" style="display:none;">Difference in days: <span id="ans"></span></p>
                            </div>
                            <div class="col-md-4 plot_details_status" style="display:none;">
                                <div class="mb-3">
                                    <label class="form-label">Allotment/Patta Date </label>
                                    <input type="date" class="form-control" name="allotment_date" id="allotment_date" value="{{$date}}" placeholder="Allotment/Patta Date " onchange="handler(event);">
                                </div>
                            </div>
                             <div class="col-md-4 plot_details_status" style="display:none;">
                                <div class="mb-3">
                                    <label class="form-label">Apf Date </label>
                                    <input type="date" class="form-control" name="apf_date" id="apf_date" value="{{$date}}" placeholder="Apf Date" onchange="handler(event);">
                                </div>
                            </div>
                            <div class="col-md-4 plot_details_status" style="display:none;">
                                <div class="mb-3">
                                    <label class="form-label">Consider Booking Date </label>
                                    <input type="date" class="form-control" name="consider_booking_date" id="consider_booking_date" value="{{$date}}" placeholder="Consider Booking Date  " onchange="handler(event);">
                                </div>
                            </div>
                                <div class="col-md-4 plot_details_status" style="display:none;">
                                <div class="mb-3">
                                    <label class="form-label">IS Resale <span class="text-danger">*</span></label>
                                            <select data-choices class="form-control" name="isReSale" id="isReSale" readonly>
                                                     <option value="">Select IS Resale</option> 
                                                     <option value="1" {{$tbl_plot_master->isReSale == 1 ? 'selected' : ''}}>Yes</option>
                                                    <option value="0" {{$tbl_plot_master->isReSale == 0 ? 'selected' : ''}}>No</option> 
                                            </select>
                                </div>
                            </div>
                              <div class="col-md-4 plot_details_status" style="display:none;">
                                <div class="mb-3">
                                    <label class="form-label">Company Resale <span class="text-danger">*</span></label>
                                            <select data-choices class="form-control" name="isCompanySale" id="isCompanySale" readonly>
                                                     <option value="">Select Company Resale</option> 
                                                     <option value="1" {{$tbl_plot_master->isCompanySale == 1 ? 'selected' : ''}}>Yes</option>
                                                    <option value="0" {{$tbl_plot_master->isCompanySale == 0 ? 'selected' : ''}}>No</option> 
                                            </select>
                                </div>
                            </div>
                            @if(has_permission('Plot','Plot Associate Change'))
                            <div class="col-md-12 plot_details_status" style="display:none;">
                                <div class="mb-3">
                                    <label for="Nameinput" class="form-label">Associate Name <span class="text-danger">*</span></label>
                                    <select class="form-control single-select "name="associate_name" id="associate_name" onchange="checkAssociateChange(this);" required>
                                            <option value="">Choose Associate Name</option>
                                            @if($tbl_associates)
                                                @foreach($tbl_associates as $key => $value)
                                                <option value="{{$value->id}}" >{{$value->name}}, ({{$value->gk_code}}), {{$value->rera_no}}, (Current Status:- {{$value->active}}  {{ $value->active == 'LEFT' ? '- ON '.$value->left_date : '' }})</option>
                                                @endforeach
                                            @endif
                                    </select>
                                </div>
                            </div>
                            @else
                            <div class="col-md-12 plot_details_status" style="display:none;">
                                <div class="mb-3">
                                    <label for="Nameinput" class="form-label">Associate Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="associate_name_value" id="associate_name_value" placeholder="Associate Name" readonly disabled required>
                                </div>
                            </div>
                            @endif
                              <div class="associate-container plot_details_status mb-3" style="display:none;">
                                <h5 class="associate-heading">Associate Upline List</h5>
                                <div id="associateListDiv"></div>
                            </div>
                        </div>
                        
                        <div class="text-end">
                            <button type="button" onclick="updatePlot('plot-update')" class="btn btn-primary">Update</button>
                        </div>
                    </form>
                </div>
              
            
            </div>
            </div>
        </div>
        <!-- end col -->
    </div>

</div>
<script src="{{ URL::asset('assets/js/jquery.min.js') }}"></script>
<style>
    .associate-container{
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 12px;
    background: #f8f9fa;
    margin-top: 10px;
}

.associate-heading{
    margin-bottom: 10px;
    color: #0d6efd;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 8px;
}

.associate-item{
    padding: 6px 10px;
    margin-bottom: 5px;
    background: #fff;
    border-left: 4px solid #0d6efd;
    border-radius: 4px;
    font-size: 14px;
}
</style>
<script>

   var adminauthdata = JSON.parse(localStorage.getItem('adminauthdata')); 
            var plot_id = '{{$tbl_plot_master->id}}';
            
            $("#plot_size_sq_mtr").val("");
            $("#plot_size_sq_yard").val("");
            $("#brokergeable_size").val("");
            $("#road_size").val("");
            // $("#status").val("");
            $("#associate_name").val("");
            $("#party_name").val("");
            $("#party_email_address").val("");
            $("#party_phone_number").val("");
            // $("#date").val("");
            // $("#time").val("");
            $(".plot_details").show();        
            var searchModel= {plot_id:plot_id};
            $.ajax({
                url: "{{env('APP_URL')}}/api/v1/getPlotById",
                type: "POST",
                contentType: "application/json;charset=utf-8",
                data: JSON.stringify(searchModel),
                dataType: "json",
                headers: {"X-Auth-Token": adminauthdata.token,"uuid": adminauthdata.uuid},
                success: function (result) {
                    if (result.Status)
                    { 
                        $("#plot_shape").text(result.data.plot_shape_name);
                        $("#plot_facing").text(result.data.plot_facing_name);
                        $("#plot_size_sq_mtr").text(result.data.plot_size_sq_mtr);
                        $("#plot_size_sq_yard").text(result.data.plot_size_sq_yard);
                        $("#brokergeable_size").text(result.data.brokergeable_size);
                        $("#road_size").text(result.data.road_size);
                        $("#current_plot_status").val(result.data.plot_status).change();
                       
                        
                       
                        $("#associate_name_value").val((result.data.associate_name != null ? result.data.associate_name : '')+" "+(result.data.rera_no != null ? result.data.rera_no : ''));
                       

                        $("#party_name").val(result.data.party_name);
                        $("#party_email_address").val(result.data.party_email);
                        $("#party_phone_number").val(result.data.party_phone);
                        $("#sold_date").val(result.data.sold_date);
                        $("#allotment_date").val(result.data.allotment_date);
                        $("#apf_date").val(result.data.apf_date);
                        $("#comments").val(result.data.comments);
                        $("#isReSale").val(result.data.isReSale);
                        $("#isCompanySale").val(result.data.isCompanySale);
                        $("#consider_booking_date").val(result.data.consider_booking_date);
                        $("#associate_name").val(result.data.last_hold_book_by_associate).change();
                        // if(result.data.plot_status == "On Hold"){
                        //     var datetime = result.data.last_hold_date.split(" ");
                        //     $("#date").val(datetime[0]);
                        //     $("#time").val(datetime[1]);
                        // }
                        // if(result.data.plot_status == "Booked"){
                        //     var datetime = result.data.last_book_date.split(" ");
                        //     $("#date").val(datetime[0]);
                        //     $("#time").val(datetime[1]);
                        // }
                        getAssociateChange(result.data.last_hold_book_by_associate,result.data.sold_date);
                        $(".actionbtn").show();
                     
                    }
                    else {
                                         
                    }
                },
                error: function (errormessage) {
                               
                }
            });
        

    $(document).ready(function(){
        setDobValidation();
    });
    digitValidate = function(ele){
    ele.value = ele.value.replace(/[^0-9]/g,'');
    
 }
   
  function checkPlotStatus(sel){
            
            if(sel.value == "Available"){
                // $("#associate_name").val("").change();
                // $("#party_name").val("");
                // $("#party_email_address").val("");
                // $("#party_phone_number").val("");
                // $("#date").val("");
                // $("#time").val("");
                $(".plot_details_status").hide();
            }else{
                // $("#associate_name").val("").change();
                // $("#party_name").val("");
                // $("#party_email_address").val("");
                // $("#party_phone_number").val("");
                // $("#date").val("");
                // $("#time").val("");
                $(".plot_details_status").show();
            }
        }

         function checkNewPlotStatus(sel){
            if(sel.value == "Available"){
               
                $(".plot_details_status").hide();
            }else{
               
                $(".plot_details_status").show();
            }
        }

        function changeAvailabilityStatus(){
            var plot_status = $("#new_plot_status").val();
            if(plot_status == "Available"){
                $("#cancelmodal").modal('show');
            }else{
                $("#successmodal").modal('show');
            }
        }

        function checkAssociateChange(sel){
            getAssociateChange(sel.value,$("#sold_date").val());
        }
        function changeSoldDate(value) {
            console.log("Selected Date:", value);
               handler();
             getAssociateChange($("#associate_name").val(),event.target.value);
            // yahan apna logic lagao
        }
        function getAssociateChange(associate_id,sold_date){
              var searchModel= {associate_id:associate_id, sold_date : sold_date};
            $.ajax({
                url: "{{env('APP_URL')}}/api/v1/getPlotAssociateChange",
                type: "POST",
                contentType: "application/json;charset=utf-8",
                data: JSON.stringify(searchModel),
                dataType: "json",
                headers: {"X-Auth-Token": adminauthdata.token,"uuid": adminauthdata.uuid},
                success: function (result) {
                    if (result.Status)
                    { 
                        
                        $("#associateListDiv").html('');

                        $.each(result.data, function(index, item) {
                           $("#associateListDiv").append(
                                '<div class="associate-item">' +
                                    (index + 1) + '. ' + item.AssociateList +
                                '</div>'
                            );
                        });


                    }
            }
            })
        }


 function handler() {

    let sold_date = $('#sold_date').val();
    let allotment_date = $('#allotment_date').val();
    let apf_date = $('#apf_date').val();
    let consider_booking_date = $('#consider_booking_date').val();

    $('#ans').text('');

    if (!allotment_date) {
        return;
    }

    let fromDate;

    if (consider_booking_date) {
        fromDate = consider_booking_date;
    } else {

        if (apf_date && sold_date) {
            fromDate = (new Date(apf_date) > new Date(sold_date))
                ? apf_date
                : sold_date;
        } else {
            fromDate = apf_date || sold_date;
        }
    }

    if (!fromDate) {
        return;
    }

    let days = (new Date(allotment_date) - new Date(fromDate)) / 86400000;

    $('#ans').text(days);
}
</script>
@endif
@endsection