{% extends "base.html" %}

{% block title %}Edit Profile{% endblock %}

{% block page_content %}
  <div class="row">
    {% block sidebar %}
    <div class="col-md-4">
    <div class="row">
      <div class="col-md-12">
      {% include "/settings/acc_avatar.html" %}
      </div>
      <div class="col-md-12">
      {% include "/settings/acc_info.html" %}
      </div>
    </div>
    </div>
    {% endblock %}

    <div class="col-md-8">
      <div class="panel panel-default">
        <div class="panel-heading">Profile Info</div>
        <div class="panel-body">
<form method="POST" action="{{ url_for('settings.profile') }}"> 
    <p>
        {{ form.name.label }}<br />{{ form.name(style="width: 80%;") }}<br />
        {% for error in form.name.errors %}
            {{ error }}<br />
        {% endfor %}
    </p>

    <p>
        {{ form.address.label }}<br /> {{ form.address(style="width: 80%;") }}<br />
        {% for error in form.address.errors %}
            {{ error }}<br />
        {% endfor %}
    </p>

    <p>
        {{ form.city.label }}<br />{{ form.city(style="width: 80%;") }}<br />
        {% for error in form.city.errors %}
            {{ error }}<br />
        {% endfor %}
    </p>

   <p>
       {{ form.country.label }}<br /> {{ form.country(style="width: 80%;") }}<br />
       {% for error in form.country.errors %}
           {{ error }}<br />
       {% endfor %}
   </p>

   <p>
        {{ form.postcode.label }}<br />{{ form.postcode }}<br />
        {% for error in form.postcode.errors %}
            {{ error }}<br />
        {% endfor %}
    </p>

    <p>
        {{ form.phone.label }}<br /> {{ form.phone }}<br />
        {% for error in form.phone.errors %}
            {{ error }}<br />
        {% endfor %}
    </p>

        </div>
      </div>

        </div>
      </div>
    </div>


      <div class="panel panel-default">
        <div class="panel-heading">2-Factor Authentication</div>
        <div class="panel-body">

    <p>
        <p>1. Please install <a href="https://fedorahosted.org/freeotp/">FreeOTP</a> on your mobile device. <a href="https://itunes.apple.com/us/app/freeotp/id872559395">iTunes</a> | <a href="https://play.google.com/store/apps/details?id=org.fedorahosted.freeotp">Google Play</a><br />
           2. Scan using the application your QR code.<br />
<input type="button" value="Show your QR code" onclick="window.open('{{ url_for('auth.qrcode') }}','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"><br />
           3. After the code is properly loaded in the FreeOTP app, you may activate the 2FA login with the following checkbox:</p>
        {{ form.twofactor }} {{ form.twofactor.label }}<br />

    </p>

        </div>
      </div>

    <p>
        {{ form.csrf_token() }}
        {{ form.submit }}
    </p>

 
    </div>



  </div>
</div>

{% endblock %}

