<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Tipografías obtenidas con google fonts-->
    <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400">
    <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400">
    <!-- CSS-->
    {% block css %}{% endblock %}
    <link rel="stylesheet" href="/static/css/gob.cl.css" type="text/css">
    <title>Transformación Digital del Transporte Público del Gran Concepción</title>
  </head>
  <body>
    <header>

      <nav class="navbar navbar-dark navbar-expand-lg navbar-lines">
        <div class="container"><a class="navbar-brand" href="/"><i class="fa fa-spinner fa-spin page-loading-icon"></i><img class="h-100 d-inline-block" src="/static/banner-proyecto.png"/></a>
          <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarLinesDarkExampleCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
          <div class="navbar-collapse collapse" id="navbarLinesDarkExampleCollapse">
            <ul class="navbar-nav">
              <li class="nav-item"><a class="btn btn-block btn-primary" href="https://sitio.gorebiobio.cl/">GORE Biobio</a></li>
              <li class="nav-item"><a class="btn btn-block btn-primary" href="https://www.mtt.gob.cl/zonasur">Seremitt</a></li>
              <li class="nav-item"><a class="btn btn-block btn-primary" href="http://www.dtpr.gob.cl/">DTPR</a></li>
              <li class="nav-item"><a class="btn btn-block btn-primary" href="/system/login">Iniciar sesión</a></li>
            </ul>
            <ul class="navbar-nav">
              <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" id="navbarLinesDarkExampleDropdown" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Proyecto</a>
                <div class="dropdown-menu" aria-labelledby="navbarLinesDarkExampleDropdown">
                  <a class="dropdown-item" href="/objetivos">Quiénes Somos</a>
                  <a class="dropdown-item" href="#">Gobernanza</a>
                  <a class="dropdown-item" href="#">Politicas de Datos</a>
                  <a class="dropdown-item" href="#">Contacto</a>
                </div>
                <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" id="navbarLinesDarkExampleDropdown" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Plataforma</a>
                  <div class="dropdown-menu" aria-labelledby="navbarLinesDarkExampleDropdown">
                    <a class="dropdown-item" href="#">Vista de paletas</a>
                    <a class="dropdown-item" href="#">Recorridos en Línea</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="/repositorio">Repositorio de Datos</a>
                    <a class="dropdown-item" href="#">API Pública</a>
                  </div>
              </li>
              <form class="simple-search search">
                <input class="form-control" type="text" name="search" placeholder="search" aria-label="search" aria-describedby="searchLineAction"/>
                <div class="search-action">
                  <button class="btn btn-outline-search dom-search-behavior-cancel d-none" type="button"><i class="icon cl cl-close"></i></button>
                  <button class="btn btn-outline-search" id="searchLineAction" type="submit"><i class="icon cl cl-search"></i></button>
                </div>
              </form>
            </ul>
          </div>
        </div>
      </nav>
    </header>
    <main role="main" class="container pt-4">
          {% with messages = get_flashed_messages(with_categories=true) %}
            {% if messages %}
              {% for category, message in messages %}
                <div class="alert alert-{{ category }}">
                  {{  message }}
                </div>
              {% endfor %}
            {% endif %}
          {% endwith %}

          {% block admin %}{% endblock %}
          {% block content %}{% endblock %}
    </main>
    <footer>
      <div class="container">
        <div class="line"></div>
        <div class="row">
          <div class="col-md-3 a11y-fonts-col-12"><img class="mw-100 mb-3" src="/static/xIK5ucRg.png"/>
            <p>Este sitio sigue las normativas de: <a class="py-0" href="https://www.digital.gob.cl">www.digital.gob.cl</a></p>
          </div>
          <div class="col-md-3 a11y-fonts-col-12">
            <div class="text-uppercase mb-3">Secciones</div>
            <a href="/objetivos">Organigrama</a>
            <a href="#">Categorías</a>
            <a href="/repositorio">Documentos</a>
            <a href="#">Ayuda</a>
          </div>
          <div class="col-md-3 a11y-fonts-col-12">
            <div class="text-uppercase mb-3">Enlaces internos</div>
            <a href="#">Políticas de Privacidad</a>
            <a href="#">Normativas</a>
            <a href="#">Términos y Condiciones</a>
            <a href="#">Notificar error</a>
          </div>
          <div class="col-md-3 a11y-fonts-col-12">
            <div class="text-uppercase mb-3">Ayuda institucional</div>
            <a href="#">Ingreso de solicitud de ayuda</a>
            <b class="d-block mt-3">Mesa de Ayuda</b>
            <p class="mb-0">
              Horario Lu - Vi / 9:00hrs -
              18:00hrs
            </p><a class="py-0" href="tel:6003970000">600 397 0000</a>
          </div>
        </div>
      </div>
    </footer>
    <!-- JS-->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
    <script src="/static/js/gob.cl.js"></script>
    {% block js %}{% endblock %}
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA_LcFDv_pICf8yYlmgARztZoyh-ENWkCA"></script>
  </body>
</html>
