<?php

if($_SESSION["nombre"] == "Vendedor"){

  echo '<script>

    window.location = "inicio";

  </script>';

  return;

}

?>

<div class="content-wrapper">
    <!-- Content Header (Page header) -->

    
    <!-- Main content -->
    <section class="content">

      <!-- Default box -->
      <div class="card">
        <div class="card-header">
          <button class="btn btn-outline-warning btn-sm" data-toggle="modal" data-target="#modalAgregarMarcas">
            Agregar Marca
          </button>

          
        </div>


        <div class="card-body">
          <table style="font-size:85%;" class="table table-bordered table-hover table-sm dt-responsive  tablas">
          <thead>
                <tr>
                  <th style="width: 10px">#</th>
                  <th>Marca</th>
                  <th>Proveedor</th>
                  <th>Acciones</th>
                </tr>
                </thead>
                <tbody>
                <?php 
                  $item = null;
                  $valor = null;

                  $marcas = ControladorMarcas:: ctrMostrarMarcas($item, $valor);

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

                    echo '<tr>
                            <td>'.($key+1).'</td>
                            <td>'.$value["descripcion"].'</td>';

                            $itemCliente = "id";
                            $valorCliente = $value["proveedor"];

                            $respuestaProveedor = ControladorProveedor::ctrMostrarProveedores($itemCliente, $valorCliente);

                            echo '<td>'.$respuestaProveedor["razon_social"].'</td>

                            <td>
                              <div class="btn-group">
                                <button class=" btn btn-warning btnEditarMarca" idMarca="'.$value["id"].'" idProveedor="'.$value["proveedor"].'" data-toggle="modal" data-target="#modalEditarMarca"><i class="fas fa-pencil-alt"></i></button>
                                <button class=" btn btn-danger btnEliminarMarca" idMarca="'.$value["id"].'" idProveedor="'.$value["proveedor"].'"><i class="fa fa-times"></i></button>
                              </div>
                            </td>

                          </tr>';
                  }
?>
                </tbody>


          </table>
        </div>

      </div>
      <!-- /.card -->

    </section>
    <!-- /.content -->
  </div>

  <!--=====================================
MODAL AGREGAR Marca
======================================-->

 <div class="modal fade" id="modalAgregarMarcas">
        <div class="modal-dialog">
          <div class="modal-content">
    <form role="form" method="post" >

            <div class="modal-header" style="background: #EAA354; color: white">
              <h4 class="modal-title">Agregar Marca</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>

            <div class="modal-body">
              <div class="box-body">

              <div class="form-group">
                <div class="input-group mb-3">
                <div class="input-group-append">
                  <div class="input-group-text">
                    <span class="fas fa-th"></span>
                  </div>
                  </div>
                    <input type="text" class="form-control input-lg marca"  onkeypress="return permite(event, 'car')" name="nuevaMarca" id="nuevaMarca" placeholder="Ingresar Marca" required>
                  </div>
                </div>

                <div class="form-group">
                <div class="input-group mb-3">
                <div class="input-group-append">
                  <div class="input-group-text">
                    <span class="fas fa-th"></span>
                  </div>
                  </div>
                  <select class="form-control select2 is-warning " id="seleccionarProveedor" name="seleccionarProveedor" required>

                    <option value="">Seleccionar Proveedor</option>

                    <?php

                    $item = null;
                    $valor = null;

                    $proveedores = ControladorProveedor::ctrMostrarProveedores($item, $valor);

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

                      echo '<option value="'.$value["id"].'">'.$value["razon_social"]. ' - ' .$value["ruc_dni"].'</option>';

                    }

                    ?>

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

  
              </div>
            </div>


            <div class="modal-footer justify-content-between">
              <button type="button" class="btn btn-default" data-dismiss="modal">Salir</button>
              <button type="submit" class="btn btn-warning">Guardar</button>
            </div>
            <?php 
            
            $crearMarca = new ControladorMarcas();
            $crearMarca -> ctrCrearMarca();
            
            ?>
        </form>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
      </div>
      <!-- /.modal -->
      
  <!--=====================================
