<div class="main-content">
          <div class="content-wrapper">
            <div class="container-fluid"><!-- Basic form layout section start -->
			<section id="basic-form-layouts">
				<div class="row row justify-content-md-center">
					<div class="col-md-8">
						<div class="card">
							<div class="card-header">
								<div class="page-title-wrap">
									<h4 class="card-title">Manage Breakdown Alert</h4>
								</div>
								
								
								<!--<p class="mb-0">This is the most basic and cost estimation form is the default position.</p>-->
							</div>
							<div class="card-body">
								<div class="px-3">
									
									<form class="form form-horizontal custom_form_style" method="post" action="<?= base_url();?>admin/settings/manage_breakdown_alert">
										<div class="form-body">
											<p><?=(!empty($this->session->userdata('msg')))? $this->session->userdata('msg') : ''?></p>
										</div>
										
										<div class="col-md-12 text-center">
											<div class="form-group">
												
													<input type="hidden" class="form-control" name="breakdown_alert_id" value="<?=(!empty($breakdown_alert))? $breakdown_alert['breakdown_alert_id'] : ''?>">
													
													<label>Please Enter Breakdown Alert SMS Number*</label>
													<input type="text" class="form-control mobileNO" name="breakdown_alert_sms_no" value="<?=(!empty($breakdown_alert))? $breakdown_alert['breakdown_alert_sms_no'] : ''?>" required>
													<span></span><br>	
													<label>Please Enter Breakdown Alert Whatsapp Number*</label>
													<input type="text" class="form-control mobileNO" name="breakdown_alert_whatsapp_no" value="<?=(!empty($breakdown_alert))? $breakdown_alert['breakdown_alert_whatsapp_no'] : ''?>" required>
													<span></span><br>
													<label>Please Enter Breakdown Alert Contact Number*</label>
													<input type="text" class="form-control mobileNO" name="breakdown_alert_contact_no" value="<?=(!empty($breakdown_alert))? $breakdown_alert['breakdown_alert_contact_no'] : ''?>" required>
													<span></span>
											</div>
										</div>
											
										<div class="form-actions text-center">
											<!--<button type="button" class="btn btn-danger mr-1">
												<i class="fa fa-times" aria-hidden="true"></i> Cancel
											</button>-->
											<button id="update_breakdown" type="submit" class="btn btn-success">
												<i class="fa fa-floppy-o" aria-hidden="true"></i> Update
											</button>
										</div>
									</form>
									
								</div>
							</div>
						</div>
					</div>

					
				</div>
			</section>
<!-- // Basic form layout section end -->
            </div>
          </div>
        </div>
<script>
function validateNumber(mobnumber) {
    var filter = /^(\d{3})(\d{3})(\d{4})$/;
    if (filter.test(mobnumber)) {
      return true;
    } else {
      return false;
    }
}

$(document).on('keyup','.mobileNO',function(){
  var mobile_no = $(this).val();
  if(!validateNumber(mobile_no)){
	$(this).next('span').html('Please enter a valid mobile no.');
    $(this).next('span').css({'color':'red','font-size':'12px'});
	$("#update_breakdown").attr('disabled',true);
  }
  else{
    $(this).next('span').html('');
	$("#update_breakdown").attr('disabled',false);
  }
});
</script>