<!-- Datos Libro de reclamaciones Perú -->
<!-- Acá se deben colocar los datos de la empresa -->
{% assign empresa  = "Nombre Empresa" %}
{% assign ruc  = "ruc empresa" %}
<!-- Fin Datos -->

<!-- Configuración de mensajes personalizados -->
{% assign custom_msg_default = "Gracias por contactarnos" %} <!-- Mensaje por defecto -->
{% assign custom_msg_suscripcion = "¡Gracias por suscribirte! Te mantendremos informado." %}
{% assign custom_msg_contacto = "Gracias por contactarnos. Nos comunicaremos contigo pronto." %}
{% assign custom_msg_libro_reclamaciones = "Gracias por presentar su reclamo. Conforme al Código de Protección y Defensa del Consumidor, su reclamo ha sido registrado en nuestro Libro de Reclamaciones." %}
{% assign custom_msg_encargar = "Te avisaremos cuando el producto esté disponible." %}
{% assign custom_msg_cotizar = "¡Gracias por solicitar una cotización! Nuestro equipo revisará tu solicitud y te enviará una propuesta a la brevedad." %}

<!-- Selección del mensaje según el título -->
{% assign custom_msg = custom_msg_default %}

{% if title == "Suscripción" or title == "Suscripcion modal" %}
    {% assign custom_msg = custom_msg_suscripcion %}
{% elsif title == "Contacto" %}
    {% assign custom_msg = custom_msg_contacto %}
{% elsif title == "Libro de Reclamaciones" %}
    {% assign custom_msg = custom_msg_libro_reclamaciones %}
{% elsif title == "Encargar" %}
    {% assign custom_msg = custom_msg_encargar %}
{% elsif title == "Cotizar" %}
    {% assign custom_msg = custom_msg_cotizar %}
{% endif %}

<!-- Componente: formulario -->
<div class="container bs-form">
    {{ 'migas de pan' | get_component }}
    <div class="row justify-content-center">
        {% if msg %}
            <!-- Mensajes -->
            <div class="col-12">
                <div class="jumbotron formulario-mensaje-personalizado {% if error %}formulario-mensaje-error{% else %}formulario-mensaje-exito{% endif %}">
                    {% if error %}
                        <p class="lead">Lo sentimos</p>
                        <h1 class="display-4">{{ msg | strip_html }}</h1>
                    {% else %}
                        <h1 class="display-4">{{ custom_msg }}</h1>
                    {% endif %}
                </div>
            </div>
            <!-- Fin mensajes -->
        {% else %}
            <!-- Inicio formulario reclamaciones -->
            {% if title == "Libro de Reclamaciones" %}
                <div class="col-md-8 text-left">
                    <h1 class="pb-3 bs-title">{{ title }}</h1>
                    <p>Conforme a lo establecido en el Código de Protección y Defensa del Consumidor, esta institución cuenta con un Libro de Reclamaciones a su disposición.</p>
                    <p>Razón Social: {{ empresa }}</p>
                    <p>RUC: {{ ruc }}</p>
                    <br>
                    {{ 'this' | print_form: "Gracias por contactarnos", "Enviar", "", true }}
                </div>
                <div class="col-md-6 text-justify h6">
                    <li>La formulación del reclamo no impide acudir a otras vías de solución de controversias y no es requisito previo para imponer una denuncia ante el INDECOPI.</li><br>
                    <li>El proveedor deberá dar respuesta al reclamo en un plazo no mayor a quince (15) días calendario, pudiendo ampliar el plazo hasta por quince (15) días más, previa comunicación al consumidor.</li><br>
                    <li>NOTA: La respuesta a la presente queja o reclamo será brindada mediante comunicación electrónica enviada a la dirección que usted ha consignado en la presente Hoja de Reclamación. En caso de que usted desee que la respuesta le sea enviada a su domicilio deberá expresarlo en el detalle del reclamo o queja.</li>
                </div>
            {% else %}
                <div class="col-md-6 text-center">
                    <h1 class="bs-title">{{ title }}</h1>
                    <br>
                    {{ 'this' | print_form: "Gracias por contactarnos", "Enviar", "", true }}
                </div>
            {% endif %}
            <!-- Fin formulario reclamaciones -->
        {% endif %}
    </div>
</div>

{% if title == "Libro de Reclamaciones" %}
    <script defer>
    const titleNames = document.getElementById('nombres-y-apellidos');
    titleNames.insertAdjacentHTML('beforebegin', "<h4 class='text-left'>Datos de la Persona que presenta el Reclamo</h4>");

    const titleProduct = document.querySelector(`[name="identificación-del-bien-contratado"]`);
    titleProduct.insertAdjacentHTML('beforebegin', "<h4 class='text-left'>Identificación del Bien Contratado</h4>");

    const titleClaim = document.querySelector(`[name="tipo"]`);
    titleClaim.insertAdjacentHTML('beforebegin', "<h4 class='text-left'>Detalle del Reclamo</h4>"); 

    const textArea = document.getElementById('detalle-del-cliente');
    textArea.insertAdjacentHTML('beforebegin', "<p class='text-left texto-form'><span>- <strong>RECLAMO:</strong> Disconformidad relacionada a los productos expendidos o servicios brindados.</span></p><p class='text-left texto-form'><span>- <strong>QUEJA:</strong> Disconformidad NO RELACIONADA a los productos o servicios. Malestar o descontento respecto con la atenci&oacute;n al p&uacute;blico</span></p>")
    const textArea2 = document.getElementById('solicitud-del-cliente');
    textArea2.insertAdjacentHTML('beforebegin', "<div class='pt-4'></div>")

    </script>
{% endif %}
<!-- Fin componente: formulario -->