{% extends "layout/default.html" %}

{% load i18n %}

{% block title %}{% translate "Update Lead" %}{% endblock %}


{% block breadcumbheading %}
{% translate "Manage Leads" %}
{% endblock  %}
{% block breadcumbfirst %}
<a href="{%url 'leads:list' %}" class="text-muted text-hover-primary" style="text-transform: capitalize;">Manage Leads </a>
{% endblock  %}
{% block breadcumbaddmore %}
	<!--begin::Item-->
		<li class="breadcrumb-item">
			<span class="bullet bg-gray-400 w-5px h-2px"></span>
		</li>
		<!--end::Item-->
		<!--begin::Item-->
		<li class="breadcrumb-item text-muted" style="text-transform: capitalize;">update</li>
		<!--end::Item-->
{% endblock  %}

{% block content %}

<div class="custom mt-3 create-cust">
    <div class="row g-5 g-xl-10 mb-5 mb-xl-10">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
            <div class="card card-flush single-card-head">
        	    <div class="card-header pt-7 pb-7">
        		    <h3 class="card-title align-items-start flex-column">
        			    <span class="card-label fw-bold text-gray-800">Update Lead</span>
        		    </h3>
                   {% if messages %}
                        <div class="d-flex justify-content-center align-items-center">
                            {% for message in messages %}
                              <div class="alert alert-{% if message.tags == 'error' %}danger{% else %}success{% endif %}" role="alert" style="width: 300px;">
                                {{ message }}
                                </div>  
                            {% endfor %}
                         </div>
                        {% endif %}
        		    
        		    <div class="card-toolbar">
        			    <div class="d-flex justify-content-end" data-kt-user-table-toolbar="base">
                            <!--<button type="button" class="btn btn-light-primary me-3" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">-->
                            <!--    <i class="ki-duotone ki-filter fs-2"><span class="path1"></span><span class="path2"></span></i>        Filter-->
                            <!--</button>-->
                            <!--    <div class="menu menu-sub menu-sub-dropdown w-300px w-md-325px" data-kt-menu="true">-->
                            <!--        <div class="px-7 py-5">-->
                            <!--            <div class="fs-5 text-dark fw-bold">Filter Options</div>-->
                            <!--        </div>-->
                            <!--        <div class="separator border-gray-200"></div>-->
                            <!--    </div>  -->
                            <!--<button type="button" class="btn btn-light-primary me-3" data-bs-toggle="modal" data-bs-target="#kt_modal_export_users">-->
                            <!--    <i class="ki-duotone ki-exit-up fs-2"><span class="path1"></span><span class="path2"></span></i>        Export-->
                            <!--</button>-->
                            <a href="{%url 'leads:list'%}"><button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_add_user">
                                View List
                            </button></a>
                        </div>
        	    	</div>
            	</div>
    	    </div>
            <!--<div class="card card-flush h-md-100">-->
	           <!-- <div class="card-body pt-6">-->
	    	      <!--  <div class=" me-n7 pe-7" >-->
                        <!--<div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-9 p-6">-->
                        <!--    <i class="ki-duotone ki-information fs-2tx text-warning me-4"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i>-->
                        <!--        <div class="d-flex flex-stack flex-grow-1 ">-->
                        <!--            <div class=" fw-semibold">-->
                        <!--                    <h4 class="text-gray-900 fw-bold">Warning</h4>-->
                        <!--                    <div class="fs-6 text-gray-700 ">Updating address may affter to your <a href="#">Tax Location</a></div>-->
                        <!--            </div>-->
                        <!--        </div>-->
            
                        <!--</div>-->
                
                
                    
                        <form method="post" onsubmit="return validateForm()"  class="form">
                            {% csrf_token %}
                            <div class="card card-flush mt-6 mb-6 parent_fulsh_card">
                                <div class="card-body pt-6">
                                    <div class="row g-9">
                                        <!--<div class="col-md-6 fv-row fv-plugins-icon-container">-->
                                        <!--    <label class="d-flex align-items-center required fs-5 fw-semibold mb-2">-->
                                        <!--        <span class="">Lead Type</span>-->
                                               
                                        <!--    </label>-->
                                        <!--    <select name="customer_type" class="form-select form-select-solid" id="customer"  data-control="select2" data-placeholder="Select Lead Type"   tabindex="0" >-->
                                        <!--        <option></option>-->
                                        <!--        <option value="1"  {% if lead.is_individual == 1 %} selected {% endif %}>Individual</option>-->
                                        <!--        <option value="0"  {% if lead.is_individual == 0 %} selected {% endif %}>Company</option>-->
                                        <!--    </select>-->
                                        <!--</div> -->
                                        <!-- <div class="col-md-6 fv-row fv-plugins-icon-container">-->
                                        <!--    <label class=" fs-5 fw-semibold mb-2" >Status</label><br>-->
                                        <!--    <label class="form-check form-switch form-check-custom form-check-solid"  >-->
                                        <!--        <input class="form-check-input" name="is_active" id="is_active" type="checkbox" value="on" tabindex="0" {% if lead.is_active %} checked {% endif %}>-->
                                        <!--        <span class="form-check-label fw-semibold text-muted">-->
                                        <!--            Active-->
                                        <!--        </span>-->
                                        <!--    </label>-->
                                        <!--</div>-->
                                        <div class="col-md-6 fv-row fv-plugins-icon-container" id="companyField" style="display: block;">
                                            <label class=" fs-5 fw-semibold mb-2">Company Name</label>
                                            <input type="text" class="form-control form-control-solid" placeholder="Enter Company Name" value="{{ lead.company_name}}" name="company_name" id="company" >
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                        </div>
                                
                                        <div class="col-md-6 fv-row fv-plugins-icon-container individualFields" id="individualFields" style="display: block;">

                                            <label class=" fs-5 fw-semibold mb-2" id='fname'>First Name</label>

                                            <input type="text" class="form-control form-control-solid" placeholder="Enter First Name" value="{{ lead.first_name }}"  title="Only alphabets are allowed"  name="first_name" id="first_name"  >
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                        </div>
                                        <div class="col-md-6 fv-row fv-plugins-icon-container individualFields" id="individualFields" style="display: block;">

                                            <label class=" fs-5 fw-semibold mb-2" id="lname">Last Name</label>

                                            <input type="text" class="form-control form-control-solid" placeholder="Enter Last Name" title="Only alphabets are allowed" name="last_name" id="last_name"   value="{{ lead.last_name }}" >
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                        </div>
                                         <div class="col-md-6 fv-row fv-plugins-icon-container">
                                            <label class=" fs-5 fw-semibold mb-2" >Work Phone</label> 
                                            <input type="number" class="form-control form-control-solid" placeholder="Enter Work Phone" name="phone1"  pattern="\d{11}" maxlength="11" minlength="11"   id="phone1" value="{{ lead.work_phone }}">
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                            </div>
                                        </div>
                                        <div class="col-md-6 fv-row fv-plugins-icon-container">
                                            <label class=" fs-5 fw-semibold mb-2" >Mobile</label> 
                                            <input type="number" class="form-control form-control-solid" placeholder="Enter Mobile" name="mobile"  pattern="\d{11}" maxlength="11" minlength="11"   id="phone" value="{{ lead.mobile }}">
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                            </div>
                                        </div>
                                        <div class="col-md-6 fv-row fv-plugins-icon-container">
                                            <label class=" fs-5 fw-semibold mb-2">Email</label>
                                            <input type="email" class="form-control form-control-solid" placeholder="Enter Email" name="email" id="email"  pattern="[a-zA-Z0-9._\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,4}" title="Special characters and space is not allowed" value="{{ lead.email }}"  >
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback" >
                                            </div>
                                        </div>
                                        <div class="col-md-6 fv-row fv-plugins-icon-container" hidden>
                                            <label class=" fs-5 fw-semibold mb-2" for="abn">ABN</label> 
                                            <input type="number" class="form-control form-control-solid" placeholder="Enter ABN Here" name="abn" id="abn"  pattern="\d{11,}" minlength="11"  maxlength="11"   value="{{ lead.abn }}" >
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                            </div>
                                        </div>
                                         <div class="col-md-6 fv-row fv-plugins-icon-container" hidden>
                                            <label class="d-flex align-items-center  fs-5 fw-semibold mb-2">
                                                <span class="">Lead Source</span>
                                               
                                            </label>
                                            <select name="lead_source" class="form-select form-select-solid" id="lead_source"  data-control="select2" data-placeholder="Select Lead Source"   tabindex="0" >
                                                <option></option>
                                                <option value="1"  {% if lead.lead_source == 1 %} selected {% endif %}> Sales agent</option>
                                                <option value="2"  {% if lead.lead_source == 2 %} selected {% endif %}>Facebook</option>
                                                 <option value="3"  {% if lead.lead_source == 3 %} selected {% endif %}>Instagram</option>
                                                <option value="4"  {% if lead.lead_source == 4 %} selected {% endif %}>LinkedIn</option>
                                                <option value="5"  {% if lead.lead_source == 5 %} selected {% endif %}>Website</option>
                                                <option value="6"  {% if lead.lead_source == 6 %} selected {% endif %}>Referral</option>
                                            </select>
                                        </div> 
                                        <div class="col-md-6 fv-row fv-plugins-icon-container">
                                            <label class="d-flex align-items-center  fs-5 fw-semibold mb-2">
                                                <span class="">Business Type</span>
                                               
                                            </label>
                                            <select name="business_type" class="form-select form-select-solid" id="business"  data-control="select2" data-placeholder="Select Business Type"   tabindex="0" >
                                                <option></option>
                                                <option value="1"  {% if lead.business_type == 1 %} selected {% endif %}>Commercial</option>
                                                <option value="2"  {% if lead.business_type == 2 %} selected {% endif %}>Residential</option>
                                                 <option value="3"  {% if lead.business_type == 3 %} selected {% endif %}>Shopfitters</option>
                                                <option value="4"  {% if lead.business_type == 4 %} selected {% endif %}>Other</option>
                                            </select>
                                        </div> 
                                         <div class="col-md-6 fv-row fv-plugins-icon-container">
                                            <label class="d-flex align-items-center  fs-5 fw-semibold mb-2">
                                                <span class="">Status</span>
                                            </label>
                                           <select class="form-control updateStatus" id="userid-{{ lead.id }}" name="status" required  data-id="{{lead.id}}">
                                            <option value="">Select Status</option>
                                            <option value="1" {% if lead.status == 1 %} selected {% endif %} >New</option>
                                            <option value="2" {% if lead.status == 2 %} selected {% endif %} >Initial Contact Made</option>
                                            <option value="3" {% if lead.status == 3 %} selected {% endif %} >Un-Qualified</option>
                                            <option value="4" {% if lead.status == 4 %} selected {% endif %} >In Discussion</option>
                                            <option value="5" {% if lead.status == 5 %} selected {% endif %} >Demo Scheduled</option>
                                            <option value="6" {% if lead.status == 6 %} selected {% endif %} >Quoted</option>
                                            <option value="7" {% if lead.status == 7 %} selected {% endif %} >Closed Won</option>
                                            <option value="8" {% if lead.status == 8 %} selected {% endif %} >Closed Lost</option>
                                        </select>
                                         </div>
                                        <div class="col-md-6 fv-row fv-plugins-icon-container demo_time_{{ lead.id }}" {% if lead.status == 5 %} {% else %} hidden {% endif %}>
                                             <label class="d-flex align-items-center  fs-5 fw-semibold mb-2">
                                                <span class="">Demo Date</span>
                                            </label>
                                            <input type="date" class="form-control" id="demo_date{{ lead.id }}" value="{{lead.demo_date|date:'Y-m-d'}}" name="reminder_date">
                                        </div>
                                        <div class="col-md-6 fv-row fv-plugins-icon-container demo_time_{{ lead.id }}" {% if lead.status == 5 %} {% else %} hidden {% endif %}>
                                             <label class="d-flex align-items-center  fs-5 fw-semibold mb-2">
                                                <span class="">Demo Time</span>
                                               
                                            </label>
                                            <input type="time" id="demo_time{{ lead.id }}" name="demo_time" value="{{ lead.demo_time|time:'H:i' }}" class="form-control">
                                        </div>
                                        <div class="col-md-6 fv-row fv-plugins-icon-container">
                                            <label class="d-flex align-items-center  fs-5 fw-semibold mb-2">
                                                <span class="">Interested In Products</span>
                                               
                                            </label>
                                           <select class="form-select" name="products[]" id="product_name"  data-control="select2" multiple data-placeholder="Select Product">
                		                        <option></option>
                                                {% for product in allproducts %}
                                                    <option value="{{ product.id}}"  {% if product.id in selected_product_ids %}selected{% endif %}> {{ product.product_name }}({{ product.sku}})</option>
                                                {% endfor %}
                                            </select>
                                        </div> 
                                       
                                       
                                       <div class="col-md-6 fv-row fv-plugins-icon-container" style="display:none;">
                                            <label class="required fs-5 fw-semibold mb-2" for="is_primary">Primary</label> <br>
                                            
                                            <input type="checkbox" class="form-check-input is_primary" name="is_primary" id="is_primary1" value='True'  data-count="1" checked>
                                            <label class="form-check-label" for="is_primary">Primary Email</label>
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                            </div>
                                        </div>
                                  

                                
                                 
                                      
                                    </div>
                                </div>
                            </div>
                            <div id="quu"></div>
                            <div class="card card-flush mt-6 mb-6 parent_fulsh_card">
                                <div class="card-body pt-6">
                                    <div class="row g-9">
                                        <div class="col-md-6 fv-row fv-plugins-icon-container">
                                            <label class=" fs-5 fw-semibold mb-2">Facebook</label>
                                            <input type="text" class="form-control form-control-solid" placeholder="Enter Facebook Link" value="{{ lead.facebook|default_if_none:'' }}" name="facebook" id="facebook" >
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                        </div>
                                        <div class="col-md-6 fv-row fv-plugins-icon-container">
                                            <label class=" fs-5 fw-semibold mb-2">Instagram</label>
                                            <input type="text" class="form-control form-control-solid" placeholder="Enter Instagram Link" value="{{ lead.instagram|default_if_none:'' }}" name="instagram" id="instagram" >
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                        </div>
                                        <div class="col-md-6 fv-row fv-plugins-icon-container">
                                            <label class=" fs-5 fw-semibold mb-2">LinkedIn</label>
                                            <input type="text" class="form-control form-control-solid" placeholder="Enter LinkedIn Link" value="{{ lead.linkedin|default_if_none:'' }}" name="linkedin" id="linkedin" >
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card card-flush">
                                <div class="card-body pt-6">
                                    <div class="row g-9 mb-5">

                                        <div class="col-md-6 fv-row fv-plugins-icon-container">
                                            <label class=" fs-5 fw-semibold mb-2">Street</label>
                                            <input class="form-control form-control-solid" placeholder="Enter Street" name="street" id="street"  value="{{ lead.street }}" >
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                            </div>

                                        </div>
                                        <div class="col-md-6 fv-row fv-plugins-icon-container">
                                            <label class=" fs-5 fw-semibold mb-2">Suburb</label>
                                            <input class="form-control form-control-solid" placeholder="Enter Suburb"   pattern="^([a-zA-Z0-9]+\s)*[a-zA-Z0-9]+$" title="Only Aphanumerics are allowed Remove space from bigining and from end"  name="city"  id="city"  value="{{ lead.city }}"  >
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                            </div>
                                        </div>
                                        <div class="col-md-6 fv-row fv-plugins-icon-container">

                                            <label class=" fs-5 fw-semibold mb-2">State</label>   

                                            <select  class="form-select form-select-solid"  data-control="select2" data-placeholder="Select State"  tabindex="0"  name="state" id="state" >
                                                <option></option>
                                                <option value="ACT"  {% if lead.state == 'ACT' %} selected {% endif %}>Australian Capital Territory</option>
                                                <option value="NSW" {% if lead.state == 'NSW' %} selected {% endif %}>New South Wales </option>
                                                <option value="NT" {% if lead.state == 'NT' %} selected {% endif %}>Northern Territory</option>
                                                <option value="QLD" {% if lead.state == 'QLD' %} selected {% endif %}>Queensland </option>
                                                <option value="SA" {% if lead.state == 'SA' %} selected {% endif %}>South Australia</option>
                                                <option value="TAS" {% if lead.state == 'TAS' %} selected {% endif %}>Tasmania </option>
                                                <option value="VIC" {% if lead.state == 'VIC' %} selected {% endif %}>Victoria </option>
                                                <option value="WA" {% if lead.state == 'WA' %} selected {% endif %}>Western Australia </option>
                                              </select>
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                            </div>
                                        </div>

                                        <div class="col-md-6 fv-row fv-plugins-icon-container">
                                            <label class=" fs-5 fw-semibold mb-2">Postcode</label>
                                            <input type="number" class="form-control form-control-solid" placeholder="Enter Postcode" name="post_code" id="postcode"  pattern="\d*"  maxlength="6" minlength="6" value="{{ lead.post_code }}"  >
                                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                            </div>
                                        </div>

                                        <div class="col-md-6 fv-row fv-plugins-icon-container">
                                            <label class=" fs-5 fw-semibold mb-2">Country</label>
                                            <select  class="form-select form-select-solid"  data-control="select2" data-placeholder="Select Country"   tabindex="0" name="country" id="country"  >
                                                <option value="Australia"  selected >Australia</option>
                                            </select>
                                        </div>
                                        <div class="col-md-6 fv-row fv-plugins-icon-container">
                                              <label class=" fs-5 fw-semibold mb-2">&nbsp;</label><br><br>
                                             <a id="map-preview" href="#" target="_blank" style="display:none; margin-top:10px;"  class="btn btn-primary">Preview Address</a>
                                        </div>
                                      
                                         <div class="col-md-6 fv-row fv-plugins-icon-container">
                                            <label class=" fs-5 fw-semibold mb-2"  for="userid-{{ customer.id }}">Assign to Sales User:</label>
                                            <select  class="form-select form-select-solid"  data-control="select2" data-placeholder="Select Sales User"   tabindex="0"  id="userid-{{ customer.id }}" name="userid" >
                                                <option value="">Select Sales User</option>
                                                {% for user in users %}
                                                <option value="{{ user.id }}"  {% if user.id|stringformat:"s" == lead.assigned_to.id|stringformat:"s" %} selected {% endif %}>{% if user.userinfo.first_name %}{{ user.userinfo.first_name }} {{ user.userinfo.last_name }}{%else%}-{%endif%}</option>
                                                {% endfor %}
                                        </select>
                                    </div>
                                   
                                        <div class="card-toolbar">
                            			    <div>
                                                <a  href="{% url 'leads:list' %}" id="kt_ecommerce_edit_order_cancel" class="btn btn-light me-5">
                                                    Cancel
                                                </a>
                                                <button type="submit" class="btn btn-primary" >
                                                   Save
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                
                        <!--<div class="fv-row mb-5">-->
                        <!--    <div class="d-flex flex-stack">-->
                        <!--        <div class="me-5">-->
                        <!--            <label class="fs-5 fw-semibold">Use as a billing adderess?</label>-->
                        <!--            <div class="fs-7 fw-semibold text-muted">If you need more info, please check budget planning</div>-->
                        <!--        </div>-->
                        <!--            <label class="form-check form-switch form-check-custom form-check-solid">-->
                        <!--                <input class="form-check-input" name="billing" type="checkbox" value="1" checked="checked">-->
                        <!--                    <span class="form-check-label fw-semibold text-muted">-->
                        <!--                        Yes-->
                        <!--                    </span>-->
                        <!--            </label>-->
                        <!--    </div>-->
                        <!--</div>-->
            <!--        </div>-->
	           <!-- </div>-->
            <!--</div>-->
        </div>
    </div>
