RD5 GOLD v14.0 - FINAL BOSS

<?php
// --- LÓGICA DE SERVIDOR (PHP) ---
$archivo_actual = isset($_GET['edit']) ? $_GET['edit'] : 'nuevo.html';
$mensaje = "";

if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['contenido'])) {
    $nombre = basename($_POST['nombre_archivo']);
    $datos = $_POST['contenido'];
    
    if (file_put_contents($nombre, $datos) !== false) {
        $archivo_actual = $nombre;
        $mensaje = "✅ GUARDADO";
    } else {
        $mensaje = "❌ ERROR PERMISOS";
    }
}

$contenido = file_exists($archivo_actual) ? file_get_contents($archivo_actual) : "";
$archivos = array_filter(scandir('.'), function($item) {
    return !is_dir($item) && preg_match('/\.(php|html|css|js)$/i', $item);
});
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>GOLD EDITOR v6.0 - FINAL FIX</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/codemirror.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/theme/monokai.min.css">
    <style>
        :root { --bg: #1e1e1e; --sidebar: #252526; --accent: #e67e22; --text: #cccccc; }
        body { margin:0; font-family: 'Segoe UI', sans-serif; height:100vh; background: var(--bg); color: var(--text); overflow: hidden; }
        .layout { display: flex; height: 100vh; }
        .sidebar { width: 220px; background: var(--sidebar); border-right: 1px solid #333; display: flex; flex-direction: column; }
        .sidebar-header { padding: 15px; font-weight: bold; color: #fff; border-bottom: 1px solid #333; font-size: 13px; }
        .file-list { flex: 1; overflow-y: auto; }
        .file-list a { display: block; padding: 10px 20px; color: #aaa; text-decoration: none; font-size: 13px; border-left: 3px solid transparent; border-bottom: 1px solid #2d2d2d; }
        .file-list a.active { background: BLACK; color: #fff; border-left-color: var(--accent); }
        .main { flex: 1; display: flex; flex-direction: column; }
        .toolbar { background: #333; padding: 10px 15px; display: flex; gap: 10px; align-items: center; border-bottom: 1px solid #000; }
        .tabs { display: flex; background: #2d2d2d; }
        .tab { padding: 10px 20px; cursor: pointer; background: #2d2d2d; font-size: 11px; border-right: 1px solid #1e1e1e; color: #888; font-weight: bold; }
        .tab.active { background: var(--bg); border-top: 2px solid var(--accent); color: white; }
        .content-area { flex: 1; position: relative; }
        .view { position: absolute; inset: 0; display: none; }
        .view.active { display: block; }
        .CodeMirror { height: 100%; font-family: 'Consolas', monospace; font-size: 14px; }
        iframe { width: 100%; height: 100%; border: none; background: #fff; }
        input, select { background: #3c3c3c; border: 1px solid #555; color: #fff; padding: 5px 8px; border-radius: 3px; }
        button { background: var(--accent); color: white; border: none; padding: 6px 14px; cursor: pointer; border-radius: 3px; font-weight: bold; }
        .btn-gray { background: GREEN; }
        .status-msg { font-size: 12px; color: #e67e22; margin-left: auto; font-weight: bold; }
    /* FORZAR FONDO NEGRO PURO */
.CodeMirror {
    background-color: #000000 !important; 
}

/* FORZAR FONDO NEGRO EN LA BARRA DE NÚMEROS */
.CodeMirror-gutters {
    background-color: #000000 !important;
    border-right: 1px solid #222 !important; /* Una línea sutil para separar */
}

/* COLOR DE LOS NÚMEROS DE LÍNEA */
.CodeMirror-linenumber {
    color: #555 !important;
}
  
  /* Pon esto al final de tu sección de estilos <style> */
.CodeMirror-selected { background: #ff6600 !important; color: #000 !important; }
.CodeMirror-focused .CodeMirror-selected { background: #ff6600 !important; }
.CodeMirror-cursor { border-left: 2px solid #ffffff !important; }    
      
      
  </style>
</head>
<body>

<div class="layout">
    <div class="sidebar">
        <div class="sidebar-header">GOLD WM2</div>
        <div class="file-list">
            <?php foreach ($archivos as $f): ?>
                <a href="?edit=<?= urlencode($f) ?>" class="<?= $archivo_actual == $f ? 'active' : '' ?>">📄 <?= htmlspecialchars($f) ?></a>
            <?php endforeach; ?>
        </div>
    </div>

<div class="main">
        <form method="POST" id="mainForm" action="?edit=<?= urlencode($archivo_actual) ?>" style="display:contents;">
            <div class="toolbar">
                <input type="text" name="nombre_archivo" value="<?= htmlspecialchars($archivo_actual) ?>">
                <button type="button" onclick="ejecutarGuardado()">💾 guardar</button>
                
                <button type="button" class="btn-gray" onclick="botonUndo()">↩</button>
                <button type="button" class="btn-gray" onclick="botonRedo()">↪</button>
                
                <select onchange="cambiarLetra(this.value)">
                    <option value="12px">12px</option>
                    <option value="14px" selected>14px</option>
                    <option value="16px">16px</option>
                    <option value="20px">20px</option>
                </select>

<button type="button" onclick="addRadioPro()" style="background:#d35400">📻 radio </button>
                
                <div style="display:flex; gap:5px; margin-left: 10px;">
                    <input type="text" id="busqueda" placeholder="Buscar...">
                    <button type="button" class="btn-gray" onclick="buscarTexto()">🔍</button>
                </div>
                <span id="msg" class="status-msg"><?= $mensaje ?></span>
            </div>

<div class="tabs">
                <div id="t1" class="tab active" onclick="verTab('codigo')">EDITOR</div>
                <div id="t2" class="tab" onclick="verTab('preview')">VISTA PREVIA</div>
            </div>

// FUNCIONES UNDO Y REDO EXPLÍCITAS
    function botonUndo() {
        editor.undo();
        editor.focus();
    }

function botonRedo() {
        editor.redo();
        editor.focus();
    }

function ejecutarGuardado() {
        editor.save(); 
        document.getElementById('mainForm').submit();
    }

function cambiarLetra(s) { document.querySelector('.CodeMirror').style.fontSize = s; editor.refresh(); }

// Atajos de teclado (Undo con Ctrl+Z, Redo con Ctrl+Y)
    window.addEventListener('keydown', e => {
        if(e.ctrlKey && e.key === 's') { e.preventDefault(); ejecutarGuardado(); }
        if(e.ctrlKey && e.key === 'z') { /* CodeMirror ya lo maneja nativo */ }
    });

setTimeout(() => { if(document.getElementById('msg')) document.getElementById('msg').innerText = ''; }, 3000);
</script>
</body>
</html>