{"version":3,"sources":["webpack:///./app/javascript/packs/sortable.js"],"names":["window","Sortable","sortableInitialized","document","getElementById","styleEl","createElement","id","textContent","head","appendChild","addSortableHelpButton","querySelector","helpButton","className","innerHTML","style","position","bottom","right","zIndex","addEventListener","helpModal","setAttribute","body","bootstrap","Modal","show","alert","showSortableHelp","console","log","initializeSortable","containers","querySelectorAll","length","forEach","container","animation","ghostClass","chosenClass","dragClass","onEnd","evt","tourId","dataset","type","language","movedItem","item","oldIndex","newIndex","imageId","newPosition","oldPosition","fetch","concat","method","headers","content","JSON","stringify","image_type","image_id","forced","then","response","json","data","success","location","reload","error"],"mappings":"2FAAA,oBAGAA,OAAOC,SAAWA,IAGlB,IAAIC,GAAsB,EAG1B,IAAKC,SAASC,eAAe,6BAA8B,CACvD,IAAMC,EAAUF,SAASG,cAAc,SACvCD,EAAQE,GAAK,4BACbF,EAAQG,YAAW,oiBAwBnBL,SAASM,KAAKC,YAAYL,EAC9B,CAuEA,SAASM,IAEP,IAAIR,SAASC,eAAe,yBAKLD,SAASS,cAAc,oBAC9C,CAKA,IAAMC,EAAaV,SAASG,cAAc,UAC1CO,EAAWN,GAAK,uBAChBM,EAAWC,UAAY,oBACvBD,EAAWE,UAAY,gEACvBF,EAAWG,MAAMC,SAAW,QAC5BJ,EAAWG,MAAME,OAAS,OAC1BL,EAAWG,MAAMG,MAAQ,OACzBN,EAAWG,MAAMI,OAAS,OAG1BP,EAAWQ,iBAAiB,SAAS,YAUvC,WAEE,IAAMC,EAAYnB,SAASG,cAAc,OA2CzC,GA1CAgB,EAAUR,UAAY,aACtBQ,EAAUf,GAAK,oBACfe,EAAUC,aAAa,WAAY,MACnCD,EAAUC,aAAa,kBAAmB,0BAC1CD,EAAUC,aAAa,cAAe,QAGtCD,EAAUP,UAAS,4kDAgCnBZ,SAASqB,KAAKd,YAAYY,GAGD,qBAAdG,WAA6BA,UAAUC,MAAO,CACvC,IAAID,UAAUC,MAAMJ,GAC5BK,MACV,MACEC,MAAM,qJAEV,CA5DIC,EACF,IAGA1B,SAASqB,KAAKd,YAAYG,GAC1BiB,QAAQC,IAAI,iDAnBZ,CAoBF,CAyDA,SAASC,IACL,IAAI9B,EAAJ,CAKA,IAAM+B,EAAa9B,SAAS+B,iBAAiB,oBAExCD,EAAWE,SAKhBF,EAAWG,SAAQ,SAAAC,GAEf,IAAIpC,IAASoC,EAAW,CACpBC,UAAW,IACXC,WAAY,iBACZC,YAAa,kBACbC,UAAW,gBACXC,MAAO,SAASC,GACZ,IAAMC,EAASP,EAAUQ,QAAQD,OAC3BE,EAAOT,EAAUQ,QAAQC,KACzBC,EAAWV,EAAUQ,QAAQE,SAEnC,GAAKH,GAAWE,EAAhB,CAMA,IAAME,EAAYL,EAAIM,KAChBC,EAAWP,EAAIO,SACfC,EAAWR,EAAIQ,SAErBrB,QAAQC,IAAI,4BAA0B,CAAEmB,WAAUC,aAGlD,IAAMC,EAAUJ,EAAUH,QAAQtC,GAC5B8C,EAAcF,EAEpBrB,QAAQC,IAAI,6BAA8B,CACtCqB,UACAC,cACAC,YAAaN,EAAUH,QAAQ5B,WAInCsC,MAAM,UAADC,OAAWZ,EAAM,kBAAkB,CACpCa,OAAQ,OACRC,QAAS,CACL,eAAgB,mBAChB,eAAgBvD,SAASS,cAAc,2BAA2B+C,SAEtEnC,KAAMoC,KAAKC,UAAU,CACjBC,WAAYhB,EACZiB,SAAUX,EACVnC,SAAUoC,EACVN,SAAUA,EACViB,QAAQ,MAGfC,MAAK,SAAAC,GAEF,OADApC,QAAQC,IAAI,0BAA2BmC,GAChCA,EAASC,MACpB,IACCF,MAAK,SAAAG,GACFtC,QAAQC,IAAI,mBAAoBqC,GAC5BA,EAAKC,SAELrE,OAAOsE,SAASC,QAExB,IAAE,OACK,SAAAC,GACH1C,QAAQ0C,MAAM,kCAAgCA,EAClD,GA/CA,MAFI1C,QAAQ0C,MAAM,2BAA4B,CAAE5B,SAAQE,QAkD5D,GAER,IAGAnC,IAEAT,GAAsB,EAhFtB,CAiFJ,CAGAC,SAASkB,iBAAiB,oBAAoB,WAC1CW,GACJ,IAGA7B,SAASkB,iBAAiB,mBAAmB,WACzCnB,GAAsB,EACtB8B,GACJ,IAGAhC,OAAOgC,mBAAqBA,C","file":"js/15-a258da9b8127c31497c1.chunk.js","sourcesContent":["import Sortable from 'sortablejs';\n\n// Exportar Sortable para que esté disponible globalmente\nwindow.Sortable = Sortable;\n\n// Variable para rastrear si el Sortable ya está inicializado a nivel global\nlet sortableInitialized = false;\n\n// Agregar estilos necesarios para el drag & drop\nif (!document.getElementById('sortable-draggable-styles')) {\n    const styleEl = document.createElement('style');\n    styleEl.id = 'sortable-draggable-styles';\n    styleEl.textContent = `\n        .sortable-images > * {\n            cursor: move;\n            transition: transform 0.2s;\n        }\n        \n        .sortable-images > *:hover {\n            transform: scale(1.02);\n        }\n        \n        .sortable-images > *:active {\n            cursor: grabbing;\n        }\n        \n        .sortable-ghost {\n            opacity: 0.5;\n            background: #f0f0f0;\n        }\n        \n        .sortable-chosen {\n            background: #fff;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n        }\n    `;\n    document.head.appendChild(styleEl);\n}\n\n// Función para mostrar notificaciones\nfunction showToast(message, type = 'success') {\n  console.log('Mostrando toast:', message, type); // Debug\n  \n  try {\n    // Intentar usar Bootstrap si está disponible\n    if (typeof bootstrap !== 'undefined') {\n      // Buscar elementos toast existentes\n      const toastId = type === 'success' ? 'toast-success' : 'toast-error';\n      const messageId = type === 'success' ? 'toast-message' : 'toast-error-message';\n      \n      let toast = document.getElementById(toastId);\n      let messageElement = document.getElementById(messageId);\n      \n      if (toast && messageElement) {\n        // Actualizar el mensaje en el toast existente\n        messageElement.textContent = message;\n        const bsToast = new bootstrap.Toast(toast);\n        bsToast.show();\n      } else {\n        // Buscar el contenedor de toasts\n        const toastContainer = document.querySelector('.toast-container');\n        \n        if (toastContainer) {\n          // Crear un nuevo toast\n          toast = document.createElement('div');\n          toast.id = toastId;\n          toast.className = `toast ${type === 'success' ? 'bg-success' : 'bg-danger'} text-white`;\n          toast.setAttribute('role', 'alert');\n          toast.setAttribute('aria-live', 'assertive');\n          toast.setAttribute('aria-atomic', 'true');\n          toast.setAttribute('data-bs-delay', '3000');\n          \n          // Estructura interna del toast\n          toast.innerHTML = `\n            <div class=\"toast-header\">\n              <strong class=\"me-auto\">${type === 'success' ? 'Éxito' : 'Error'}</strong>\n              <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"toast\" aria-label=\"Close\"></button>\n            </div>\n            <div class=\"toast-body\">\n              <span id=\"${messageId}\">${message}</span>\n            </div>\n          `;\n          \n          toastContainer.appendChild(toast);\n          \n          const bsToast = new bootstrap.Toast(toast);\n          bsToast.show();\n          \n          // Eliminar el toast después de ocultarse\n          toast.addEventListener('hidden.bs.toast', () => {\n            toast.remove();\n          });\n        } else {\n          // Fallback si no hay contenedor de toasts\n          alert(message);\n        }\n      }\n    } else {\n      // Fallback a alert si Bootstrap no está disponible\n      alert(message);\n    }\n  } catch (error) {\n    console.error('Error al mostrar el toast:', error);\n    alert(message);\n  }\n}\n\n// Función para añadir un botón de ayuda que explique cómo ordenar\nfunction addSortableHelpButton() {\n  // Si ya existe el botón, no lo añadimos de nuevo\n  if (document.getElementById('sortable-help-button')) {\n    return;\n  }\n  \n  // Buscar el primer contenedor sortable\n  const firstContainer = document.querySelector('.sortable-images');\n  if (!firstContainer) {\n    return; // No hay contenedores, no añadimos botón\n  }\n  \n  // Crear el botón de ayuda\n  const helpButton = document.createElement('button');\n  helpButton.id = 'sortable-help-button';\n  helpButton.className = 'btn btn-info mb-3';\n  helpButton.innerHTML = '<i class=\"fas fa-question-circle\"></i> Ayuda: Cómo ordenar';\n  helpButton.style.position = 'fixed';\n  helpButton.style.bottom = '20px';\n  helpButton.style.right = '20px';\n  helpButton.style.zIndex = '1000';\n  \n  // Añadir evento para mostrar las instrucciones\n  helpButton.addEventListener('click', function() {\n    showSortableHelp();\n  });\n  \n  // Añadir el botón al documento\n  document.body.appendChild(helpButton);\n  console.log('Botón de ayuda para ordenamiento añadido');\n}\n\n// Función para mostrar las instrucciones de ordenamiento\nfunction showSortableHelp() {\n  // Crear el modal de ayuda\n  const helpModal = document.createElement('div');\n  helpModal.className = 'modal fade';\n  helpModal.id = 'sortableHelpModal';\n  helpModal.setAttribute('tabindex', '-1');\n  helpModal.setAttribute('aria-labelledby', 'sortableHelpModalLabel');\n  helpModal.setAttribute('aria-hidden', 'true');\n  \n  // Contenido del modal\n  helpModal.innerHTML = `\n    <div class=\"modal-dialog\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header bg-info text-white\">\n          <h5 class=\"modal-title\" id=\"sortableHelpModalLabel\">Cómo ordenar las imágenes</h5>\n          <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n        </div>\n        <div class=\"modal-body\">\n          <div class=\"alert alert-info mb-4\">\n            <strong>Modo simplificado activado:</strong> Hemos activado un modo especial para hacer más fácil ordenar las imágenes.\n          </div>\n          \n          <h6 class=\"mb-2\">Para ordenar las imágenes:</h6>\n          <ol>\n            <li class=\"mb-2\">Haz clic en cualquier parte de la imagen que quieres mover.</li>\n            <li class=\"mb-2\">Sin soltar el clic, arrastra la imagen a la posición deseada.</li>\n            <li class=\"mb-2\">Suelta el clic para colocar la imagen en su nueva posición.</li>\n            <li class=\"mb-2\">¡Listo! La página se recargará automáticamente para mostrar el nuevo orden.</li>\n          </ol>\n          \n          <div class=\"alert alert-warning\">\n            <strong>Nota importante:</strong> Incluso si la imagen vuelve a su posición original, el sistema detectará que intentaste moverla y aplicará un cambio. La página se recargará para mostrar el resultado.\n          </div>\n        </div>\n        <div class=\"modal-footer\">\n          <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Cerrar</button>\n        </div>\n      </div>\n    </div>\n  `;\n  \n  // Añadir el modal al documento\n  document.body.appendChild(helpModal);\n  \n  // Mostrar el modal usando Bootstrap\n  if (typeof bootstrap !== 'undefined' && bootstrap.Modal) {\n    const bsModal = new bootstrap.Modal(helpModal);\n    bsModal.show();\n  } else {\n    alert('Para ordenar las imágenes: haz clic en una imagen, arrastra a la posición deseada y suelta. La página se recargará automáticamente.');\n  }\n}\n\n// Función principal para inicializar Sortable\nfunction initializeSortable() {\n    if (sortableInitialized) {\n        return;\n    }\n\n    // Buscar todos los contenedores con la clase sortable-images\n    const containers = document.querySelectorAll('.sortable-images');\n    \n    if (!containers.length) {\n        return;\n    }\n\n    // Inicializar cada contenedor con Sortable\n    containers.forEach(container => {\n        // Inicializar Sortable en este contenedor\n        new Sortable(container, {\n            animation: 150,\n            ghostClass: 'sortable-ghost',\n            chosenClass: 'sortable-chosen',\n            dragClass: 'sortable-drag',\n            onEnd: function(evt) {\n                const tourId = container.dataset.tourId;\n                const type = container.dataset.type;\n                const language = container.dataset.language;\n                \n                if (!tourId || !type) {\n                    console.error('Faltan datos requeridos:', { tourId, type });\n                    return;\n                }\n                \n                // Obtener la imagen que se movió\n                const movedItem = evt.item;\n                const oldIndex = evt.oldIndex;\n                const newIndex = evt.newIndex;\n                \n                console.log('Índices de movimiento:', { oldIndex, newIndex });\n                \n                // Obtener el ID y la nueva posición de la imagen movida\n                const imageId = movedItem.dataset.id;\n                const newPosition = newIndex;\n                \n                console.log('Datos de la imagen movida:', {\n                    imageId,\n                    newPosition,\n                    oldPosition: movedItem.dataset.position\n                });\n                \n                // Enviar la nueva ordenación al servidor\n                fetch(`/tours/${tourId}/reorder_image`, {\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application/json',\n                        'X-CSRF-Token': document.querySelector('meta[name=\"csrf-token\"]').content\n                    },\n                    body: JSON.stringify({\n                        image_type: type,\n                        image_id: imageId,\n                        position: newPosition,\n                        language: language,\n                        forced: true\n                    })\n                })\n                .then(response => {\n                    console.log('Respuesta del servidor:', response);\n                    return response.json();\n                })\n                .then(data => {\n                    console.log('Datos recibidos:', data);\n                    if (data.success) {\n                        // Recargar la página después de una ordenación exitosa\n                        window.location.reload();\n                    }\n                })\n                .catch(error => {\n                    console.error('Error al reordenar imágenes:', error);\n                });\n            }\n        });\n    });\n\n    // Añadir el botón de ayuda\n    addSortableHelpButton();\n\n    sortableInitialized = true;\n}\n\n// Inicializar cuando el DOM esté listo\ndocument.addEventListener('DOMContentLoaded', () => {\n    initializeSortable();\n});\n\n// Reinicializar cuando Turbolinks cargue una nueva página\ndocument.addEventListener('turbolinks:load', () => {\n    sortableInitialized = false;\n    initializeSortable();\n});\n\n// Exportar la función de inicialización para uso global\nwindow.initializeSortable = initializeSortable; "],"sourceRoot":""}