<?php

require_once("config.php");
require_once("includes/auth.php");

/*
=========================================
ARCHIVO JSON
=========================================
*/

$json = JSON_PROYECTOS;

if(!file_exists($json)){
    file_put_contents($json,"[]");
}

$proyectos = json_decode(file_get_contents($json),true);

if(!is_array($proyectos)){
    $proyectos=[];
}

/*
=========================================
VARIABLES DEL FORMULARIO
=========================================
*/

$idEditar = "";

$titulo="";

$descripcion="";

$imagen="";

$fecha="";

$video="";

$estado="ACTIVO";

$orden=1;

/*
=========================================
MODO EDICIÓN
=========================================
*/

if(isset($_GET["editar"])){

    $idEditar=(int)$_GET["editar"];

    if(isset($proyectos[$idEditar])){

        $titulo=$proyectos[$idEditar]["titulo"];

        $descripcion=$proyectos[$idEditar]["descripcion"];

        $imagen=$proyectos[$idEditar]["imagen"];

        $fecha=$proyectos[$idEditar]["fecha"];
        $video = $proyectos[$idEditar]["video"] ?? "";

$estado = $proyectos[$idEditar]["estado"] ?? "ACTIVO";

$orden = $proyectos[$idEditar]["orden"] ?? 1;

    }

}

include("includes/header.php");
include("includes/menu.php");

?>

<div class="wrapper">

<div class="main">

<div class="topbar">

<h1>

Administración de Proyectos

</h1>

<a
href="proyectos.php?nuevo=1"
class="btn">

<i class="fa fa-plus"></i>

Nuevo Proyecto

</a>

</div>

<div class="panel">

<?php

if(isset($_GET["nuevo"]) || isset($_GET["editar"])){

?>

<form

action="guardar_proyecto.php"

method="post"

enctype="multipart/form-data">

<input
type="hidden"
name="id"
value="<?=$idEditar?>">

<input
type="hidden"
name="imagen_actual"
value="<?=$imagen?>">

<label>

Video Youtube

</label>

<input

type="text"

name="video"

placeholder="https://www.youtube.com/watch?v=..."

value="<?=htmlspecialchars($video)?>">

<label>

Estado

</label>

<select name="estado">

<option

value="ACTIVO"

<?=$estado=="ACTIVO"?"selected":""?>>

ACTIVO

</option>

<option

value="OCULTO"

<?=$estado=="OCULTO"?"selected":""?>>

OCULTO

</option>

</select>

<label>

Orden

</label>

<input

type="number"

name="orden"

value="<?=$orden?>">

<h2>

<?php

if($idEditar===""){

    echo "Nuevo Proyecto";

}else{

    echo "Editar Proyecto";

}

?>

</h2>

<br>

<label>

Título

</label>

<input

type="text"

name="titulo"

required

value="<?=htmlspecialchars($titulo)?>">

<label>

Descripción

</label>

<textarea

name="descripcion"

rows="7"

required><?=htmlspecialchars($descripcion)?></textarea>

<label>

Imagen

</label>

<?php

if($imagen!=""){

?>

<div style="margin-bottom:20px;">

<img

src="<?=$imagen?>"

style="width:220px;border-radius:10px;">

</div>

<?php

}

?>

<input

type="file"

name="imagen"

accept=".jpg,.jpeg,.png,.webp">

<p style="color:#777">

Si no selecciona una imagen se conservará la actual.

</p>

<br>

<?php

if($fecha!=""){

?>

<strong>

Fecha creación:

</strong>

<?=$fecha?>

<br><br>

<?php

}

?>

<button

class="btn"

type="submit">

<?php

if($idEditar===""){

echo "Guardar Proyecto";

}else{

echo "Actualizar Proyecto";

}

?>

</button>

<a

href="proyectos.php"

class="btn"

style="background:#777">

Cancelar

</a>

</form>

<hr style="margin:40px 0;">

<?php

}

?>

<h2>

Listado de Proyectos

</h2>

<table>

<thead>

<tr>

<th width="90">

Imagen

</th>

<th>

Título

</th>

<th>

Descripción

</th>

<th width="90">

Estado

</th>

<th width="70">

Orden

</th>

<th width="140">

Fecha

</th>

<th width="180">

Acciones

</th>

</tr>

</thead>

<tbody>
    <?php

if(count($proyectos)==0){

?>

<tr>

    <td colspan="5" style="text-align:center;padding:25px;">

        No existen proyectos registrados.

    </td>

</tr>

<?php

}else{

foreach($proyectos as $id=>$p){

?>

<tr>

<td>

<?php

if(!empty($p["imagen"]) && file_exists($p["imagen"])){

?>

<img
src="<?=$p["imagen"]?>"
style="width:70px;height:70px;object-fit:cover;border-radius:8px;">

<?php

}else{

?>

<img
src="img/no-image.png"
style="width:70px;height:70px;object-fit:cover;border-radius:8px;">

<?php

}

?>

</td>

<td>

<strong>

<?=htmlspecialchars($p["titulo"]) ?>

</strong>

</td>

<td>

<?=nl2br(htmlspecialchars(substr($p["descripcion"],0,140)))?>

<?php

if(strlen($p["descripcion"])>140){

echo "...";

}

?>

</td>

<td>

<?php

if(($p["estado"] ?? "ACTIVO")=="ACTIVO"){

?>

<span style="color:green;font-weight:bold;">

ACTIVO

</span>

<?php

}else{

?>

<span style="color:red;font-weight:bold;">

OCULTO

</span>

<?php

}

?>

</td>

<td>

<?=$p["orden"] ?? 1?>

</td>

<td>

<?=$p["fecha"]?>

</td>

<td>

<a
href="proyectos.php?editar=<?=$id?>"
class="btn"
style="padding:8px 15px;">

<i class="fa fa-pen"></i>

Editar

</a>
<a
href="galeria.php?id=<?=$id?>"
class="btn"
style="background:#28a745;padding:8px 15px;">

<i class="fa fa-image"></i>

Galería

</a>

<br><br>

<br><br>

<a
href="eliminar_proyecto.php?id=<?=$id?>"
class="btn"
style="background:#d9534f;padding:8px 15px;"
onclick="return confirm('¿Desea eliminar este proyecto?')">

<i class="fa fa-trash"></i>

Eliminar

</a>

</td>

</tr>

<?php

}

}

?>

</tbody>

</table>

</div>

</div>

</div>

<?php

include("includes/footer.php");

?>