<?php

if($_SESSION["perfil"] == "Especial"){

  echo '<script>

    window.location = "inicio";

  </script>';

  return;

}


?>
<div class="content-wrapper">
  <section class="content-header">
    <h1>Alta de usuario en diplomado</h1>
    <ol class="breadcrumb">
      <li><a href=""><i class="fa fa-dashboard"></i>Inicio</a></li>
      <li class="active">Nuevo contrato de Inscripcion</li>
    </ol>
  </section>

  <section class="content">

    <div class="row">
      <div class="col-lg-12 col-xs-12">
        <div class="box box-success">
          <form role="form" method="post" class="" enctype="multipart/form-data">
            <div class="row pt-4 mt-4">
              <div class="col-md-12 pt-4 sc">

                <div class="form-group form-space col-md-12">
                  <div class="panel panel-success">
                    <div class="panel-heading">
                      <center>
                      <h3 class="panel-title">Datos del Usuario</h3>
                      </center>
                    </div>
                    <div class="panel-body" style="padding:0px">
                        <div class="form-row">
                          <div class="form-group col-md-5">
                            <label for="inputCity">Usuario:</label>

                            <div class="input-group">
                              <span class="input-group-addon"><i class="fa fa-user"></i></span>
                              <input type="text" class="form-control" id="nuevoUsuario" value="<?php echo $_SESSION["nombre"]; ?>" readonly>
                              <input type="hidden" class="form-control" id="IdUsuario" name="IdUsuario" value="<?php echo $_SESSION["id"]; ?>">
                            </div>

                          </div>
                        </div>

                        <div class="form-group col-md-4">
                          <label for="inputCity">Código documento:</label>
                          <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-key"></i></span>

                            <?php

                            $item = null;
                            $valor = null;

                            $contratos = ControladorContratos::ctrMostrarContratosCodigo($item, $valor);

                            if(!$contratos){

                              echo '<input type="text" class="form-control" id="nuevoCodigo" name="nuevoCodigo" value="10001" readonly>';


                            }else{

                              foreach ($contratos as $key => $value) {



                              }

                              $codigo = $value["codigo"] + 1;



                              echo '<input type="text" class="form-control" id="nuevoCodigo" name="nuevoCodigo" value="'.$codigo.'" readonly>';


                            }

                            ?>


                          </div>
                        </div>



                        <div class="form-group col-md-3">
                          <label for="inputCity">Estado del Servicio:</label>
                          <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-file-text"></i></span>
                            <input type="text" class="form-control" name="nuevoEstado" placeholder="Estado del Servicio" required readonly>
                          </div>
                        </div>

                    </div>
                  </div>
                </div>


                <div class="form-group form-space col-md-12">
                  <div class="panel panel-success">
                    <div class="panel-heading">
                      <center>
                        <h3 class="panel-title">Datos del Alumno</h3>
                      </center>
                    </div>
                    <div class="panel-body" style="padding:0px">
                      <div class="form-row">
                        <div class="form-group col-md-6">
                          <label for="inputCity">Nombres y Apellidos:</label>
                          <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-child"></i></span>

                            <input type="hidden" class="form-control" id="idpersona" name="idpersona" required>

                            <input type="text" class="form-control" id="nuevoNombreCliente" name="nuevoNombreCliente" placeholder="Nombres y Apellidos" required readonly="">

                            <span class="input-group-btn">
                              <button id="cliente" type="button" class="btn btn-success"><span class="fa fa-search"></span> Alumno</button>

                          </div>

                        </div>
                      </div>


                      <div class="form-row">
                        <div class="form-group col-md-3">
                          <label for="inputCity">Matricula:</label>
                          <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-address-card"></i></span>
                            <input type="text" class="form-control" id="nuevoDocumento" name="nuevoDocumento" placeholder="70123050" required readonly>
                          </div>
                        </div>

                        <div class="form-group col-md-3">
                          <label for="inputCity">Telefono:</label>
                          <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-volume-control-phone"></i></span>
                            <input type="text" class="form-control" id="nuevoTelefono" name="nuevoTelefono" placeholder="+51985448416" required readonly>
                          </div>
                        </div>

                      </div>

                    </div>
                  </div>
                </div>


                <div class="form-group form-space col-md-12">
                  <div class="panel panel-success">
                    <div class="panel-heading">
                      <center>
                        <h3 class="panel-title">Datos del Diplomado</h3>
                      </center>
                    </div>
                    <div class="panel-body" style="padding:0px">
                      <div class="form-row">

                        <div class="form-group col-md-3">
                          <label for="inputCity">Diplomado:</label>
                          <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-users"></i></span>

                            <input type="hidden" class="form-control" id="idtipo_servicios" name="idtipo_servicios" required>

                            <input type="text" class="form-control" id="nuevoDecripcionServ" name="nuevoDecripcionServ" placeholder="Tipo de Servicio" required readonly>


                            <span class="input-group-btn">
                              <button id="servicio" type="button" class="btn btn-success"><span class="fa fa-search"></span></button>


                          </div>

                        </div>
                      </div>


                      <div class="form-row">
                        <div class="form-group col-md-3">
                          <label for="inputCity">Descripción del diplomado:</label>
                          <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-audio-description"></i></span>
                            <input type="text" class="form-control" id="nuevoTipoServicio" name="nuevoTipoServicio" placeholder="Descripción del servicio" required readonly="">

                          </div>
                        </div>

                        <div class="form-group col-md-2">
                          <label for="inputCity">base:</label>
                          <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-align-center"></i></span>
                            <input type="text" class="form-control" id="nuevoCantBolsa" name="nuevoCantBolsa" placeholder="8" required readonly>
                          </div>
                        </div>

                        <div class="form-group col-md-2">
                          <label for="inputCity">base:</label>
                          <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-usd"></i></span>
                            <input type="text" class="form-control" id="nuevoValorServicio" name="nuevoValorServicio" placeholder="00.00" required readonly>
                          </div>
                        </div>

                        <div class="form-group col-md-2">
                          <label for="inputCity">N° de Pagos Acordados:</label>
                          <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-file-text"></i></span>
                            <input type="text" class="form-control" name="nuevoMeses" id="nuevoMeses" placeholder="12" required>
                          </div>
                        </div>

                        <div class="form-group col-sm-12 col-md-4">
                          <label for="inputCity">Bloque:</label>
                          <div class="input-group">
                          <span class="input-group-addon"><i class="fa fas fa-folder-open"></i></span>
                            <input type="text" class="form-control" name="direccion" placeholder="Numero de bloque" required>
                          </div>
                        </div>

                        <div class="" style="display: flex; width: 300px;">
                        <div style="margin: 0 5px;">
                          <label for="inputCity">Fecha de pago:</label>
                          <div class="input-group">
                          <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                            <input type="date" class="form-control" name="fechaInstalacion" placeholder="Fecha Instalación" required>
                          </div>
                        </div>



                        <div style="margin: 0 5px;">
                          <label for="inputCity">Fecha facturación:</label>
                          <div class="input-group">
                          <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                            <input type="date" class="form-control" id="fechaFacturacion" name="fechaFacturacion" placeholder="Fecha de facturación" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" required>
                          </div>
                        </div>
                        </div>

                      </div>

                    </div>
                  </div>

                </div>

                <div class="form-group form-space col-md-12">
                  <div class="panel panel-success">
                    <div class="panel-heading">
                      <center>
                        <h3 class="panel-title">Datos adicionales</h3>
                      </center>
                    </div>
                    <div class="panel-body" style="padding:0px">
                     
                    <div class="form-row">                     
                    
                    <div class="form-group col-md-12">
                        <label for="diplomado">¿Quien lo Inscribio?:</label>
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fas fa-terminal"></i></span>
                            <select class="form-control" id="equipos_asignados" name="equipos_asignados" placeholder="¿Quien lo Inscribio?" required>
                                <option value="">Seleccione asesor comercial</option>
                                <option value="ADRIAN GONZALEZ VAZQUEZ">ADRIAN GONZALEZ VAZQUEZ</option>
                                <option value="LUIS MARIO CALVARIO CONTRERAS">LUIS MARIO CALVARIO CONTRERAS</option>
                                <option value="MARIA MARGARITA SANCHEZ PEREZ">MARIA MARGARITA SANCHEZ PEREZ</option>
                                <option value="ANA LETICIA MORENO CALVO">ANA LETICIA MORENO CALVO</option>
                                <option value="LUIS ANGEL RAMOS ROMERO">LUIS ANGEL RAMOS ROMERO</option>
                                <option value="RAYMUNDO GASPARIANO SEGUNDO">RAYMUNDO GASPARIANO SEGUNDO</option>

                            </select>
                        </div>
                    </div>


                        <div class="form-group col-md-12">
                          <label for="inputCity">Detalles adicionales:</label>
                          <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-align-center"></i></span>
                            <textarea name="clausula_contrato" id="clausula_contrato" class="form-control" rows="3" placeholder="Detalles adicionales" required></textarea>
                          </div>
                        </div>
                      </div>

                      <div class="form-row">
                        <div class="form-group col-md-12">
                          <button id="generarcronograma" class="btn btn-success pull-right" type="button"><i class="fa fa-file-text"></i> Genererar Cronograma de pago</button>
                        </div>
                      </div>

                      <div class="form-row">
                        <div class="box-body">
                          <table class="table table-bordered table-striped table-hover table-condensed vistaCronograma" id="vistaCronograma">
                            <thead>
                              <tr>
                                <th style="width:10px">#</th>
                                <th>Valor</th>
                                <th>Tipo de Servicio</th>
                                <th>Fechas de Pago</th>
                                <th>Estado</th>
                              </tr>
                            </thead>

                            <tbody id="tablebody">
                              <tr id="fila">
                              </tr>
                            </tbody id="cronogramapago">
                          </table>
                        </div>
                      </div>

                    </div>
                  </div>
                </div>

              </div>


            </div>
            <div class="box-footer">

             <!-- <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-arrow-circle-left"></i> Cancelar</button> -->
             <a href="contratos"  class="btn btn-danger" ><i class="fa fa-arrow-circle-left"></i> Cancelar</a>

             <!-- <button type="submit" class="btn btn-primary pull-right"><i class="fa fa-save"></i> Guardar</button> -->

            <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Guardar</button>

          </div>
          </form>
        </div>
      </div>

      <?php

        $crearContrato = new ControladorContratos();
        $crearContrato -> ctrCrearContratos();

        ?>
        <script>
  document.addEventListener("DOMContentLoaded", function() {
    const form = document.querySelector("form[role='form']");
    if (form) {
      form.addEventListener("submit", function(event) {
        event.preventDefault(); // Evita el envío del formulario por defecto
        
        swal({
          title: "Confirmación",
          text: "¿HAS VALIDADO QUE LOS DATOS SON CORRECTOS?,¿LAS FECHAS Y PAGOS CORRESPONDEN AL EXPENDIENTE DEL ALUMNO?",
          icon: "warning",
          buttons: {
            cancel: {
              text: "CANCELAR",
              value: null,
              visible: true,
              className: "btn-danger",
              closeModal: true
            },
            confirm: {
              text: "SI, YA ESTAN CORRECTOS Y LO QUIERO GUARDAR",
              value: true,
              visible: true,
              className: "btn-success",
              closeModal: true
            },
            more: { // Botón adicional para seguir verificando los datos
              text: "SEGUIRE VALIDANDO",
              value: false, // Devolvemos un valor diferente para esta opción
              visible: true,
              className: "btn-warning",
              closeModal: true
            }
          }
        }).then((value) => {
          switch (value) {
            case true:
              form.submit(); // Si el usuario confirma, envía el formulario
              break;
            case false:
              // Caso para "Seguir validando" (No hace nada, el usuario puede seguir editando)
              break;
            default:
              // Caso para "Cancelar" (No hace nada adicional)
              break;
          }
        });
      });
    }
  });
