<?php ini_set('display_errors', 'On');
/// el codigo para el debug debe estar al inicio del archivo y solo una vez
// en algunas estaba sin ; (pubnto y coma y ese era uno de los errores)
  if(isset($_REQUEST['nombre_perro'])){
    //isset es una función que nos va a devolver true si exite una variable.
      $nombre = $_REQUEST['nombre_perro'];   //Cuando le damos al botón submit recogemos, en este caso con post, $_REQUEST['nombre_perro'] y  $_REQUEST['codigo'];, los cuales asignamos a las variables mencionadas.
      $codigo = $_REQUEST['solucion'];
      $a = $_REQUEST['codigo'][0];
      $b = $_REQUEST['codigo'][1];

      function validacion($nombre, $codigo){
          $perros = array("lara", "cankiss", "alpha", "acrux", "amed");
          $resultado_nombre ="Nombre incorrecto.<br>";
          $resultado_codigo = "Contraseña incorrecta<br>";
          $c = $_REQUEST['codigo'][0] + $_REQUEST['codigo'][1];

          foreach($perros as $indice=>$valor){
            // Para cada elemento del array (perros), definimos su campo(índice del array) y su valor.
            if($nombre == $valor){ //se mete lo relacionado con la imagen.
              $resultado_nombre = "Nombre correcto.<br>";
            }else{
              $resultado_nombre = $resultado_nombre ;
            }
          }

          if($codigo == $c){
            $resultado_codigo = "Contraseña correcta.<br>";
          }else {
            $resultado_codigo = $resultado_codigo;
          }

          $resultado =" $resultado_nombre $resultado_codigo";

          return $resultado;
      }
      $validacion = validacion($nombre, $codigo);

  }else{
    $validacion = "Ingresa los datos";
  }
?>


<html >
<head>
  <title>Ejercicio</title>

  <link rel="stylesheet" type="text/css" href="styles/estilos.css" />
</head>
<body>
  <?php

  // print $num0;
  ?>
<h1> <?php echo $validacion; ?></h1>
<!-- imprimimos la validación -->
  <?php
  // $lara = imagecreatefromjpeg("lara.jpg");
  // $cankiss = imagecreatefromjpeg("cankiss.jpg");
  // $alpha = imagecreatefromjpeg("alpha.jpg");
  // $acrux = imagecreatefromjpeg("acrux.jpg");
  // $amed = imagecreatefromjpeg("amed.jpg");
  // $paula = imagecreatefromjpeg("paula.jpg");
  //
  // $indice_perros = array
  // (
  //   array("Lara", imagejpeg($lara)),
  //   array("Cankiss", imagejpeg($cankiss)),
  //   array("Alpha", imagejpeg($alpha)),
  //   array("Acrux", imagejpeg($acrux)),
  //   array("Amed", imagejpeg($amed)),
  //   array("Paula", imagejpeg($paula))
  // );
  // shuffle($indice_perros);
  // // $resultado_variable =   print_r($indice_perros, true);
  // $resultado_variable = $indice_perros(0, 0);
  $resultado_variable = "futura imagen";

    // foreach($imagen_perros as $indice=>$valor){
      // foreach($imagen_perros as $indice=>$valor){

    // imagejpeg($mostrarimagen);
  ?>
<pre><?php echo $resultado_variable; ?>"</pre>
  <form name="mi_perro"  id="mi_perro"  action="index.php" method="post">
    <!-- ponemos id para en un futuro referirnos a ese formulario, o el elemento al que le pongamos id. Antes no podías tener formularios anidados, ahora se puede haciendo referenica al id-->
    <!-- For relaciona el label que estamos usando con el input siguiente. -->
    <label for='nombre_perro'>Escribe el nombre de tu perri:<br></label>
    <img id="foto" src="images/imagenes_perros/lara.jpg"><br><br>
    <!-- Poner labels ayuda para los lectores adaptados para ciegos, sordos, etc... -->
    <input type='text' name='nombre_perro' id='nombre_perro' placeholder='Escribe el nombre del perro' value=''><br>
    <!-- placeholder autodocumenta la función. -->

    <!-- Se puede etiquetar por dentro y por fuera del script php. Más adelante no mezclamos php y hatml, cada función php generará su html. -->
    <label for='codigo'>
      <?php
      $a = rand(0,9);
      $b = rand(0,9);
      print "Escribe el resultado de esta operación: $a + $b";
      ?>
    </label>
    <input type='hidden' value='<?php echo   "$a"; ?>' name='codigo[0]' id='codigo[0]' >
    <input type='hidden' value='<?php echo   "$b"; ?>' name='codigo[1]' id='codigo[1]' >
    <input type='text' name='solucion' id='solucion' placeholder='Escribe el código mostrado' value=''>
    <!-- Value sirve para pasar valores predefinidos como si el usuario lo hubiese escrito. -->
    <button type='submit' name='boton_enviar' id='boton_enviar' value=''>Este es boton</button>
    <button onclick="javascript:document.getElementById('mi_perro').reset();">Reset </button>

  </form>

<?php

?>
</body>
</html>


<!-- /*
$i=" ";
$imagen="imagen";
if(validacion(mi_perro, codigo) == true){
  $imagen .= $i . ".jpg";
  $mostrarimagen = imagecreatefromjpeg("$imagen");
  imagejpeg($mostrarimagen);
}else{
  (string) $nocoincide = "Error de búsqueda";
  print $nocoincide;
}
$perros = array("alpha, cankiss, lara, acrux, amed");
*/ -->