MODAL EDITAR MARCA
======================================-->

 <div class="modal fade" id="modalEditarMarca">
        <div class="modal-dialog">
          <div class="modal-content">
    <form role="form" method="post" >

            <div class="modal-header" style="background: #EAA354; color: white">
              <h4 class="modal-title">Editar Marcas</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>

            <div class="modal-body">
              <div class="box-body">

              <div class="form-group">
                <div class="input-group mb-3">
                <div class="input-group-append">
                  <div class="input-group-text">
                    <span class="fas fa-th"></span>
                  </div>
                  </div>
                    <input type="text" class="form-control input-lg marca"  onkeypress="return permite(event, 'car')" name="editarMarca" id="editarMarca" required>
                    <input type="hidden" name="idMarca" id="idMarca">
                  </div>
                </div>

                <div class="form-group">
                <div class="input-group mb-3">
                <div class="input-group-append">
                  <div class="input-group-text">
                    <span class="fas fa-th"></span>
                  </div>
                  </div>
                  <select class="form-control select2 form-control-sm" id="seleccionarProveedor" name="seleccionarProveedor" required>

                        <option  id="editarproveedor" ></option>

                        <?php

                        $item = null;
                        $valor = null;

                        $proveedores = ControladorProveedor::ctrMostrarProveedores($item, $valor);

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

                          echo '<option value="'.$value["id"].'">'.$value["razon_social"]. ' - ' .$value["ruc_dni"].'</option>';

                        }

                        ?>

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

  
              </div>
            </div>


            <div class="modal-footer justify-content-between">
              <button type="button" class="btn btn-default" data-dismiss="modal">Salir</button>
              <button type="submit" class="btn btn-warning">Modificar</button>
            </div>
            <?php 

             $editarMarca = new ControladorMarcas();
             $editarMarca -> ctrEditarMarca();
            
            ?>
            
        </form>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
      </div>
      <!-- /.modal -->
      <?php 
      
$borrarMarca = new ControladorMarcas();
$borrarMarca -> ctrBorrarMarca();

?>
  <script src="./vistas/js/plantilla.js"></script>
  <script src="./vistas/js/marcas.js"></script>
  <script>
      function permite(elEvento, permitidos) {
  // Variables que definen los caracteres permitidos
  var numeros = "0123456789";
  var caracteres = " aábcdeéfghiíjklmnñoópqrstuvwxyzAÁBCDEÉFGHIÍJKLMNÑOÓPQRSTUVWXYZ";
  var numeros_caracteres = numeros + caracteres;
  var teclas_especiales = [8, 37, 39, 46];
  // 8 = BackSpace, 46 = Supr, 37 = flecha izquierda, 39 = flecha derecha
 
 
  // Seleccionar los caracteres a partir del parámetro de la función
  switch(permitidos) {
    case 'num':
      permitidos = numeros;
      break;
    case 'car':
      permitidos = caracteres;
      break;
    case 'num_car':
      permitidos = numeros_caracteres;
      break;
  }
 
  // Obtener la tecla pulsada 
  var evento = elEvento || window.event;
  var codigoCaracter = evento.charCode || evento.keyCode;
  var caracter = String.fromCharCode(codigoCaracter);
 
  // Comprobar si la tecla pulsada es alguna de las teclas especiales
  // (teclas de borrado y flechas horizontales)
  var tecla_especial = false;
  for(var i in teclas_especiales) {
    if(codigoCaracter == teclas_especiales[i]) {
      tecla_especial = true;
      break;
    }
  }
 
  // Comprobar si la tecla pulsada se encuentra en los caracteres permitidos
  // o si es una tecla especial
  return permitidos.indexOf(caracter) != -1 || tecla_especial;
}
      
      var elemento = document.getElementById("almacen");
      elemento.className += " active";

      var elemento = document.getElementById("alma");
      elemento.className += " menu-open";

      var elemento = document.getElementById("marca");
      elemento.className += " active";
</script>

