<html xmlns:fb="http://www.facebook.com/2008/fbml">
  <head>
    <title>Rezettas</title>
	<link rel="stylesheet" type="text/css" href="stl/st01.css" />
	<link rel="stylesheet" type="text/css" href="stl/st03.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="stl/menuh.css" />
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  </head>

<?php
	require '/src/facebook.php';
	require '/src/funciones.php';
	$indiReceta = $_REQUEST['indiceReceta'];
	
	$facebook = new Facebook(array('appId'  => '169990249681685','secret' => 'd62bb672e6d9fa45d4930a7bcdfb1eb5',));
	$user = $facebook->getUser();
	$autor = $facebook->api('/me');
	$ident = $autor['id'];
	
?>


<?php
mysql_connect("localhost","root","adfbk") or die("No se pudo conectar a la base de datos");
mysql_select_db("principal");

$qry = "SELECT * FROM trecetas2 WHERE codigoR=$indiReceta";
$res = mysql_query($qry) or die("Query: $qry ".mysql_error());		
$obj = mysql_fetch_object($res);

$varVisitas = $obj->visitas; 

?>
  <body>
	<div id="fb-root"></div>
	<script>(function(d, s, id) {
		var js, fjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(id)) return;
		js = d.createElement(s); js.id = id;
		js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1&appId=169990249681685";
		fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));
	</script>
   	<div id="marco">
		<div id="cabecera">
			<div id="logo"> <p> <strong> <em> ReZZetas </em></strong></p> </div>
			<div id="fecha"> <em> <font style="color:darkgreen; font-size: 15px;">Autor: </font> </br> <strong> <?php echo $obj->autorName ?> </strong> </em> </div>
			<div id="anexo"> <em> 
				<font style="color:darkgreen; font-size: 13px;">  N&uacute;mero de visitas: </font> <font style="color:darkred"> <?php echo $varVisitas; ?> </font>	</br>
				<font style="color:darkgreen; font-size: 13px;">  N&uacute;mero de valoraciones: </font> <font style="color:darkred"> <?php echo numValoraciones($indiReceta); ?> </font></em>
			</div>
			<div id="esquina2"> <em> <font style="color:green; font-size: 12px; margin-left: 3px; margin: 0px;">  Media: </font> <font style="color:red; font-size:40px; margin: 0px;"> <strong> <?php echo calcularMedia($indiReceta); ?> </strong></font></em></div>
		</div>
		<div id="subcabecera">
			<p> <em> <font style="color:green; font-size: 15px;"> T&iacute;tulo: </font> <font style="color:red;"> <?php echo $obj->titulo ?> </font></em></p>
		</div>
		<div id ="menuh"> 
			<ul>
				<li><a href="index.php" id="primero"> Principal</a></li>
				<li><a href="index01.php" id="activo">Ver Recetas</a></li>
				<li><a href="index02.php"> A&#241adir Receta</a></li>
				<li><a href="index03.php"> Mi Cocina</a></li>
				<li><a href="index05.php"> Ranking</a></li>
				<li><a href="index06.php"> Buz&oacute;n</a></li>
			</ul>
		</div>

		<div id="cuerpoMostrarReceta">
		<div id="MostrarDescripcion"> 
			<div id="rotulo"> Descripci&oacute;n </div>
				<p> <em> <?php echo $obj->descripcion ?> </em></p>
		</div>
		
			<div id="MostrarRecetaIzda"> 
				<div id="rotulo"> Datos </div>
					<p> Categor&iacute;a: <strong> <?php tradCat($obj->categoria) ?> </strong></p>
					<hr id="raya">
					<p> <img src="img/Reloj.jpg" height='15px' width='15px'/> Tiempo: <?php echo tradInverT($obj->tiempo) ?> </p>
					<p> <img src="img/Estrella1.jpg" height='15px' width='15px'/> Dificultad: <?php echo tradInverD($obj->dificultad) ?></p>
					<p> <img src="img/Moneda1.jpg" height='15px' width='15px'/> Coste: <?php echo tradInverC($obj->coste) ?></p>
					<hr id="raya">
					<p> Fecha: <?php tradFec($obj->fechaCreacion) ?> </p>
				</div>
						
			<div id="MostrarRecetaDcha"> 
				<div id="rotulo" style="text-align:center;"> Imagen </div>
					<div id="cuadroImagen"> 
					<?php 
						if(($obj->contenido)){ 	
							echo "<img src='getfile.php?id_documento={$obj->codigoR}' title='$obj->titulo' height='190px' width='240px'/>"; 
						} else{ 
							?> <img src="img/noImagen.jpg" title='No-Imagen' height='186px' width='236px' border='2px solid'/> <?php 
						} 
					?> 
					</div>
			</div>
			
			<div id="MostrarIngredientes"> 
				<div id="rotulo"> Ingredientes para <?php echo $obj->comensales?> comensales </div>
				<p><?php echo nl2br($obj->ingredientes) ?> </p>
			</div>
			
			<div id="MostrarPreparacion"> 
				<div id="rotulo"> Preparaci&oacute;n </div>
				<p><?php echo nl2br($obj->elaboracion) ?> </p>
			</div>

		</div>
		<div id="lugarGusta">
			<div class="fb-like" data-href="https://apps.facebook.com/rezzetas/mostrar.php?indiceReceta=<?php echo $indiReceta?>" data-send="false" data-width="450" data-show-faces="false"></div>
		</div>
		
		<?php 
			$var1 = $obj->codigoR;
			$var2 = $obj->autorID;
			$var3 = $obj->visitas;
			$var4 = $obj->titulo;
			$var5 = $obj->descripcion;
			
			$conexion02 = mysql_connect("localhost","root","adfbk");
			mysql_select_db("principal", $conexion02);

			if ($ident == $var2) {
			}else{
				$visits = $var3;
				$visits ++;
				$queEmp2 = "UPDATE trecetas2 SET visitas='$visits' WHERE codigoR=$indiReceta";
				$resEmp2 = mysql_query($queEmp2, $conexion02) or die(mysql_error());
			}
				
		?>
				
		<div id="cuerpoMostrarAcciones">
			<div id="rotulo"> Acciones </div>
			
			<?php if ($ident == $var2) { ?>
				<div id="accion"> &iquest;Votar Receta propia?	</br><hr id="raya3">
					<input id="botonaccion" type="button" style="background-image: url('img/valoraNO.jpg');" onclick="denegado();" title="Usted no puede autovalorarse";/></br>
					<small> <em> No puede valorar sus creaciones </em></small>
				</div>
			<?php } else { 
				
					$conexionValor = mysql_connect("localhost","root","adfbk");
					mysql_select_db("principal", $conexionValor);
					$consultaValor = "SELECT * FROM tvaloracion2 WHERE codRVal=$indiReceta AND autRVal=$ident";
					$resuConsValor = mysql_query($consultaValor, $conexionValor) or die(mysql_error());
					$filasConsulta = mysql_fetch_assoc($resuConsValor);
					$totValoraciones = mysql_num_rows($resuConsValor);

					if ($totValoraciones==0) { 	?> 
						<div id="accion"> &iquest;Valorar? 	</br><hr id="raya3">
							<input id="botonaccion" type="button" style="background-image: url('img/valoraSI.jpg');" onclick="valorar(<?=$var1?>, <?=$ident?>, <?=$var2?>); return false;" title="Puntuar la receta" />
							<select input type="text" name="valoracion" id="valoracion"/>
							<option STYLE="background:green; color:white" VALUE="1"> 1 </option>
							<option VALUE="2"> 2 </option>
							<option STYLE="background:green; color:white" VALUE="3"> 3 </option>
							<option VALUE="4"> 4 </option>
							<option STYLE="background:green; color:white" VALUE="5" selected="selected"> 5 </option>
							<option VALUE="6"> 6 </option>
							<option STYLE="background:green; color:white" VALUE="7"> 7 </option>
							<option VALUE="8"> 8 </option>
							<option STYLE="background:green; color:white" VALUE="9"> 9 </option>
							<option VALUE="10"> 10 </option>
						</select></br>
						<small> <em> A&uacute;n <font style="color: red"> no </font>la ha valorado </em></small>
						</div>
					<?php } else { 	?> 
						<div id="accion"> &iquest;Revalorar? </br><hr id="raya3">
							<input id="botonaccion" type="button" style="background-image: url('img/valoraSI.jpg');" onclick="modValorar(<?=$var1?>, <?=$ident?>, <?=$var2?>); return false;" title="Puntuar la receta" />
							<select input type="text" name="nuevaValoracion" id="nuevaValoracion"/>
							<option STYLE="background:green; color:white" VALUE="1"> 1 </option>
							<option VALUE="2"> 2 </option>
							<option STYLE="background:green; color:white" VALUE="3"> 3 </option>
							<option VALUE="4"> 4 </option>
							<option STYLE="background:green; color:white" VALUE="5" selected="selected"> 5 </option>
							<option VALUE="6"> 6 </option>
							<option STYLE="background:green; color:white" VALUE="7"> 7 </option>
							<option VALUE="8"> 8 </option>
							<option STYLE="background:green; color:white" VALUE="9"> 9 </option>
							<option VALUE="10"> 10 </option>
						</select></br>
						<small> <em>Usted la valor&oacute; con un  <font style="color: red"> <?php echo $filasConsulta['valor']; ?> </font> </em> </small>
						</div>
					<?php } }?>
			
			<?php
				// Aņadir/Quitar tfavoritas dependiendo consulta
				$conexion0f = mysql_connect("localhost","root","adfbk");
				mysql_select_db("principal", $conexion0f);
				$que2Emp = "SELECT * FROM tfavoritas2 WHERE autRFav = $ident AND codRFav = $indiReceta";
				$res2Emp = mysql_query($que2Emp, $conexion0f) or die(mysql_error());
				$tot2Emp = mysql_num_rows($res2Emp);
				
				if ($tot2Emp>0) { ?>
					<div id="accion"> &iquest;Quitar de Favoritas? </br><hr id="raya3">
						<input id="botonaccion" type="button" style="background-image: url('img/favoritaSI.jpg');"onclick="quitar(<?=$var1?>,<?=$ident?>); return false;" title="Quitar de sus favoritas"/></br>
						<small> <em> <font style="color: red"> Si </font> forma parte de sus favoritas </em></small>
					</div>
				<?php } else {	?> 
					<div id="accion"> &iquest;A&ntilde;adir a Favoritas? </br><hr id="raya3">
						<input id="botonaccion" type="button" style="background-image: url('img/favoritaSI.jpg');" onclick="anadir(<?=$var1?>,<?=$ident?>); return false;" title="Agregar a sus favoritas"/></br>
						<small> <em>  <font style="color: red"> No </font> est&aacute; entre sus favoritas </em></small>
					</div>
				<?php }
					mysql_free_result($res2Emp);
					mysql_close($conexion0f);
				?>
		
			
			<div id="accion"> &iquest;Recomendar a un amigo? </br><hr id="raya3">
				<input id="botonaccion" type="button" style="background-image: url('img/carta.jpg');"onclick="enviarReceta(<?echo $var1?>,'<?echo $var4?>','<?echo $var5?>');return false;" title="Mandar la receta a sus amigos"/></br>
				<small> <em> Reta a un amigo a cocinarla </em></small>
			</div>
		</div>
		<div id="cuerpoMostrarComentarios">
			<div id="rotulo"> Comentarios </div>
			<div style= "width: 650px; margin-left:auto; margin-right: auto; margin-top: 10px; background-image: url('img/pixelado1.jpg');">
				<div class="fb-comments" 
					data-href="https://apps.facebook.com/rezzetas/mostrar.php?indiceReceta=<?php echo $indiReceta?>" 
					data-num-posts="5" data-width="650" 
					data-colorscheme="light">
				</div> 
			</div>
			</br>
		</div>

  </body>
 </html>

<script type="text/javascript" src="script/funcfacebook.js"></script>

<script>

function enviarReceta(cod1,cod2,cod3){
FB.init({appId: '169990249681685', xfbml: true, cookie: true});

    FB.ui({
        method: 'send',
        name: 'Prueba esta receta: '+cod2,
		picture: 'http://www.lamejorfabadadelmundo.com/wp-content/themes/wp_mejorfabada/imgs/receta_ingredientes.jpg',
        link: 'https://apps.facebook.com/rezzetas/mostrar.php?indiceReceta='+cod1,
		description: 'Descripcion: '+cod3
        },requestCallback);
}
    function requestCallback(response) {
		//manejador...
        if (response) {
			alert('Receta enviada');
		} else {
			alert('Receta no enviada');
		}
}
</script>