</div>
{% endblock content %}
{% block script %}
    
	 <script>

           $('#customer').on("change", function (){
               var val=$(this).val();             
                if ( val== 0) {
                    $('#companyField').css('display','block');
                    $('#fname').html("Director's First Name");
                    $('#lname').html("Director's Last Name");
                //   $(".individualFields").css('display','none');
                    $('#company').attr('required',true);
                    // $('#first_name').removeAttr('required');
                    // $('#last_name').removeAttr('required');
                } else if (val == "1") {
                        $('#companyField').css('display','none');
                  $(".individualFields").css('display','block');
                  $('#fname').html("First Name");
                    $('#lname').html("Last Name");
                    $('#company').removeAttr('required');
                    //  $('#first_name').attr('required',true);
                    //   $('#last_name').attr('required',true);

                } else {
                   $('#companyField').css('display','none');
                    $(".individualFields").css('display','block');
                }
            });
     
                
            $(document).ready(function () {
              
            

$(document).on('click','.is_primary',function(){
    if( $(this).is(':checked'))
    {
    var count=$(this).attr('data-count');
    $('.is_primary').prop( "checked", false );;
    $(this).prop( "checked", true );;
    }
});
           

                // if (   $('#customer').val() == "0") {
                //     $('#companyField').css('display','block');

                // //   $(".individualFields").css('display','none');
                //     $('#company').attr('required',true);
                //     $('#fname').html("Director's First Name");
                //     $('#lname').html("Director's Last Name");
                //     // $('#first_name').removeAttr('required');
                //     // $('#last_name').removeAttr('required');
                // } else if ( $('#customer').val() ==  "1") {
                //         $('#companyField').css('display','none');
                // //   $(".individualFields").css('display','block');
                //     $('#company').removeAttr('required');
                //     $('#fname').html("First Name");
                //     $('#lname').html("Last Name");
                //     //  $('#first_name').attr('required',true);
                //     //   $('#last_name').attr('required',true);

                // } else {
                //   $('#companyField').css('display','none');
                //     $(".individualFields").css('display','block');
                // }
          
         
                
               
                
             
                
                $('body').on('click', '#delbtn', function() {
                    $(this).parent().parent().parent().remove();
                });
            });
    </script>
    
    <script>