</script>

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    </div>
  </section>

</div>


<!--=====================================
MODAL AGREGAR CLIENTE
======================================-->

<div id="modalAgregarPersona" class="modal fade" role="dialog">

<div class="modal-dialog modal-lg">
    <div class="modal-content">

      <form role="form" method="post">

        <!--=====================================
        CABEZA DEL MODAL
        ======================================-->

        <div class="modal-header" style="background:#3c8dbc; color:white">

          <button type="button" class="close" data-dismiss="modal">&times;</button>

          <h4 class="modal-title">Seleccionar cliente</h4>

        </div>

        <!--=====================================
        CUERPO DEL MODAL
        ======================================-->

        <div class="modal-body">

          <div class="box-body">

            <table class="table table-bordered table-striped dt-responsive tablas" width="100%">

        <thead>

         <tr>

           <th style="width:10px">#</th>
           <th>Codigo</th>
           <th>Matricula</th>
           <th>Alumno</th>
           <th>Sexo</th>

           <th>Seleccionar</th>

         </tr>

        </thead>

        <tbody>
          <?php

          $item = 'estado';
          $valor = 'activo';
          $all = true;

          $personas = ControladorPersonas::ctrMostrarPersonas($item, $valor, $all);

          foreach ($personas as $key => $value) {


            echo '<tr>

                    <td>'.($key+1).'</td>

                    <td>'.$value["codigo"].'</td>

                    <td>'.$value["documento"].'</td>

                    <td>'.$value["nombres"].'</td>';

                    if($value["sexo"] != "F"){

                        echo '<td><span class="badge bg-blue" idPersona="'.$value["idpersona"].'" sexoPersona="M"><i class="fa fa-male"></i> M</span></td>';

                      }else{

                        echo '<td><span class="badge bg" style="background-color: #f94877;" idPersona="'.$value["idpersona"].'" sexoPersona="F"><i class="fa fa-female"></i> F</span></td>';

                      }



                    echo '<td>

                      <div class="btn-group">

                        <button class="btn btn-success btnAgregarDatosContrato" idPersonaContrato="'.$value["idpersona"].'"><i class="fa fa-check"></i></button>

                      </div>

                    </td>

                  </tr>';

            }

        ?>

        </tbody>

       </table>


          </div>

        </div>



        <!--=====================================
        PIE DEL MODAL
        ======================================-->

        <div class="modal-footer">

          <button type="button" class="btn btn-danger pull-right" data-dismiss="modal">Close</button>


        </div>

      </form>

      </div>

  </div>

