<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <link rel="shortcut icon" type="image/ico" href="{{ asset('build/images/core/favicon.png') }}"/>

        <title>{% block title %}¡Bienvenido!{% endblock %}</title>

        <link rel="stylesheet" href="{{ asset('build/css/d.bootstrap.min.css') }}">
        <link rel="stylesheet" href="{{ asset('build/css/all-font-awesomel.min.css') }}">

        <link rel="stylesheet" href="{{ asset('build/css/animate.css') }}">

        <link rel="stylesheet" href="{{ asset('build/css/website.css') }}">

        {% block stylesheets %}{% endblock %}
    </head>

<body class="bg-light">

    {% block preloader %}
        <div id="preloader">
            <div class="wrapper">
                <div class="cssload-loader"></div>
            </div>
        </div>
    {% endblock %}

    {% block header %}

        <header id="header-soporte" class="py-4">
            <div class="container navbar navbar-expand-sm">
                <a class="navbar-toggler text-white">
                    Soporte 24/7 (+56 9) 7346 3535
                </a>
                {% if app.user %}

                    <a class="ml-auto mr-4 mt-3 text-white">
                        <i class="fas fa-user"></i>
                         &nbsp;Hola <strong>{{ app.user.username }}</strong>
                    </a>

                {% if is_granted('ROLE_ADMIN') %}
                    <a class="mr-4 mt-3 text-white" href="{{ path('admin_index') }}">
                        <i class="fas fa-unlock-alt"></i>
                        &nbsp;Admin
                    </a>
                {% endif %}

                    <a class="mr-4 mt-3 text-white" href="{{ path('logout') }}">
                        <i class="fas fa-sign-out-alt"></i>
                        &nbsp;Salir
                    </a>

                {% else %}

                    <a class="ml-auto mr-4 text-white" href="{{ path('login') }}">
                        <i class="fas fa-user"></i>
                        &nbsp;Ingresar
                    </a>
                    &nbsp;
                    <a class="mr-4 text-white" href="{{ path('usuario_registrar') }}">
                        <i class="fas fa-sign-in-alt"></i>
                        &nbsp;Registrate
                    </a>

                {% endif %}
            </div>
        </header>

        <header id="header-menu" class="bg-white">
            <div class="container">
                <nav class="navbar navbar-expand-lg navbar-light bg-white">
                    <a class="navbar-brand"><img src="{{ asset('/build/images/logos/netnexo-xs.png') }}" alt=""></a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#menu-principal" aria-controls="menu-principal" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon text-dark"></span>
                    </button>

                    <div class="collapse navbar-collapse" id="menu-principal">
                        <ul class="navbar-nav mx-auto">
                            <li class="nav-item active py-3">
                                <a class="nav-link" href="/">INICIO</a>
                            </li>
                            <li class="nav-item dropdown active py-3">
                                <a class="nav-link" target="_blank" href="http://www.gestionyempresa.cl/html.php">DISE&Ntilde;O WEB</a>
                            </li>
                            <li class="nav-item dropdown active py-3">
                                <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    HOSTING
                                </a>
                                <div class="dropdown-menu" aria-labelledby="drop-hosting">
                                    <a class="dropdown-item" href="{{ path('website_index') }}#plan-area">PLANES Y VALORES</a>
                                    <!--a class="dropdown-item" href="#">CARACTERISTICAS</a>
                                    <a class="dropdown-item" href="#">NUESTRA TECNOLOGIA</a-->
                                </div>
                            </li>
                            <li class="nav-item dropdown active py-3">
                                <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    DOMINIOS
                                </a>
                                <div class="dropdown-menu" aria-labelledby="drop-dominio">
                                    <a class="dropdown-item" href="{{ path('website_index') }}#dominio-buscar">
                                        BUSCA TU DOMINIO
                                    </a>
                                    <a class="dropdown-item" href="{{ path('orden_registrar', {e: 1}) }}">
                                        REGISTRA TU DOMINIO
                                    </a>
                                </div>
                            </li>
                            <!--li class="nav-item active py-3">
                                <a class="nav-link" href="#">AYUDA</a>
                            </li-->
                            <li class="nav-item active py-3">
                                <a class="nav-link" href="{{ path('website_contacto') }}">CONTACTANOS</a>
                            </li>

                        {% if app.user.username is defined %}
                            <li class="nav-item dropdown active py-3">
                                <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    HISTORIAL
                                </a>
                                <div class="dropdown-menu" aria-labelledby="drop-dominio">
                                    <a class="dropdown-item" href="{{ path('orden_listar') }}">
                                        ORDENES
                                    </a>
                                    <a class="dropdown-item" href="{{ path('cliente_servicios') }}">
                                        SERVICIOS
                                    </a>
                                </div>
                            </li>
                        {% endif %}

                        </ul>
                    </div>
                </nav>
            </div>
        </header>

    {% endblock %}

    {% block flashalerta %}

        <div class="container">

        {% for label, messages in app.flashes %}
            {% for message in messages %}
                <div class="flash-alerta alert alert-{{ label }} py-3 mb-3" role="alert">
                    {{ message }}
                </div>
            {% endfor %}
        {% endfor %}

        </div>

    {% endblock %}

    {% block body %}{% endblock %}

    {% block footer %}

        <footer id="footer-nubes" class="py-5">
        </footer>

        <footer id="footer-info" class="pt-5">
            <div class="container pb-4">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <div class="wow fadeInUp" data-wow-delay="0.2s">
                            <div class="my-4">
                                <h5>Acerca de <span>Nosotros</span></h5>
                            </div>
                            <p>Acerca de Nosotros : Somos profesionales dedicados a satisfacer la demanda de mypes y pymes con productos y servicios ideados bajo el concepto “soluciones Internet para Pymes en Chile”. Por lo cual nos hemos dedicado... <a class="text-orange">Ver mas.</a></p>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <div class="wow fadeInUp" data-wow-delay="0.4s">
                            <div class="my-4">
                                <h5>Noticias <span>Pro Pyme</span></h5>
                            </div>

                            <div class="footer-noticias">
                                <img src="{{ asset('build/images/logos/netnexo-md.png') }}" alt="">
                                <a>
                                    <p class="text-white">Nuestros Hosting ahora son más poderoso y 99,5 Up-Time</p>
                                </a>
                            </div>

                            <div class="footer-noticias">
                                <img src="{{ asset('build/images/logos/netnexo-md.png') }}" alt="">
                                <a href="http://www.netnexo.cl" target="_blank">
                                    <p class="text-white">¿Cómo registrar un dominio de manera fácil?</p>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <div class="wow fadeInUp" data-wow-delay="0.6s">
                            <div class="my-4">
                                <h5>Puntos de <span>contactos</span></h5>
                            </div>

                            <div>
                                <p><i class="fa fa-globe" aria-hidden="true"></i>&nbsp;La Reina, Santiago de Chile</p>
                            </div>

                            <div class="footer-telefonos">
                                <i class="fa fa-phone-square" aria-hidden="true"></i>
                                <a class="text-white" href="tel:+56232532448">+56 2 3253 2448</a>
                                <a class="text-white" href="tel:+56995837717">+56 9 9583 7717</a>
                                <a class="text-white" href="tel:+56232532448">+56 2 3253 2448</a>
                            </div>

                            <div class="footer-correos">
                                <i class="fa fa-envelope-square" aria-hidden="true"></i>
                                <a class="text-white" href="mailto:gestion@netnexo.cl">gestion@netnexo.cl</a>
                                <a class="text-white" href="mailto:soporte@netnexo.cl">soporte@netnexo.cl</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <div class="wow fadeInUp" data-wow-delay="0.8s">
                            <div class="my-4">
                                <h5>Sitios de <span>Interes</span></h5>
                            </div>

                            <div class="links">
                                <p>
                                    <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                                    <a class="text-white" href="http://www.asech.cl/" target="_blank" >Asociación de Emprendedores</a>
                                </p>
                                <p>
                                    <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                                    <a class="text-white" href="http://www.indicadoresdeldia.cl/" target="_blank" >Indicadores Económicos</a>
                                </p>
                                <p>
                                    <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                                    <a class="text-white" href="http://www.sii.cl/" target="_blank" >Servicio de Impuestos Internos</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>


        <footer id="footer-logo" class="py-5">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <p>Realizardo por<a><img src="{{ asset('build/images/logos/netnexo-md.png') }}" width="100px" alt=""></a></p>
                    </div>
                </div>
            </div>
        </footer>

    {% endblock %}

    <div id="modal-alerta" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div id="modal-alerta-tipo" class="modal-header text-white">
                    <h5 class="modal-title" id="modal-alerta-titulo">Titulo</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="modal-alerta-contenido">
                    Mensaje
                </div>
            </div>
        </div>
    </div>

    <div id="modal-imagen" class="modal fade" tabindex="-1" role="dialog"  aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <img src="#" class="img-fluid">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>

    <script src={{ asset('build/js/jquery-3.3.1.min.js') }}></script>
    <script src={{ asset('build/js/d.popper.min.js') }}></script>
    <script src={{ asset('build/js/d.bootstrap.min.js') }}></script>
    <script src={{ asset('build/js/wow.min.js') }}></script>
    <script src={{ asset('build/js/website.js') }}></script>

    {% block javascripts %}{% endblock %}

    </body>
</html>