function updateMapLink() {
    const street = document.getElementById('street').value;
    const suburb = document.getElementById('city').value;
    const state = document.getElementById('state').value;
    const postcode = document.getElementById('postcode').value;
    const country = document.getElementById('country').value;

    const address = `${street}, ${suburb}, ${state} ${postcode}, ${country}`;
    const encodedAddress = encodeURIComponent(address);
    const mapUrl = `https://www.google.com/maps/search/?api=1&query=${encodedAddress}`;

    const link = document.getElementById('map-preview');
    link.href = mapUrl;
    link.textContent = "Preview Address on Google Maps";
    link.style.display = 'inline';
}
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
    ['street', 'city', 'state', 'postcode', 'country'].forEach(id => {
        const input = document.getElementById(id);
        if (input) {
            input.addEventListener('input', updateMapLink);
        }
    });
});
</script>
    <script>
//   const numberInput = document.getElementById('abn');
//   numberInput.addEventListener('input', () => {
//     if (numberInput.value.length > 11) {
//       numberInput.value = numberInput.value.slice(0, 11); // Truncate to 10 digits
//     }
//   });
  </script>
   <script>
  const postcodeInput = document.getElementById('postcode');
  postcodeInput.addEventListener('input', () => {
    if (postcodeInput.value.length > 6) {
      postcodeInput.value = postcodeInput.value.slice(0, 6); // Truncate to 10 digits
    }
  });
  
