/**
 * payment-icons.js
 * Agrega Diners Club, PSE, Nequi y DaviPlata al bloque de métodos de pago
 * que ya contiene Visa / Mastercard / Amex en el footer.
 *
 * Las imágenes y SVG llevan la clase .pay-svg (definida en payment-icons.css) para
 * respetar max-width:40px / max-height:30px.
 */
(function () {
  'use strict';

  // Diners Club vía Font Awesome (mismo estilo que las otras tarjetas)
  var dinersHTML =
    '<i class="fa-brands fa-cc-diners-club fa-xl" title="Diners Club"></i>';

  // PSE (Modificado de SVG a etiqueta IMG con la URL solicitada)
  var pseHTML =
    '<img class="pay-svg" src="https://newly-fine-calf.global.ssl.fastly.net/vivirly-random-content/logo_pse.png" alt="PSE" title="PSE" />';

  // Nequi
  var nequiHTML =
    '<svg class="pay-svg" viewBox="0 0 104 33" role="img" aria-label="Nequi" ' +
    'preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg">' +
    '<path d="M5.3.28H.92a.92.92 0 0 0-.92.92v3.72c0 .51.41.92.92.92H5.3a.92.92 0 0 0 .92-.92V1.2A.92.92 0 0 0 5.3.28z" fill="#DA0081"/>' +
    '<path d="M31.99.28H28.22a.92.92 0 0 0-.92.92v15.07c0 .31-.4.42-.55.15L17.99.69a.79.79 0 0 0-.71-.4h-6.27a.92.92 0 0 0-.92.92V25.29c0 .52.42.92.92.92h3.77c.51 0 .92-.42.92-.92V9.76c0-.31.4-.42.55-.15l9 16.2a.79.79 0 0 0 .71.4h5.99c.52 0 .92-.42.92-.92V1.2a.92.92 0 0 0-.92-.92h.03zm22.66 16.53c0-6.79-4.41-10.16-9.26-10.16-6.3 0-9.89 4.37-9.89 10.27 0 6.71 4.51 9.9 9.75 9.9 5.23 0 8.29-2.71 9.12-6.22.11-.45-.15-.86-.82-.86h-2.96a.81.81 0 0 0-.77.52c-.74 1.63-1.93 2.48-4.22 2.48-2.59 0-4.33-1.63-4.59-4.93h12.74c.55 0 .92-.4.92-1zm-13.45-2.56c.55-2.43 1.97-3.51 4.11-3.51 1.92 0 3.56 1.11 3.79 3.51H41.2zm61.88-7.11h-3.79a.92.92 0 0 0-.92.92v17.25c0 .51.41.92.92.92h3.79a.92.92 0 0 0 .92-.92V8.06a.92.92 0 0 0-.92-.92zm-28.11 0h-3.77a.92.92 0 0 0-.92.92v.94c-1.13-1.32-2.98-2.24-5.41-2.24-5.44 0-8.33 4.93-8.33 10.16 0 4.56 2.37 9.67 8.21 9.67 2.09 0 4.32-1 5.53-2.42v7.42c0 .52.42.92.92.92h3.77c.51 0 .92-.42.92-.92V8.07a.92.92 0 0 0-.92-.92v-.02zm-8.58 15.38c-2.48 0-4.22-1.82-4.22-5.74 0-3.92 1.74-5.97 4.22-5.97 2.48 0 4.22 1.89 4.22 5.97 0 4.08-1.74 5.74-4.22 5.74zm28.65-15.38h-3.77a.92.92 0 0 0-.92.92v9.76c0 3.14-1.4 4.06-3.19 4.06s-3.19-.92-3.19-4.06V8.05a.92.92 0 0 0-.92-.92h-3.77a.92.92 0 0 0-.92.92v10.16c0 6.05 3.33 8.48 8.81 8.48 5.48 0 8.81-2.45 8.81-8.48V8.05a.92.92 0 0 0-.92-.92h-.03z" fill="#200020"/>' +
    '</svg>';

  // DaviPlata
  var daviplataHTML =
    '<img class="pay-svg" src="https://newly-fine-calf.global.ssl.fastly.net/vivirly-random-content/logo_daviplata.png" alt="DaviPlata" title="DaviPlata" />';

  function inject() {
    var blocks = document.querySelectorAll('.footer-column .payment-icons');
    var target = null;

    // Buscar el bloque que contiene Visa/MC/Amex
    for (var i = 0; i < blocks.length; i++) {
      if (blocks[i].querySelector('.fa-cc-visa, .fa-cc-mastercard, .fa-cc-amex')) {
        target = blocks[i];
        break;
      }
    }
    if (!target) return;

    // Evitar duplicados si el script corre más de una vez
    if (target.dataset.payExtended === 'true') return;
    target.dataset.payExtended = 'true';

    // 1. Insertamos Diners Club en la fila actual junto a las tarjetas principales
    target.insertAdjacentHTML('beforeend', dinersHTML);

    // 2. Creamos el contenedor para la nueva línea con los métodos locales (PSE, Nequi, DaviPlata)
    var localRowHTML = 
      '<div class="payment-icons-row-local" style="width: 100%; display: block; margin-top: 8px; clear: both;">' +
        pseHTML + nequiHTML + daviplataHTML +
      '</div>';

    // 3. Inyectamos la nueva línea justo después de Diners
    target.insertAdjacentHTML('beforeend', localRowHTML);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', inject);
  } else {
    inject();
  }
})();