{% extends 'base.html.twig' %}

{% block preloader %}{% endblock %}

{% block title %}En mantenimiento...{% endblock %}

{% block body %}


    <div id="contactanos" class="pb-5">
        <div class="container">

            <h2 class="my-4 text-primary">
                <i class="fas fa-wrench" aria-hidden="true"></i>
                Estamos actualizandonos...
            </h2>

            <div class="row">

                <div class="mb-3 col-md-6">
                    <div id="contactanos-mensaje" class="card wow fadeInUp">
                        <div class="card-body">
                            <p><strong>Estamos migrando nuestra plataforma para ofrecerte un mejor servicio.</strong>
                            <hr/>
                            Muy pronto restableceremos el servicio.
                            <br/>
                            Mientras puedes llamarnos a los numeros telefonicos y/o correos para procesar tus solititudes.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="mb-3 col-md-3">
                    <div class="card wow fadeInUp">
                        <div class="card-header bg-primary text-white text-center">
                            <strong><i class="fas fa-envelope-square" aria-hidden="true"></i> Correos</strong>
                        </div>
                        <ul class="list-group list-group-flush">

                             {% set correos = ['gestion@netnexo.cl', 'soporte@netnexo.cl', 'ventas@netnexo.cl'] %}

                            {% for correo in correos %}
                                <li class="list-group-item" >
                                    <div class="text-center text-primary">
                                        <div>
                                            <a href="mailto:{{ correo }}">{{ correo }}</a>
                                        </div>
                                    </div>
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>

                <div class="mb-3 col-md-3">
                    <div class="card wow fadeInUp">
                        <div class="card-header bg-primary text-white text-center">
                            <strong><i class="fas fa-phone-square" aria-hidden="true"></i> Telefonos</strong>
                        </div>
                        <ul class="list-group list-group-flush">

                             {% set tlfnoMostrar = ['+56 2 2237 5786', '+56 9 9583 7717', '+56 9 7346 3535'] %}
                             {% set tlfnoLink = ['+56222375786', '+56995837717', '+56973463535'] %}

                            {% for index, tlfnoM in tlfnoMostrar %}
                                <li class="list-group-item" >
                                    <div class="text-center text-primary">
                                        <div>
                                            <a href="tel:{{ tlfnoLink[index] }}">{{ tlfnoM }}</a>
                                        </div>
                                    </div>
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>



            </div>
        </div>
    </div>


{% endblock %}