<!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 %}Netnexo Admin{% endblock %}</title>

        <!--link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"-->

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

        {% block stylesheets %}{% endblock %}

    </head>

<body class="bg-light">

    {% block header %}

        <nav class="navbar navbar-expand-lg navbar-dark bg-dark text-white">
            <a class="navbar-brand" href="{{ path('website_index') }}">Netnexo</a>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample05" aria-controls="navbarsExample05" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarsExample05">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="{{ path('admin_index') }}">Inicio <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link disabled">Hosting</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{ path('extension_lista') }}">Extensiones</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{ path('orden_listar_admin') }}">Ordenes de compras</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{ path('cliente_listar') }}">Clientes</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="{{ path('plan_listar') }}" id="dropdown05" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Planes</a>
                        <div class="dropdown-menu" aria-labelledby="dropdown05">
                            <a class="dropdown-item" href="{{ path('plan_listar') }}">Listado</a>
                            <a class="dropdown-item" href="{{ path('plan_registrar') }}">Nuevo</a>
                            <a class="dropdown-item" href="{{ path('caracteristica_listar') }}">Caracteristicas</a>
                        </div>
                    </li>
                </ul>
                <ul class="navbar-nav ml-md-auto">
                    <li class="nav-item">
                        <a class="nav-link text-white" href="{{ path('logout') }}">Salir</a>
                    </li>
                </ul>
            </div>
        </nav>

    {% endblock %}

    <div class="container">

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

        {% block body %}{% endblock %}

    </div>

    {% block footer %}

        <footer class="footer bg-dark">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <h4>
                            <strong style="color:#2f82c9">Netnexo</strong>
                        </h4>
                        <ul class="list-unstyled">
                            <li><a href="mailto:gestion@netnexo.cl">gestion@netnexo.cl</a></li>
                        </ul>
                    <p class="text-muted">Copyright © Netnexo 2018</p>
                    </div>
                </div>
            </div>
        </footer>

    {% endblock %}

    <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>

    <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="load-block-ui">
        <div class="load-block-ui-text">Cargando...</div>
        <div class="load-block-ui-icon"></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/admin.js') }}></script>

    {% block javascripts %}{% endblock %}


  </body>
</html>
