<div class="modal-header bg-dark">
  <h4 class="modal-title font-weight-light">Registrar nueva Inscripcion</h4>
  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
<form action="" id="FormRegInscripcion">
  <div class="modal-body">
    <div class="row">
      <div class="col-sm-12">
        <div class="form-group">
          <label for="">Cliente</label>
          <select name="cliente" id="cliente" class="form-control">
            <option value="">Seleccionar</option>
            <?php
            require "../../controlador/clienteControlador.php";
            require "../../modelo/clienteModelo.php";
            $cliente=ControladorCliente::ctrInformacionCliente();
            foreach($cliente as $value){
            ?>
            <option value="<?php echo $value["id_cliente"];?>"><?php echo $value["nombre_cliente"]." ".$value["ap_paterno_cli"]." ".$value["ap_materno_cli"];?></option>
            <?php
            }
            ?>
          </select>
        </div>
      </div>
      <div class="col-sm-12">
        <div class="form-group">
          <label for="">Membresia</label>
          <select name="membresia" id="membresia" class="form-control">
            <option value="">Seleccionar</option>
            <?php
            require "../../controlador/membresiaControlador.php";
            require "../../modelo/membresiaModelo.php";
            $membresia=ControladorMembresia::ctrInformacionMembresia();
            foreach($membresia as $value){
            ?>
            <option value="<?php echo $value["id_membresia"];?>"><?php echo $value["descripcion"]." - ".$value["costo"];?></option>
            <?php
            }
            ?>
          </select>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-sm-4">
        <div class="form-group">
          <label for="">Decuento(%)</label>
          <input type="number" class="form-control" id="descuento" name="descuento" value="0">
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <label for="">Fecha de Inicio</label>
          <input type="date" class="form-control" id="fechaInicio" name="fechaInicio">
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <label for="">Fecha de Fin</label>
          <input type="date" class="form-control" id="fechaFin" name="fechaFin">
        </div>  
      </div>
    </div>

  </div>
  <div class="modal-footer justify-content-between">
    <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
    <button type="submit" class="btn btn-primary" id="guardar">Guardar</button>
  </div>
</form>


<script>
  $(function(){
    $.validator.setDefaults({

      submitHandler:function(){
        RegInscripcion()
      }
    })
    $(document).ready(function(){
      $("#FormRegInscripcion").validate({
        rules:{
          cliente:{
            required:true
          },
          membresia:{
            required: true
          },
          descuento:{
            required:true
          },
          fechaInicio:{
            required:true
          },
          fechaFin:{
            required:true
          }
        },
        errorElement:'span',
        errorPlacement:function(error, element){
          error.addClass('invalid-feedback')
          element.closest('.form-group').append(error)
        },

        highlight: function(element, errorClass, validClass){
          $(element).addClass('is-invalid')
        },

        unhighlight: function(element, errorClass, validClass){
          $(element).removeClass('is-invalid')
        }

      })
    })

  })

</script>