<?php
if (isset($conexion)) {
    ?>
  <!-- Modal -->
  <form class="form-horizontal" method="post" id="guardar_cobro" name="guardar_cobro">
  <div class="modal fade" id="cobros" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" style="max-width: 1200px;" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title"> Cobro Individual</h4>
          <div class="col-md-4">
            <div id="f_resultado"></div><!-- Carga los datos ajax del incremento de la fatura -->
          </div>
        </div>
        <div class="modal-body">
            <div id="resultados_ajaxm"></div>
            <div class="row">
              <div class="col-md-6">
              <div style=" background-color:#EFEBE9; border-radius: 5px; border: 1px solid #39c;" class="card-box">
												<div class="widget-chart">
                <div class="outer_cobros"></div><!-- Carga los Productos del temp -->
              </div>
              </div>
              </div>
              <div class="col-md-6" align="center">
              <div style=" background-color:#EAFAF1; border-radius: 5px; border: 1px solid #39c;" class="card-box">
												<div class="widget-chart">
                <div id="resultados_2"></div><!-- Carga el Ticket individual del pago -->
              </div>
              </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-4">
                <label for="condiciones">Cliente:</label>
                <div class="input-group">
                  <input type="text" id="nombre_cliente" class="form-control" placeholder="Buscar Cliente" required value="<?php echo $row["nombre_cliente"]; ?>" onClick="this.select()">
                  <span class="input-group-btn">
                    <button type="button" class="btn waves-effect waves-light btn-success" data-toggle="modal" data-target="#nuevoCliente"><li class="fa fa-plus"></li></button>
                  </span>
                  <input id="id_cliente" name="id_cliente" type='hidden' value="<?php echo $row["id_cliente"]; ?>">
                </div>

              </div>
              <div class="col-md-2">
                <div class="form-group">
                  <label for="condiciones">Pago</label>
                  <select class="form-control input-sm condiciones" id="condiciones" name="condiciones" onchange="showDiv(this)">
                    <option value="1">Efectivo</option>
                    <option value="2">Tarjeta</option>
                    <option value="3">Transferencia Bancaria</option>
                  </select>
                </div>
              </div>
              <div class="col-md-2"></div>
              <div class="col-md-3">
                <div class="form-group">
                  <label for="resib">Dinero Resibido</label>
                  <input style=" background-color:#F5B7B1; border-radius: 5px; border: 1px solid #39c; text-align: center; font-size: 30px; height: 50px" placeholder="$ 0.00" type="text" class="form-control" autocomplete="off" id="resib"  name="resib">
                  <div id="totalXX"></div><!-- Carga los datos ajax -->
                </div>
              </div>
            </div>

          </div>
          <div class="modal-footer">
            <button type="submit" id="guardar_datosc" class="btn btn-primary waves-effect waves-light" onclick="obtener_cobros('<?php echo $numero_mesa; ?>');">Realizar Cobro</button>
          </div>
        </form>
      </div>
    </div>
  </div>

  <?php
}
?>