{% extends 'base.html' %}
{% set active_page = "userSettings" %}
{% set version2 = False %}
 
{% block container %}
  {% if current_user.is_authenticated %}
  <!--start user settings div-->
  <div>
    <div class="panel panel-default">
      <div class="panel-heading">
        User Information
      </div>
      <div class="panel-body">
        <div class="row">
          <div class="col-sm-4">
            <div class="infobubble">
              <div class="value">
                {{current_user.username}}
              </div>
              <hr>
              <div class="label">
                USERNAME
              </div>
            </div>
          </div>
          <div class="col-sm-8">
            <div class="infobubble">
              <div class="value">
                {% if current_user.groups_readable == false or current_user.groups_readable == 'None' %}
                <span class="fa fa-question"></span>
                {% endif %}
                {{current_user.groups_readable}}
              </div>
              <hr>
              <div class="label">
                USER GROUPS (LDAP)
              </div>
            </div> <!-- end infobubble -->
          </div> <!-- end column -->
        </div> <!-- end row -->
      </div> <!-- end panel body -->
    </div> <!-- end panel -->
    <div class="panel panel-default">
      <div class="panel-heading">
        Settings {{userSettings.pubKeyEdit|angular}}
      </div>
      <div class="panel-body">
        <div class="row" ng-if="!userSettings.pubKeyEdit">
          <div class="col-sm-11">
            <div class="infobubble">
              <div class="value" style="word-wrap:break-word; display:inline-block">
                {% if current_user.sshPubKey == false or current_user.sshPubKey == 'None' or current_user.sshPubKey == '' %}
                <span class="fa fa-question"></span>
                {% else %}
                {{current_user.sshPubKey}}
                {% endif %}
              </div>
              <hr>
              <div class="label">
                SSH PUBLIC KEY
              </div>
            </div> <!-- end infobubble -->
          </div> <!-- end column -->

          <div class="col-sm-1">
            <button class="btn btn-primary pull-right lightAccent" style="margin-top:15px" ng-click="pubKeyEditToggle()">EDIT</button>
          </div> <!-- end column -->
        </div> <!-- end row -->

        <div class="row" ng-if="userSettings.pubKeyEdit">
          <form method="POST" action="{{ url_for('auth.user_settings') }}" role="form">
            {{ form.csrf_token }}
            {% macro render_field(field,preFill) %}
              {{field.label}}
              {{field(value=preFill,class="form-control")|safe}}
              {% if field.errors %}
                <ul class=errors>
                {% for error in field.errors %}
                <li>{{ error }}</li>
                {% endfor %}
                </ul>
              {% endif %}
            {% endmacro %}

            <div class="col-sm-11">
              {{render_field(form.sshKey,current_user.sshPubKey)}}
            </div> <!-- end column -->

            <div class="col-sm-1">
              <button type="submit" class="btn btn-primary pull-right lightAccent" style="background-color:green;margin-top:28px">SUBMIT</button>
            </div> <!-- end column -->
          </form>
        </div> <!-- end row -->

        </div> <!-- end panel body -->
      </div> <!-- end panel -->
  </div>
  <!--end user settings div-->
  {% else %}
  <div class="jumbotron">
  	<h3>Authorized Access Only</h3>
  	<h4><a href="{{ url_for('auth.login') }}">Click Here To Login</a></h4>
  </div>
  {% endif %}
{% endblock %}
{% block scripts %}
{% endblock %}