<?php
// audio.php (PHP 8.2)

// error_reporting(E_ALL);
// ini_set('display_errors', '1');

$mp3     = (string)($_GET['mp3'] ?? '');
$tit     = (string)($_GET['tit'] ?? '');
$ID_nota = (int)($_GET['ID_nota'] ?? 0);

// En tu HTML usabas $_GET['titulo'] también
$titulo_audio = (string)($_GET['titulo'] ?? $tit);

function e(string $s): string {
    return htmlspecialchars($s, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8');
}

require_once __DIR__ . '/concha.php';

// concha.php puede venir con:
// A) $con (mysqli)  ó  B) $host,$usuario,$contra,$basedatos
if (isset($con) && $con instanceof mysqli) {
    $mysqli = $con;
} else {
    if (!isset($host, $usuario, $contra, $basedatos)) {
        http_response_code(500);
        exit('Error: concha.php debe definir $con (mysqli) o $host/$usuario/$contra/$basedatos.');
    }
    $mysqli = new mysqli($host, $usuario, $contra, $basedatos);
    if ($mysqli->connect_error) {
        http_response_code(500);
        exit('Error conexión MySQL: ' . $mysqli->connect_error);
    }
}
$mysqli->set_charset('utf8mb4');

// Defaults
$titulo = '';
$foto = '';
$ext_img = '';
$carpetafoto = '';

if ($ID_nota > 0) {
    $stmt = $mysqli->prepare("SELECT titulo, foto, ext_img, carpetafoto FROM notas WHERE ID = ? LIMIT 1");
    if (!$stmt) {
        http_response_code(500);
        exit('Error prepare: ' . $mysqli->error);
    }
    $stmt->bind_param("i", $ID_nota);
    $stmt->execute();
    $res = $stmt->get_result();
    if ($row = $res->fetch_assoc()) {
        $titulo      = (string)$row['titulo'];
        $foto        = (string)$row['foto'];
        $ext_img     = (string)$row['ext_img'];
        $carpetafoto = (string)$row['carpetafoto'];
    }
    $stmt->close();
}

// Normaliza URL del mp3 (mínimo: evita espacios)
$mp3 = trim($mp3);

// Thumbnail (si hay foto)
$thumbUrl = '';
if ($foto !== '') {
    $carp = rtrim($carpetafoto, '/');
    $file = ltrim($foto, '/');
    $thumbUrl = $carp . '/thumbnail_' . $file . $ext_img;
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Audio: <?php echo e($titulo); ?></title>
<style type="text/css">
.Estilo1 {font-family: "Trebuchet MS"; font-size: 16px; font-weight: bold; color: #000033;}
</style>
</head>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="4">
  <tr>
    <?php if ($thumbUrl !== ''): ?>
      <td><img src="<?php echo e($thumbUrl); ?>" width="100" alt="thumb" /></td>
    <?php endif; ?>
    <td valign="top">
      <span class="Estilo1">
        <?php echo e($titulo); ?><br />
        <?php echo e($titulo_audio); ?>
      </span>
    </td>
  </tr>
</table>

<div align="center" style="margin-top:10px;">
  <audio controls autoplay="autoplay">
    <source src="<?php echo e($mp3); ?>" type="audio/mpeg">
    Su Explorador no Soporta Audio
  </audio>
</div>

<p align="center"><span class="Estilo1">[<a href="javascript:close()">CERRAR ESTA VENTANA</a>]</span></p>
</body>
</html>