<div id="page-content-wrapper">
  <div class="page-content inset">
<div class="row">
<!-- <div class="col-md-8"> -->
  <!-- <link href="\SM\views\css\estilos.css" rel='stylesheet' type='text/css' /> -->
  <script src="http://code.jquery.com/jquery-1.0.4.js"></script>
  <script src="http://code.jquery.com/jquery-1.0.4.js"></script>
  <script src="http://code.jquery.com/jquery-1.0.4.js"></script> 

<head>
  <!-- Manda a traer el javascript para validar el formulario -->
  <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/AClientes.js"></script>
    <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/validacion.css'?>">
  <link rel='stylesheet' href="<?php echo base_url().'assets/dist/css/styles.css'?>">
   <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/table.css' />
   <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.css'?>">
		<!-- Latest compiled and minified JavaScript -->
		<script src="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.js'?>"></script>

</head>
<div class="col-md-12">
<button class="btn btn-primary col-md-2 pull-right" id="ClienteProspecto" data-toggle="tooltip" data-placement="bottom" title="Insertar nombre completo del cliente y número celular para proceder a el llenado de cliente prospecto">Cliente Prospecto</button>
</div>
<!-- <div class="title_right">
<div class="x_panel">  -->

<center><h1>Agregar Cliente</h1></center>
<!-- Función que guarda todos los datos ingresados-->


