<div class="x_content">
  <form id="form-nuevo">
  
    <?php if($rechaz->count()>0): ?>
      <div class="row">
        <div class="col-lg-3 col-md-1 col-12">&nbsp;</div>  
        <div class="col-lg-6 col-md-10 col-12">
          <div class="alert" role="alert" style="color: #fad149;border-color: #fad149;">
            Tienes un comprobante de pago rechazado, por favor vuelve a subirlo:
            <div id="motivo">  
              <?php $__currentLoopData = $rechaz; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $r): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="mt-1">
                  <button type="button" class="btn btn-outline-warning btn-sm" onclick="datos('<?php echo e($bandera); ?>', <?php echo e($r->id); ?>);" data-container="body" data-toggle="popover" data-placement="top" data-content="Consultar datos del comprobante rechazado." data-trigger="hover"><span class="fa fa-folder-open"></span></button>                
                  <?php echo e($r->observaciones[0]->observacion); ?>

                </div>
              <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
          </div>
        </div>  
        <div class="col-lg-3 col-md-1 col-12">&nbsp;</div>  
      </div>
    <?php endif; ?>


    <div class="row">
      <div class="col-lg-1 col-md-1 col-12">&nbsp;</div>  
      <div class="col-lg-10 col-md-10 col-12">
            
        <div class="row mt-1">

          <div class="col-md-6 col-sm-12">

            <div class="row">
              <div class="col-lg-6 col-md-5 col-4 text-right text-wa"><label> <?php echo e($bandera=='aspirante' ? 'No. Solicitud' : 'No. Control'); ?>:</label></div>  
              <div class="col-lg-6 col-md-7 col-8"><label><?php echo e($alumno->id); ?></label><input type="hidden" name="no_control" id="no_control" value="<?php echo e($alumno->id); ?>"></div>  
            </div>

            <div class="row"> 
              <div class="col-lg-6 col-md-5 col-4 text-right text-wa"><label>Nombre:</label></div>  
              <div class="col-lg-6 col-md-7 col-8"><label><?php echo e($alumno->nombre); ?> <?php echo e($alumno->ap_paterno); ?> <?php echo e($alumno->ap_materno); ?></label></div>  
            </div>

            <div class="row">
              <div class="col-lg-6 col-md-5 col-4 text-right text-wa"><label>Carrera:</label></div>  
              <div class="col-lg-6 col-md-7 col-8"><label><?php echo e($alumno->carrera->nombre); ?></label></div>
            </div>

            <div class="row mt-1">
              <div class="col-lg-6 col-md-5 col-4 text-right text-wa"><label for="celular">Celular:</label></div>  
              <div class="col-lg-6 col-md-7 col-8"><input type="text" name="celular" id="celular" class="form-control form-control-sm"></div>  
            </div>

            <div class="row mt-1">
              <div class="col-lg-6 col-md-5 col-4 text-right text-wa"><label for="correo">Correo:</label></div>  
              <div class="col-lg-6 col-md-7 col-8"><input type="text" name="correo" id="correo" class="form-control form-control-sm"></div>
            </div>

            <div id="div_semestre" style="display:none;" class="row mt-2 ocultar">
              <div class="col-lg-6 col-md-5 col-4 text-right text-wa"><label for="semestre">Semestre:</label></div>  
              <div class="col-lg-6 col-md-7 col-8">
                <select class="form-control form-control-sm" name="semestre" id="semestre">
                  <option value="1">1º semestre</option>
                  <option value="2">2º semestre</option>
                  <option value="3">3º semestre</option>
                  <option value="4">4º semestre</option>
                  <option value="5">5º semestre</option>
                  <option value="6">6º semestre</option>
                  <option value="7">7º semestre</option>
                  <option value="8">8º semestre</option>
                  <option value="9">9º semestre</option>
                  <option value="10">10º semestre</option>
                </select>
              </div>  
            </div>

            <div class="row mt-2">
              <div class="col-lg-6 col-md-5 col-4 text-right text-wa"><label for="total">Total a comprobar:</label></div>  
              <div class="col-lg-6 col-md-7 col-8"><label>$<span class="chk_total">0.00</span></label></div>  
            </div>

            <div class="row mt-2">
              <div class="col-lg-6 col-md-5 col-4 text-right text-wa"><label for="total">Total comprobantes:</label></div>  
              <div class="col-lg-6 col-md-7 col-8"><label>$<span id="t_vaucher">0.00</span></label></div>  
            </div>

            
            <fieldset class="border pb-3 pr-2">
              <legend class="text-warning" style="font-size:1rem;text-align:center;width:auto;">
                La siguiente información debe estar conforme a tu vaucher.
                <button type="button" class="btn btn-outline-warning btn-sm ml-2" id="btn_mas" onclick="add_form_vaucher()" data-container="body" data-toggle="popover" data-placement="top" data-content="Agregar otro comprobante de pago" data-trigger="hover"><span class="fa fa-plus"></span></button>
              </legend>

              <div class="row mt-1">
                <div class="col-lg-6 col-md-5 col-4 text-right text-wa mt-1">
                  <div class="row mt-1">
                    <div class="col-lg-12 col-md-12 col-12 text-right text-wa">
                      <label>Método de pago:</label>
                    </div>
                  </div>

                  <div class="row mt-1">
                    <div class="col-lg-12 col-md-12 col-12 text-right text-wa">
                      <label for="imagen">Vaucher:</label>
                    </div>
                  </div>

                  <div class="row mt-1">
                    <div class="col-lg-12 col-md-12 col-12 text-right text-wa">
                      <label for="referencia" id='label_' class="lbl_img">...</label>
                      <?php $__currentLoopData = $pago; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $p): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <label for="referencia" id='label_<?php echo e($p->id); ?>' class="lbl_img" style="display: none;"><?php echo e($p->observacion); ?></label>
                      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                  </div>

                  <div class="row mt-1">
                    <div class="col-lg-12 col-md-12 col-12 text-right text-wa">
                      <label for="importe">Importe:</label>
                    </div>
                  </div>

                  <div class="row mt-1">
                    <div class="col-lg-12 col-md-12 col-12 text-right text-wa">
                      <label for="fecha_pago">Fecha de pago:</label>
                    </div>
                  </div>

                </div>  
                <div class="col-lg-6 col-md-7 col-8" id="form_img_vauchers">
                  <div id="vaucher_1" class="div_img">
                    <div class="row mt-1">
                      <div class="col-lg-12 col-md-12 col-12 text-right text-wa">
                        <select name="metodo" id="metodo" class="form-control form-control-sm" onchange="imagen_vaucher(this.value);">
                          <option value>.:Seleccione:.</option>
                          <?php $__currentLoopData = $pago; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $p): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option value="<?php echo e($p->id); ?>"><?php echo e($p->nombre); ?></option>
                          <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </select>
                      </div>
                    </div>

                    <div class="row mt-1">
                      <div class="col-lg-12 col-md-12 col-12 text-wa">
                        <div class="custom-file">
                          <input type="file" class="custom-file-input" lang="es" name="imagen" id="imagen" accept=".jpeg,.jpg,.png" oninput="nombre_archivo('vaucher_1');">
                          <label class="custom-file-label" id="lbl_imagen" for="imagen">Seleccionar Archivo</label>
                        </div>
                      </div>
                    </div>

                    <div class="row mt-1">
                      <div class="col-lg-10 col-md-10 col-10 text-right text-wa">
                        <input type="number" name="referencia" id="referencia" class="form-control form-control-sm">
                      </div>
                      <div class="col-lg-2 col-md-2 col-2 text-wa pl-0" style="font-weight:normal;">
                        <label for="referencia" class="cuadrito">1</label>
                      </div>
                    </div>

                    <div class="row mt-1">
                      <div class="col-lg-10 col-md-10 col-10 text-right text-wa">
                        <input type="number" name="importe" id="importe" class="form-control form-control-sm" oninput="total_vauchers();">
                      </div>
                      <div class="col-lg-2 col-md-2 col-2 text-wa pl-0" style="font-weight:normal;">
                        <label for="referencia" class="cuadrito">2</label>
                      </div>
                    </div>

                    <div class="row mt-1">
                      <div class="col-lg-10 col-md-10 col-10 text-right text-wa">
                        <input type="date" name="fecha_pago" id="fecha_pago" class="form-control form-control-sm">
                      </div>
                      <div class="col-lg-2 col-md-2 col-2 text-wa pl-0" style="font-weight:normal;">
                        <label for="referencia" class="cuadrito">3</label>
                      </div>
                    </div>
                  </div>

                </div>
              </div>

              <div class="row mt-2" id="paginacion_vauchers" style="display: none;">
                <div class="col-lg-6 col-md-6 col-6 text-right text-wa" >
                  <label>No. Comprobante: </label>
                </div>
                <div class="col-lg-6 col-md-6 col-6" >
                  <input type="hidden" id="cont_div_img" value="2">
                  <button type="button" class="btn btn-primary btn_n btn_pag_img" onclick="mostrar_div_vaucher(this);" style="display:none;">2</button>
                  

                  <div class="btn-group btn-group-sm  mr-1" role="group"  id="div_pag_vaucher">
                    <button type="button" class="btn btn-outline-light btn_n" onclick="mostrar_div_vaucher(this);" data-id='vaucher_1' id="btn_vaucher_1">1</button>
                    
                  </div>

                  <button type="button" class="btn btn-primary btn-sm" id="btn_x" onclick="eliminar_div_vaucher(this);" style="display: none;">X</button>
                  
                </div>  
              </div>

            </fieldset>
              
            <div id="div_presentacion" style="display:none;" class="row mt-2 ocultar">
              <div class="col-lg-6 col-md-5 col-4 text-right text-wa"><label for="presentacion">Presentación:</label></div>  
              <div class="col-lg-6 col-md-7 col-8">
                <input type="radio" name="presentacion" id="fisico" value="fisico" checked>
                <label for="fisico">Físico</label>
                <input type="radio" name="presentacion" id="digital" value="digital">
                <label for="digital">Digital</label>
              </div>  
            </div>

            <div id="div_observacion" style="display:none;" class="row mt-2 ocultar">
              <div class="col-lg-6 col-md-5 col-4 text-right text-wa"><label for="observacion">Observaciones:</label></div>  
              <div class="col-lg-6 col-md-7 col-8">
                <textarea class="form-control form-control-sm" name="observacion" id="observacion" rows="2" placeholder="Observaciones sobre la constancia."></textarea>
              </div>  
            </div>

          </div>
          <!-- en el servidor la ruta agregar /pago/ para que tome las imagenes chidas -->
          <div class="col-md-6 col-sm-12 mt-4 mt-md-0 d-flex align-items-center justify-content-center" >
            <div id="div_metodo_" class="div_img_ejemplo ">
                <img src="/pago/img/espacio.gif" alt="Esperando..." style="border:1px;" width="100%"></div>
            <?php $__currentLoopData = $pago; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $p): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
              <div id="div_metodo_<?php echo e($p->id); ?>" class="div_img_ejemplo" style="display: none;">
                <img src="/pago/img/<?php echo e($p->imagen); ?>" alt="Imagen de ejemplo" style="border:1px;" height="410px;"></div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
          </div>
        </div>


        <div class="row mt-3">
          <div class="col-md-3">&nbsp;</div>  
          <div class="col-md-3"><button type="button" class="btn btn-sm btn-primary btn-block" onclick="add_vaucher('<?php echo e($bandera); ?>');" id="btn-aceptar">Aceptar</button></div>  
          <div class="col-md-3"><button type="button" class="btn btn-sm btn-outline-secondary btn-block" onclick="seleccion();">Cancelar</button></div>  
          <div class="col-md-3">&nbsp;</div>  
        </div>
      </div>  
      <div class="col-lg-1 col-md-1 col-12">&nbsp;</div>  
    </div>

  </form>
      

</div><?php /**PATH /home2/itzitacu/public_html/portal/pago/nuevo/resources/views/vaucher/nuevo.blade.php ENDPATH**/ ?>