//   $('#abn').on('change',function(){
      
//      var numberInput= $(this).val();
//      console.log(numberInput);
//       if (numberInput.length < 11 && numberInput.length > 0) {
//           $(this).attr('required','required');
//     //   numberInput.value = numberInput.value.slice(0, 11); // Truncate to 10 digits
//     }
//     else if(numberInput.length > 11)
//     {
//         $(this).attr('required','required');
//         $(this).val(numberInput.slice(0, 11));
//     }
//     else
//     {
//         $(this).removeAttr('required');
//     }
//   });

  function validateForm() {
            var numberField = document.getElementById("abn");
            var numberValue = numberField.value;

            if (numberValue && numberValue.length < 11) {
                alert("Please enter valid ABN.");
                return false; // Prevent form submission
            }
            if (numberValue && numberValue.length > 11) {
                alert("Please enter valid ABN.");
                return false; // Prevent form submission
            }
            $('.form').attr('action',"{%url 'leads:edit' lead.id %}");
            return true; // Allow form submission
        }
$(document).on('change','.updateStatus',function()
{
    var dataid=$(this).attr('data-id');
    if($(this).val()==5)
    {
        
        $('.demo_time_' + dataid).removeAttr('hidden');
        $('#demo_date' + dataid).attr('required', true);
        $('#demo_time' + dataid).attr('required', true);
    }
    else
    {
        $('.demo_time_' + dataid).attr('hidden',true);
        $('#demo_date' + dataid).removeAttr('required');
        $('#demo_time' + dataid).removeAttr('required');
        
    }
})
  </script>
    
    {% endblock script %}