{% extends "./base.html.twig" %}

{{trans_default_domain("doc")}}

{% block description %}
  <meta name="description" content="Documentation {{ version }}">
{% endblock %}

{% block title %}
  {% if subsection %}
    {{ subsection | trans() | upper() }}
  {% else %}
    {% if section %}
      {{ section | trans() | upper() }}
    {% else %}
      {% if bundle %}
        {{ bundle | trans() | upper() }}
      {% else %}
        {% if version %}
          {{ version | trans() | upper() }}
        {% else %}
          NODEFONY
        {% endif %}
      {% endif %}
    {% endif %}
  {% endif %}
{% endblock %}

{% block body %}

  {% if (bundle == "nodefony" ) and section == null %}



  {% else %}
  <div class="row" style='margin-top:60px'>
    <div class="column" style="background-color:#EEE;">
      <a class="navbar-brand" href="{{url('documentation-version',{version:version,bundle:bundle})}}">
        {{bundle | trans() | upper}}
      </a>
      <ul class="nav flex-column nav-pills">
        {{ render( controller("documentation-bundle:default:subSection", version, bundle, section  )) }}
      </ul>
      {% block section %}{% endblock %}
    </div>
    <div class="column2" style="background-color:#bbb;height:1000px">
      <nav aria-label="breadcrumb" class="fixed-top">
        <ol class="breadcrumb ">
          <li class="breadcrumb-item">
            <a href="{{url('documentation-version',{version:version,bundle:bundle})}}"> {{bundle}} </a>
          </li>
          {% if section %}
            <li class="breadcrumb-item active">
              <a href="{{url('documentation-section',{section:section, version:version, bundle:bundle })}}">{{section | trans()}}</a>
            </li>
          {% endif %}
          {% if subsection %}
            {% set qs = {
            'subsection': subsection
            } %}
            <li class="breadcrumb-item active>
              <a href="{{url('documentation-section',{section:section, version:version, bundle:bundle, queryString:qs})}}">{{subsection | trans()}}</a>
            </li>
          {% endif %}
        </ol>
      </nav>
    </div>
  </div>

  {% endif %}

{% endblock %}