From 72ea19e00d7a50cc66c60d3676629c76a7209af4 Mon Sep 17 00:00:00 2001
From: nickpons666 <miguel.a.pons@protonmail.com>
Date: Fri, 20 Feb 2026 15:41:06 -0600
Subject: [PATCH] Fix: Traducir modales y JavaScript en recurrentes.php

---
 recurrentes.php | 44 +++++++++++++++++++++++++-------------------
 1 file changed, 25 insertions(+), 19 deletions(-)

diff --git a/recurrentes.php b/recurrentes.php
index 7ac013a..bda0540 100755
--- a/recurrentes.php
+++ b/recurrentes.php
@@ -131,30 +131,30 @@ require_once __DIR__ . '/templates/header.php';
                 <input type="hidden" name="id" value="" id="templateId">
                 
                 <div class="modal-header">
-                    <h5 class="modal-title" id="modalTitle">Nueva Plantilla</h5>
+                    <h5 class="modal-title" id="modalTitle"><?= t('Nueva Plantilla') ?></h5>
                     <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                 </div>
                 
                 <div class="modal-body">
                     <div class="mb-3">
-                        <label class="form-label">Nombre</label>
+                        <label class="form-label"><?= t('Nombre') ?></label>
                         <input type="text" name="name" class="form-control" required id="templateName">
                     </div>
                     
                     <div class="mb-3">
-                        <label class="form-label">Comando de Telegram (sin #)</label>
-                        <input type="text" name="telegram_command" class="form-control" placeholder="ejemplo" id="templateCommand">
+                        <label class="form-label"><?= t('Comando de Telegram (sin #)') ?></label>
+                        <input type="text" name="telegram_command" class="form-control" placeholder="<?= t('ejemplo') ?>" id="templateCommand">
                     </div>
                     
                     <div class="mb-3">
-                        <label class="form-label">Contenido</label>
+                        <label class="form-label"><?= t('Contenido') ?></label>
                         <textarea name="message_content" class="form-control" rows="10" required id="templateContent"></textarea>
                     </div>
                 </div>
                 
                 <div class="modal-footer">
-                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
-                    <button type="submit" class="btn btn-primary">Guardar</button>
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><?= t('Cancelar') ?></button>
+                    <button type="submit" class="btn btn-primary"><?= t('Guardar') ?></button>
                 </div>
             </form>
         </div>
@@ -166,7 +166,7 @@ require_once __DIR__ . '/templates/header.php';
     <div class="modal-dialog modal-lg modal-dialog-scrollable">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title"><i class="bi bi-images"></i> Galería de Imágenes</h5>
+                <h5 class="modal-title"><i class="bi bi-images"></i> <?= t('Galería de Imágenes') ?></h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body">
@@ -174,7 +174,7 @@ require_once __DIR__ . '/templates/header.php';
                     <?php if (empty($galleryImages)): ?>
                         <div class="col-12 text-center text-muted py-5">
                             <i class="bi bi-images" style="font-size: 3rem;"></i>
-                            <p class="mt-3">No hay imágenes en la galería</p>
+                            <p class="mt-3"><?= t('No hay imágenes en la galería') ?></p>
                         </div>
                     <?php else: ?>
                         <?php foreach ($galleryImages as $image): ?>
@@ -201,7 +201,7 @@ require_once __DIR__ . '/templates/header.php';
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title">
-                    <i class="bi bi-eye"></i> Preview: <?= htmlspecialchars($template['name']) ?>
+                    <i class="bi bi-eye"></i> <?= t('Preview') ?>: <?= htmlspecialchars($template['name']) ?>
                 </h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
             </div>
@@ -269,18 +269,18 @@ require_once __DIR__ . '/templates/header.php';
                     
                     <div class="tab-pane fade" id="previewHtml<?= $template['id'] ?>">
                         <div class="border rounded p-3 bg-white">
-                            <h6>Renderizado:</h6>
+                            <h6><?= t('Renderizado') ?>:</h6>
                             <div class="border rounded p-3 mb-3 bg-light">
                                 <?= $template['message_content'] ?>
                             </div>
-                            <h6>Código HTML:</h6>
+                            <h6><?= t('Código HTML') ?>:</h6>
                             <pre class="bg-dark text-light p-3 rounded" style="max-height: 200px; overflow-y: auto;"><code><?= htmlspecialchars($template['message_content']) ?></code></pre>
                         </div>
                     </div>
                 </div>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><?= t('Cerrar') ?></button>
             </div>
         </div>
     </div>
@@ -292,10 +292,16 @@ require_once __DIR__ . '/templates/header.php';
 
 <script>
 const galleryImages = <?= json_encode($galleryImages) ?>;
+const i18n = {
+    editTemplate: '<?= t('Editar Plantilla') ?>',
+    gallery: '<?= t('Galería') ?>',
+    insertImage: '<?= t('Insertar imagen desde galería') ?>',
+    newTemplate: '<?= t('Nueva Plantilla') ?>'
+};
 
 function editTemplate(template) {
     document.getElementById('modalAction').value = 'update';
-    document.getElementById('modalTitle').textContent = 'Editar Plantilla';
+    document.getElementById('modalTitle').textContent = i18n.editTemplate;
     document.getElementById('templateId').value = template.id;
     document.getElementById('templateName').value = template.name;
     document.getElementById('templateCommand').value = template.telegram_command || '';
@@ -316,8 +322,8 @@ function editTemplate(template) {
         buttons: {
             gallery: function() {
                 return $.summernote.ui.button({
-                    contents: '<i class="bi bi-images"></i> Galería',
-                    tooltip: 'Insertar imagen desde galería',
+                    contents: '<i class="bi bi-images"></i> ' + i18n.gallery,
+                    tooltip: i18n.insertImage,
                     click: function() {
                         $('#galleryModal').modal('show');
                     }
@@ -357,8 +363,8 @@ $(document).ready(function() {
                 buttons: {
                     gallery: function() {
                         return $.summernote.ui.button({
-                            contents: '<i class="bi bi-images"></i> Galería',
-                            tooltip: 'Insertar imagen desde galería',
+                            contents: '<i class="bi bi-images"></i> ' + i18n.gallery,
+                            tooltip: i18n.insertImage,
                             click: function() {
                                 $('#galleryModal').modal('show');
                             }
@@ -371,7 +377,7 @@ $(document).ready(function() {
     
     $('#templateModal').on('hidden.bs.modal', function() {
         document.getElementById('modalAction').value = 'create';
-        document.getElementById('modalTitle').textContent = 'Nueva Plantilla';
+        document.getElementById('modalTitle').textContent = i18n.newTemplate;
         document.getElementById('templateId').value = '';
         document.getElementById('templateName').value = '';
         document.getElementById('templateCommand').value = '';