JezK

Edit File: addnew.php

<?php 
include_once("./app/checkSession.php");

if(empty($_SESSION['user_id'])&& $_SESSION['user_id']=='')
{
    header("Location: ../owner_login.php");
}
if($_SESSION['role'] != 1)
{
    header("Location: dashboard.php");
}
include('header.php'); 
$admin_details=$wareHouseAdminObj->fetchLoginAdminDetails($_SESSION['user_id']);
?>
<link rel="stylesheet" href="css/newcontact.css">
    <div class="container">
    <div class="container mb-5">
        
        <div class="tophead">
            <h6>Add new Contact</h6>
        </div>
    </div>
        
        
        <div class="container">
            
            <form method="post" action="app/add-subadmin.php">
            <div class="row">
                <div class="col-md-3">
                <div class="form-group">
                    <label for="">First Name</label>
                    <input type="text" id="first_name" class="form-control" placeholder="Enter your First Name" name="first_name" >
                    <div class="error first_name_error"></div>
                </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                    <label for="last_name">Last Name</label>
                    <input type="text" id="last_name" class="form-control" placeholder="Enter your Last Name" name="last_name">
                    <div class="error last_name_error"></div>
                </div>
               </div>
               
                <div class="col-md-3">
                    <div class="form-group">
                    <label for="email">Email</label>
                    <input type="email" id="email" class="form-control" placeholder="Enter your Email" name="email"  onchange="return checkExistsOrNotcon(this.value,'2');">
                    <div class="error email_error"></div>
                 </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                    <label for="country">Country</label>
                    <select class="form-control" name="country" id="country" onchange="getcity(this.value);">
                    <option value=''>Select Country</option>
                    <?php
                        $countryList=$wareHouseAdminObj->getCountryList();
                        $optionData='';
                        foreach($countryList as $val) 
                            {
                             //  $optionData.= '<option value='.$val['country_id'].'>'.$val['country_name'].'</option>';
                                 $optionData.= '<option value="'.$val['country_id'].'"';
                                if($admin_details['country_id'] == $val['country_id']){ 
                                 $optionData.= 'selected ';
                                }
                                $optionData.='>'.$val['country_name'].'</option>';
                           }
                    ?>

<?php echo "$optionData" ?>
                    </select>   
                    <div class="error country_error"></div>
                </div>
                </div>
                <?php

$cityList=$wareHouseAdminObj->getCityList($admin_details['country_id']);

$optionData='';
                       
                        foreach($cityList as $val) 
                            {
                                $optionData.= '<option value="'.$val['city_name'].'"';
                                if($admin_details['city_name'] == $val['city_name']){ 
                                 $optionData.= 'selected ';
                                }
                                $optionData.='>'.$val['city_name'].'</option>';
                            }

?>
                <div class="col-md-3">
                    <div class="form-group">
                    <label for="city">City</label>
                   
                    <select name="city" id="city"  class="form-control frm-input" >
                              <option value="">Select City</option>
                              <?= $optionData;?>
                            </select>
                    <div class="error city_error"></div>
                </div>
                </div>  
             <div class="col-md-3 ">
                        <label for="inputPhone" class="inpt-label">Country Code</label>
                        <div class="input-container">
                            <select  id="mobile_country_code" name="mobile_country_code" class="form-control frm-input" required>
                                <option value="966" <?php if($admin_details['mobile_country_code'] == '966'){ ?> selected <?php } ?>>+966</option>
                                <option value="971" <?php if($admin_details['mobile_country_code'] == '971'){ ?> selected <?php } ?>>+971</option>
                                <option value="962" <?php if($admin_details['mobile_country_code'] == '962'){ ?> selected <?php } ?>>+962</option>                                                    
                            </select> 
                        </div>      
                        </div>
        
        	<div class="col-md-3">
            	<div class="form-group">
                <label for="mobile">Mobile Number</label>
                       
                <input type="text" id="mobile" class="form-control" placeholder="Enter your Phone Number" name="mobile" value="" onchange="return checkExistsOrNotcon(this.value,'3');" onkeypress="return checkPhone(event)" required > 
                <div class="error"></div>
                <div class="mobile_error1" style="color: red;"></div>
            </div> 
            </div>

</div>
</div>
<?php include("footer.php"); ?>
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="js/validations.js"></script>
<script type="text/javascript" src="../js/validations.js"></script>

$.ajax({
            type: "POST",
            url: 'http://uflexit.krify.com/ajax.php',
            data: ({action:'get_cities',country_id:country_id}),
            success: function(data) {  
              $('#city').html(data);  
            }  
         });

}
</script>
</body>
</html>