</div>


<!--=====================================
MODAL AGREGAR TIPO DE SERVICIO
======================================-->

<div id="modalAgregarServicio" class="modal fade" role="dialog">

<div class="modal-dialog">
    <div class="modal-content">

      <form role="form" method="post">

        <!--=====================================
        CABEZA DEL MODAL
        ======================================-->

        <div class="modal-header" style="background:#3c8dbc; color:white">

          <button type="button" class="close" data-dismiss="modal">&times;</button>

          <h4 class="modal-title">Seleccionar el diplomado y costo</h4>

        </div>

        <!--=====================================
        CUERPO DEL MODAL
        ======================================-->

        <div class="modal-body">

          <div class="box-body">

            <table class="table table-bordered table-striped dt-responsive tablas" width="100%">

        <thead>

         <tr>

           <th style="width:10px">#</th>
           <th>Servicio</th>
           <th>Nombres</th>
           <th>Cantidad meses</th>
           <th>Valor Servicio</th>

           <th>Seleccionar</th>

         </tr>

        </thead>

        <tbody>
          <?php

          $item = null;
          $valor = null;

          $servicios = ControladorServicios::ctrMostrarServicios($item, $valor, 1);


          foreach ($servicios as $key => $value) {


            echo '<tr>

                    <td>'.($key+1).'</td>

                    <td>'.$value["nombre"].'</td>

                    <td>'.$value["descripcion"].'</td>

                    <td>'.$value["cantidad_bolsa"].'</td>

                    <td>'.$value["valor_servicio"].'</td>';



                    echo '<td>

                      <div class="btn-group">

                        <button class="btn btn-success btnAgregarDatosS" idtipo_servicios="'.$value["idtipo_servicios"].'"><i class="fa fa-check"></i></button>

                        </div>

                    </td>

                  </tr>';

            }

        ?>

        </tbody>

       </table>


          </div>

        </div>



        <!--=====================================
        PIE DEL MODAL
        ======================================-->

        <div class="modal-footer">

          <button type="button" class="btn btn-danger pull-right" data-dismiss="modal">Close</button>


        </div>

      </form>









    </div>

  </div>

</div>
