<?php
  $Position   = '../';
  require_once($Position.'config/config.php');
  require_once($Position.'config/conexion.php');
  require_once($Position.'config/user.php');
  require_once($Position.'funciones/acces.php');
  require_once($Position.'funciones/logout.php');
  require_once($Position.'funciones/funciones.php');

  if( $_POST[Id] ){

    //Menu
    $Query = "
      SELECT
        men.Id, men.Nombre,
        men.ColorBg, men.ColorCategorias,
        men.ColorTitulos, men.ColorTextos, men.ColorPrecios,
        men.Fk_MenuForma,
        men.CategoriasFk_Fuente, men.TitulosFk_Fuente,
        men.TextosFk_Fuente, men.PreciosFk_Fuente
      FROM Menus men
      WHERE men.Id = '$_POST[Id]'
  	";
  	$Menult = mysqli_query($mysqli, $Query );
  	$Men = mysqli_fetch_assoc($Menult);

  }

?>

<form
  method="post"
  enctype="multipart/form-data"
  id="Form-Config"
>

  <input type="hidden" name="Save" value="Ok" />
  <input type="hidden" name="SaveConfig" value="Ok" />
  <input
    type="hidden"
    name="Action"
    value="<?php if( $Men[Id] ){ echo '2'; }else{ echo '1'; } ?>"
  />
  <?php if($Men[Id]){ ?>
    <input type="hidden" name="Id" value="<?php echo $Men[Id]; ?>" />
  <?php } ?>

  <div class="row">

    <!-- Config -->
    <div class="col-sm-6">
      <div class="card">
        <div class="card-body">
          <div class="row">

            <!-- Titulo -->
            <div class="col-sm-12">
              <h4>Configuración</h4>
              <hr>
            </div>
            <!-- End Titulo -->

            <!-- ColorBg -->
            <div class="col-sm-12 form-group">
              <label>Color de Fondo</label>
              <div>
                <input
                  name="ColorBg"
                  class="form-control colorpicker"
                  value="<?php echo $Men[ColorBg]; ?>"
                  data-required="true"
                  autocomplete="off"
                />
              </div>
            </div>
            <!-- End ColorBg -->

            <div class="col-sm-12">
            </div>

            <!-- Forma Imagenes -->
            <div class="col-sm-12 form-group">
              <label>Forma de Imagenes</label>
              <select
                name="MenuForma"
                class="form-control chosen-select"
                data-required="true"
              >
                <?php
                  //Formas
                  $Query = "
                    SELECT
                      fo.Id, fo.Forma
                    FROM MenusFormaImgs fo
                    ORDER BY fo.Forma ASC
                  ";
                  $Formas = $mysqli->query($Query);
                  mysqli_data_seek($Formas, 0);
                  while($Fo = mysqli_fetch_array($Formas)) {
                ?>
                  <option
                    value="<?php echo $Fo['Id']; ?>"
                    <?php
                      if( ($Men['Fk_MenuForma'] == $Fo['Id']) || (!$Men['Id'] && $Fo['Id'] == '1' ) ){
                        echo "selected";
                      }
                    ?>
                  >
                    <?php echo $Fo[Forma]; ?>
                  </option>
                <?php } ?>
              </select>
            </div>
            <!-- End Forma Imagenes -->

          </div>
        </div>
      </div>
    </div>
    <!-- End Config -->

    <!-- Ejemplo -->
    <div class="col-sm-6">
      <div class="card">
        <div class="card-body">
          <div class="row">

            <!-- Titulo -->
            <div class="col-sm-12">
              <h4>Ejemplo</h4>
              <hr style="margin-bottom:0px;">
            </div>
            <!-- End Titulo -->

            <div
              class="col-sm-12"
              style="
                background-color: <?php echo $Men[ColorBg]; ?>;
              "
            >
              <div class="row">
                <div
                  class="col-sm-12 text-center"
                  style="
                    margin-bottom: 10px;
                    margin-top: 20px;
                  "
                >
                  <?php
                    //Fuente de Titulo
                    $Query = "
                      SELECT
                        fu.Id, fu.Font
                      FROM Fuentes fu
                      WHERE fu.Id = '$Men[CategoriasFk_Fuente]'
                    ";
                    $Menult = mysqli_query($mysqli, $Query );
                    $FuTitle = mysqli_fetch_assoc($Menult);
                  ?>
                  <h2
                    style="
                      font-size: 36px;
                      line-height: 1.5;
                      font-style: normal;
                      font-family: '<?php echo $FuTitle[Font]; ?>';
                      color: <?php echo $Men[ColorCategorias]; ?>;
                    "
                  >
                    Categoría
                  </h2>
                </div>
              </div>

              <?php
                for ($i = 1; $i <= 2; $i++) {
              ?>
                <div
                  class="row"
                  style="
                    padding: 20px 15px 20px 15px;
                    border-bottom: 1px solid rgba(0,0,0,.15);
                  "
                >
                  <div class="col-sm-3">
                    <img
                      style="
                        width:100%;
                        <?php if( $Men[Fk_MenuForma] == '2' ){ ?>
                          border-radius: 50%;
                        <?php } ?>
                        box-shadow: 0px 0px 10px rgba(0,0,0,.15);
                      "
                      src="<?php echo $Position; ?>../images/tempo/0.jpg"
                    />
                  </div>
                  <div class="col-sm-6">
                    <?php
                      //Fuente de Titulo
                      $Query = "
                        SELECT
                          fu.Id, fu.Font
                        FROM Fuentes fu
                        WHERE fu.Id = '$Men[TitulosFk_Fuente]'
                    	";
                    	$Menult = mysqli_query($mysqli, $Query );
                    	$FuTitle = mysqli_fetch_assoc($Menult);
                    ?>
                    <h3
                      style="
                        font-size: 16px;
                        line-height: 1.5;
                        font-family: '<?php echo $FuTitle[Font]; ?>';
                        color: <?php echo $Men[ColorTitulos]; ?>;
                      "
                    >
                      Titulo de Platillo
                    </h3>
                    <?php
                      //Fuente de Titulo
                      $Query = "
                        SELECT
                          fu.Id, fu.Font
                        FROM Fuentes fu
                        WHERE fu.Id = '$Men[PreciosFk_Fuente]'
                    	";
                    	$Menult = mysqli_query($mysqli, $Query );
                    	$FuTitle = mysqli_fetch_assoc($Menult);
                    ?>
                    <p
                      style="
                        font-size: 13px;
                        font-weight: 300;
                        font-family: '<?php echo $FuTitle[Font]; ?>';
                        color: <?php echo $Men[ColorTextos]; ?>;
                      "
                    >
                      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    </p>
                  </div>
                  <div class="col-sm-3">
                    <span
                      style="
                        font-size: 17px;
                        font-weight: bold;
                        font-family: '<?php echo $FuTitle[Font]; ?>';
                        color: <?php echo $Men[ColorPrecios]; ?>;
                      "
                    >$100.00</span>
                  </div>
                </div>
              <?php } ?>

            </div>

          </div>
        </div>
      </div>
    </div>
    <!-- End Ejemplo -->


    <!-- Categorías -->
    <div class="col-sm-12">
      <div class="card">
        <div class="card-body">
          <div class="row">

            <!-- Titulo -->
            <div class="col-sm-12">
              <h4>Categorías</h4>
              <hr>
            </div>
            <!-- End Titulo -->

            <!-- Fuente -->
            <div class="col-sm-6 form-group">
              <label>Fuente de Categorías</label>
              <select
                name="CategoriasFk_Fuente"
                class="form-control chosen-select"
                data-required="true"
              >
                <?php
                  //Fuentes
                  $Query = "
                    SELECT
                      fu.Id, fu.Nombre
                    FROM Fuentes fu
                    ORDER BY fu.Nombre ASC
                  ";
                  $Fus = $mysqli->query($Query);
                  mysqli_data_seek($Fus, 0);
                  while($Fu = mysqli_fetch_array($Fus)) {
                ?>
                  <option
                    value="<?php echo $Fu['Id']; ?>"
                    <?php
                      if( $Fu['Id'] == $Men['CategoriasFk_Fuente'] ){
                        echo "selected";
                      }
                    ?>
                  >
                    <?php echo $Fu[Nombre]; ?>
                  </option>
                <?php } ?>
              </select>
            </div>
            <!-- End Fuente -->

            <!-- ColorCategorias -->
            <div class="col-sm-6 form-group">
              <label>Color de Texto</label>
              <div>
                <input
                  name="ColorCategorias"
                  class="form-control colorpicker"
                  value="<?php echo $Men[ColorCategorias]; ?>"
                  data-required="true"
                  autocomplete="off"
                />
              </div>
            </div>
            <!-- End ColorCategorias -->

          </div>
        </div>
      </div>
    </div>
    <!-- End Categorías -->

    <!-- Titulos -->
    <div class="col-sm-12">
      <div class="card">
        <div class="card-body">
          <div class="row">

            <!-- Titulo -->
            <div class="col-sm-12">
              <h4>Titulos</h4>
              <hr>
            </div>
            <!-- End Titulo -->

            <!-- Fuente -->
            <div class="col-sm-6 form-group">
              <label>Fuente de Titulos</label>
              <select
                name="TitulosFk_Fuente"
                class="form-control chosen-select"
                data-required="true"
              >
                <?php
                  //Fuentes
                  $Query = "
                    SELECT
                      fu.Id, fu.Nombre
                    FROM Fuentes fu
                    ORDER BY fu.Nombre ASC
                  ";
                  $Fus = $mysqli->query($Query);
                  mysqli_data_seek($Fus, 0);
                  while($Fu = mysqli_fetch_array($Fus)) {
                ?>
                  <option
                    value="<?php echo $Fu['Id']; ?>"
                    <?php
                      if( $Fu['Id'] == $Men['TitulosFk_Fuente'] ){
                        echo "selected";
                      }
                    ?>
                  >
                    <?php echo $Fu[Nombre]; ?>
                  </option>
                <?php } ?>
              </select>
            </div>
            <!-- End Fuente -->

            <!-- ColorTitulos -->
            <div class="col-sm-6 form-group">
              <label>Color de Texto</label>
              <div>
                <input
                  name="ColorTitulos"
                  class="form-control colorpicker"
                  value="<?php echo $Men[ColorTitulos]; ?>"
                  data-required="true"
                  autocomplete="off"
                />
              </div>
            </div>
            <!-- End ColorTitulos -->

          </div>
        </div>
      </div>
    </div>
    <!-- End Titulos -->

    <!-- Textos -->
    <div class="col-sm-12">
      <div class="card">
        <div class="card-body">
          <div class="row">

            <!-- Titulo -->
            <div class="col-sm-12">
              <h4>Textos</h4>
              <hr>
            </div>
            <!-- End Titulo -->

            <!-- Fuente -->
            <div class="col-sm-6 form-group">
              <label>Fuente de Textos</label>
              <select
                name="TextosFk_Fuente"
                class="form-control chosen-select"
                data-required="true"
              >
                <?php
                  //Fuentes
                  $Query = "
                    SELECT
                      fu.Id, fu.Nombre
                    FROM Fuentes fu
                    ORDER BY fu.Nombre ASC
                  ";
                  $Fus = $mysqli->query($Query);
                  mysqli_data_seek($Fus, 0);
                  while($Fu = mysqli_fetch_array($Fus)) {
                ?>
                  <option
                    value="<?php echo $Fu['Id']; ?>"
                    <?php
                      if( $Fu['Id'] == $Men['TextosFk_Fuente'] ){
                        echo "selected";
                      }
                    ?>
                  >
                    <?php echo $Fu[Nombre]; ?>
                  </option>
                <?php } ?>
              </select>
            </div>
            <!-- End Fuente -->

            <!-- ColorTextos -->
            <div class="col-sm-6 form-group">
              <label>Color de Textos</label>
              <div>
                <input
                  name="ColorTextos"
                  class="form-control colorpicker"
                  value="<?php echo $Men[ColorTextos]; ?>"
                  data-required="true"
                  autocomplete="off"
                />
              </div>
            </div>
            <!-- End ColorTextos -->

          </div>
        </div>
      </div>
    </div>
    <!-- End Textos -->

    <!-- Precios -->
    <div class="col-sm-12">
      <div class="card">
        <div class="card-body">
          <div class="row">

            <!-- Titulo -->
            <div class="col-sm-12">
              <h4>Precios</h4>
              <hr>
            </div>
            <!-- End Titulo -->

            <!-- Fuente -->
            <div class="col-sm-6 form-group">
              <label>Fuente de Precios</label>
              <select
                name="PreciosFk_Fuente"
                class="form-control chosen-select"
                data-required="true"
              >
                <?php
                  //Fuentes
                  $Query = "
                    SELECT
                      fu.Id, fu.Nombre
                    FROM Fuentes fu
                    ORDER BY fu.Nombre ASC
                  ";
                  $Fus = $mysqli->query($Query);
                  mysqli_data_seek($Fus, 0);
                  while($Fu = mysqli_fetch_array($Fus)) {
                ?>
                  <option
                    value="<?php echo $Fu['Id']; ?>"
                    <?php
                      if( $Fu['Id'] == $Men['PreciosFk_Fuente'] ){
                        echo "selected";
                      }
                    ?>
                  >
                    <?php echo $Fu[Nombre]; ?>
                  </option>
                <?php } ?>
              </select>
            </div>
            <!-- End Fuente -->

            <!-- ColorPrecios -->
            <div class="col-sm-6 form-group">
              <label>Color de Precios</label>
              <div>
                <input
                  name="ColorPrecios"
                  class="form-control colorpicker"
                  value="<?php echo $Men[ColorPrecios]; ?>"
                  data-required="true"
                  autocomplete="off"
                />
              </div>
            </div>
            <!-- End ColorPrecios -->

          </div>
        </div>
      </div>
    </div>
    <!-- End Precios -->


  </div>
</form>
