<div class="panel panel-default">

  <div class="panel-heading">
    <h3 class="panel-title">
      <a data-toggle="collapse" href="#collapse1">Enviar correo con reporte de empleado</a>
      <div class="pull-right"><a data-toggle="collapse" href="#collapse2">cerrar / abrir</a></div>
    </h3>
  </div>

  <div id="collapse2" class="panel-body panel-collapse collapse out">
    <div class="container-fluid">
      <div class="row">
        <div >
          <form id="formEnviarCorreoJefeInmediato" method="post" class="form-horizontal" onsubmit="return false;">
            <div class="col-md-4 col-sm-4 col-xs-12" >
              <div class="form-group ">
                <label class="control-label requiredField" for="correoJefeInmediato">
                  Correo
                  <span class="asteriskField">
                    *
                  </span>
                </label>
                <input class="form-control" id="correoJefeInmediato" name="correoJefeInmediato" type="email" required=""/>
              </div>
              <div class="form-group ">
                <label class="control-label requiredField" for="correoJefeInmediato">
                  Copia a 
                </label>
                <input class="form-control" id="correoConcopia" name="correoConcopia" type="email" />
              </div>
              <div class="form-group ">
                <label class="control-label requiredField" for="asuntoCorreo">
                  Asunto del Correo
                  <span class="asteriskField">
                    *
                  </span>
                </label>
                <input class="form-control" id="asuntoCorreo" name="asuntoCorreo" type="text" required=""/>
              </div>
              <div class="form-group" id="div_copiaEmpleado">
                <label class="control-label " for="copiaEmpleado">
                </label>
                <div class=" ">
                  <label class="checkbox-inline">
                    <input name="copiaEmpleado" type="checkbox" value="enviar copia al empleado"/>
                    enviarme copia al empleado
                  </label>
                </div>
              </div>
              <div class="form-group">
                <div>
                  <button class="btn btn-success " name="submit" type="submit">
                    <i class="fa fa-mail-forward" ></i>
                    Enviar Correo
                  </button>
                </div>
              </div>
            </div>
            <div class="col-md-8 col-sm-8 col-xs-12">
              <div class="form-group ">
                <label class="control-label " for="message">
                  Mensaje
                </label>
                <textarea class="form-control" cols="40" id="message" name="message" rows="10">
<h3>Cordial saludo,&nbsp;</h3>
<p>Me encuentro revisando el control de ingresos y salidas de los trabajadores, de acuerdo a lo 
observado durante&nbsp; estos &uacute;ltimos d&iacute;as, usted se encuentra cumpliendo con los 
horarios establecidos por la organizaci&oacute;n.</p>
<p>Lo invito a continuar con el cumplimiento de este procedimiento.</p>

<hr />
<<<%%AREADELREPORTE%%>>>
<p></p>
<p><img src="http://asistencia.apps.ccsm.org.co/admin/img/ccabrales.png" alt="" width="300" /></p>
                </textarea>
              </div>
            </div>
            <input type="hidden" name="tipo" value="<?php echo $_POST["tipo"] ?>" />
            <input type="hidden" name="sede" value="<?php echo $_POST["sede"] ?>" />
            <input type="hidden" name="depto" value="<?php echo $_POST["depto"] ?>" />
            <input type="hidden" name="persona" value="<?php echo $_POST["persona"] ?>" />
            <input type="hidden" name="desde" value="<?php echo $_POST["desde"] ?>" />
            <input type="hidden" name="hasta" value="<?php echo $_POST["hasta"] ?>" />
            <input type="hidden" name="operacion" value="<?php echo $_POST["oper"] ?>" />
          </form>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
  $(document).ready(function () {

    $("#message").jqte();

    $("#formEnviarCorreoJefeInmediato").submit(function () {
      $(".cargandoHtml").show();
      var datosForm = $(this).serialize() + "&oper=enviarCorreoJefeInmediato";
      $.post("api.php",
        datosForm
        ,
        function (data) {
          alert(data);
          $(".cargandoHtml").hide();
        });
    });
  });
</script>

<?php
/* 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */