@extends('Admin/layout')
@section('title','Property Add')
@section('content')
@if(has_permission('Plot','Create'))
<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">Add New 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}}">{{$value->name}}</option>
                                                @endforeach
                                            @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <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="plot_name" name="plot_name" value="{{old('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 single-select" 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-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="plot_shape" id="plot_shape" required>
                                            <option value="">Choose Property Shape</option>
                                            @if($tblplot_shapes)
                                                @foreach($tblplot_shapes as $key => $value)
                                                <option value="{{$value->id}}" {{$value->name == 'Normal' ? '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="plot_facing" id="plot_facing" required>
                                            <option value="">Choose Property Facing</option>
                                            @if($tblplot_facings)
                                                @foreach($tblplot_facings as $key => $value)
                                                <option value="{{$value->id}}"  {{$value->name == 'Normal' ? '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="plot_size_sq_mtr" id="plot_size_sq_mtr" placeholder="Property 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="plot_size_sq_yard" id="plot_size_sq_yard" placeholder="Property 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="brokergeable_size" id="brokergeable_size" placeholder="Brokergeable Size (SQ YD)" 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="road_size" id="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="1" 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 data-choices class="form-control" name="plot_status" id="plot_status" onchange="checkNewPlotStatus(this);" >
                                                    <option value="">Select Plot Status</option>
                                                    <!-- <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="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="row">
                       
                           
                           
                            <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" >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" >Yes</option>
                                                    <option value="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" >Yes</option>
                                                    <option value="0" selected>No</option> 
                                            </select>
                                </div>
                            </div>
                           
                            <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>
                         
                              <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="savePlot('plot-store')" class="btn btn-primary">Save</button>
                        </div>
                    </form>
                </div>
            
            </div>
            </div>
        </div>
        <!-- end col -->
    </div>

</div>
<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 src="{{ URL::asset('assets/js/jquery.min.js') }}"></script>
<script>
    $(document).ready(function(){
        setDobValidation();
    });
    digitValidate = function(ele){
    ele.value = ele.value.replace(/[^0-9]/g,'');
 }
  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 checkNewPlotStatus(sel){
            if(sel.value == "Available"){
               
                $(".plot_details_status").hide();
            }else{
               
                $(".plot_details_status").show();
            }
        }
      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