<form id="ACliente" action="<?php echo base_url();?>clientes/cosmetologo/clienteC/guardar" method="POST" onSubmit="return false" autocomplete="off">

    <div class="form-group modal-dialog modal-lg">
    <div class="col-md-6">
      <label for="name1">Nombre Completo <i class="fas fa-exclamation-circle"></i></label>
      <input type="text" class="form-control" id="txt_nombrecliente" name="txt_nombrecliente" maxlength='69' minlength="3" placeholder="Nombre" onkeypress="return validaLetra(event)"  required="" onKeyup="ValidaCliente();" autocomplete="off">
    </div>

    <!-- <label for="name1">Apellido Paterno</label> -->
    <!-- <input type="text" class="form-control" id="txt_apaterno" name="txt_apaterno" minlength="3" maxlength='20' placeholder="Apellido Paterno"  onkeypress="return validaLetra(event)" required="" onKeyup="ValidaCliente();"> -->

    <!-- <label for="name1">Apellido Materno</label> -->
    <!-- <input type="text" class="form-control" id="txt_amaterno" name="txt_amaterno" minlength="3" maxlength='20' placeholder="Apellido Materno"  onkeypress="return validaLetra(event)" required="" onKeyup="ValidaCliente();"> -->

    <div class="col-md-6">
    <label for="name1">Celular <i class="fas fa-exclamation-circle"></i></label>
    <input type="text" class="form-control" id="txt_CelularCliente" name="txt_CelularCliente" maxlength='13' placeholder="2226887807" onkeypress="return valida(event)" required="">
    </div>
    <div class="col-md-6">
      <label for="name1">Fecha Nacimiento</label>
      <input type="text" class="form-control date-picker" id="txt_fechanac" name="txt_fechanac" placeholder="dd/mm/aaaa"  max=<?php $hoy=date("Y-m-d"); echo $hoy;?>>
    </div>
    <div class="col-md-6">
    <label for="name1">Edad</label>
    <input type="text" class="form-control" id="txt_EdadCliente" name="txt_EdadCliente" maxlength='2' minlength="2" placeholder="Edad"  onkeypress="return valida(event)">
    </div>
    <div class="col-md-6">
      <label for="name1">Teléfono</label>
      <input type="text" class="form-control" id="txt_TelefonoCliente" name="txt_TelefonoCliente" maxlength='13' placeholder="2226887807" onkeypress="return valida(event)">
    </div>
    <div class="col-md-6">
    <label for="name1">Correo  Electrónico </label>
    <input type="email" class="form-control" id="txt_CorreoCliente" name="txt_CorreoCliente" maxlength='50' placeholder=" soporte@modelartspa.com" onkeyUp="this.value=this.value.toLowerCase();">
    </div>
    <div class="col-md-6">
    <label for="name1">Dirección</label>
    <input type="text" class="form-control" id="txt_DireccionCliente" name="txt_DireccionCliente" maxlength='60' placeholder="Dirección">
    </div>
    <div class="col-md-6">
    <label for="txt_SexoCliente">Sexo</label>
    <select id= "txt_SexoCliente" name="txt_SexoCliente" class="form-control">
    <option value="">--- Selecciona la opción ---</option>
    <option value="MASCULINO">MASCULINO</option>
    <option value="FEMENINO">FEMENINO</option>
    <option value="OTRO">OTRO</option>
    </select> 
    </div>
    <div class="col-md-6">
    <label for="name1">Estado Civil</label>
    <select id= "txt_estadociv" name="txt_estadociv" class="form-control">
    <option value="">--- Selecciona la opción ---</option>
    <option value="SOLTERO">SOLTERO</option>
    <option value="CASADO">CASADO</option>
    <option value="DIVORCIADO">DIVORCIADO</option>
    </select> 
    </div>
    <div class="col-md-6">
    <label for="name1">Ocupación</label>
    <input type="text" class="form-control" id="txt_ocupacion" name="txt_ocupacion" maxlength='35' placeholder="Ocupación"  onkeypress="return validaLetra(event)">
    </div>
    <div class="col-md-6">
    <label for="name1">Medio Información</label>
    <select id= "txt_medio" name="txt_medio" class="form-control" >
   <option value="">--- Selecciona la opción ---</option>
    <option value="FACEBOOK">FACEBOOK</option>
    <option value="RADIO">RADIO</option>
    <option value="PÁGINA WEB">PÁGINA WEB</option>
    <option value="VOLANTE">VOLANTE</option>
    <option value="PORPLAZA">CAPTADO POR PLAZA</option>
    <option value="OTRO">OTRO</option>
    </select>
    </div>
    <!-- <div class="col-md-6">
    <label for="name1" >Franquicia  </label>
    <select class="form-control" name="txt_franquicia" readonly=""> <?php foreach ($ReFranquicia as $i => $franquicia)    
    echo '<option value="',$i,'">',$franquicia,'</option>'; ?> </select>
     </div> -->
    <div class="col-md-6">

   <label for="name1">Recomendado por:  </label>
     <input type="text" class="form-control" id="txt_recomendado" name="txt_recomendado" maxlength='45' placeholder="Recomendado por:">
     </div>
    <div class="col-md-12 centrar">
      <!-- <div class="div-centrado"> -->
        <label >Autoriza usar datos <i class="fas fa-exclamation-circle"></i></label></br>
        <label for="name1" >Si &nbsp;&nbsp;&nbsp;</label><input type="radio" id="siautoriza" name="Autoriza" class="form-check-input" value="Si" required="" >
        <label for="name1" >No &nbsp;&nbsp;&nbsp;</label><input type="radio" id="noautoriza" name="Autoriza" class="form-check-input" value="No" >
        </select>
      <!-- </div> -->
    </div>

    <div class="form-group col-md-10 div-centrado"> 
      <button type="submit" id="guardar" class="btn btn-primary col-md-4 col-xs-5 pull-right"> <span class="glyphicon glyphicon-floppy-disk"> </span> Guardar</button>
      <a href="javascript:window.history.back()" ><button type="button" class="btn btn-danger col-md-4 col-xs-5 pull-left"> <span class="glyphicon glyphicon-circle-arrow-left"> </span> Regresar</button></a>  
    </div>
    <!-- <div class="col-md-12"> -->
      <!-- Guarda todos los datos del cliente -->
      <!-- <button type="submit" id="guardar" class="btn btn-primary">Guardar</button> -->
      <!-- Regresa a la vista principal de clietes -->
      <!-- <a href="<?php echo base_url();?>clientes/franquiciatario/clienteF"><button type="button" class="btn btn-danger" >Cancelar</button></a> -->

      </form>
      <input type="text" class="form-control" id="nombrecompleto" name="nombrecompleto" style="visibility: hidden;">
      <select type="text" class="form-control" id="nomcliente" name="nomcliente" style="visibility: hidden;"><?php foreach ($ReCliente as $i => $cliente)    
          echo '<option value="',$i,'">',$cliente,'</option>'; ?> </select>

    </div>
<!-- </div>  -->
</div>
</div>
</div>
