{% extends 'base.html.twig' %}
{% block stylesheets %}
      {{ parent() }}
      <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/settings/settings.css') }}" media="screen and (min-width: 1300px)">
      <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/settings/settings_mid.css') }}" media="screen and (max-width: 1300px)">
      <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/settings/settings_small.css') }}" media="screen and (max-width: 750px)">
{% endblock %}

{% block nav %}
      <nav class='set-nav'>
            <ul>
                  <li>
                        <a href="{{ path('settings_profile') }}" class='hover-effect {% if app.request.attributes.get('_route') starts with 'settings_' %}active{% endif %}'>Settings</a>
                  </li>
                  <li>
                        <a href="{{ path('account_email') }}" class='hover-effect {% if app.request.attributes.get('_route') starts with 'account_' %}active{% endif %}'>Account</a>
                  </li>
                  <li>
                        <a href="{{ path('doc_tags') }}" class='hover-effect {% if app.request.attributes.get('_route') starts with 'doc_tags' %}active{% endif %}'>Misc</a>
                  </li>
            </ul>
      </nav>

      <nav class='set-nav2'>
            <ul>
                  <li>
                        <a href="{{ path('settings_profile') }}" class='hover-effect {% if app.request.attributes.get('_route') starts with 'settings_profile' %}active{% endif %}'>Profile</a>
                  </li>
                  <li>
                        <a href="{{ path('settings_avatar') }}" class='hover-effect {% if app.request.attributes.get('_route') starts with 'settings_avatar' %}active{% endif %}'>Avatar</a>
                  </li>
            </ul>
      </nav>
{% endblock %}

{% block body %}
      <div class='content'>
            <div id='nickname'>
                  <div class='label'> {{ form_label(form.Nickname) }} </div> {{ form_widget(form.Nickname) }}
            </div>
            <div id='name'>
                  <div class='label'> {{ form_label(form.FullName) }} </div> {{ form_widget(form.FullName) }}
            </div>
            <div id='homepage'>
                  <div class='label'> {{ form_label(form.Homepage) }} </div> {{ form_widget(form.Homepage) }}
            </div>
            <div id='bio'>
                  <div class='label'> {{ form_label(form.Bio) }} </div> {{ form_widget(form.Bio) }}
            </div>
            <div id='location'>
                  <div class='label'> {{ form_label(form.Location) }} </div> {{ form_widget(form.Location) }}
            </div>
            <div id='save'>
                  {{ form_widget(form.save) }}
            </div>
      </div>
{% endblock %}