{% include 'header.twig' %}
<main class="main_content">
                <div class="container-fluid">
    <div class="row">
        <div class="col-lg-12 col-md-12 col-12">
            <div class="card card_type_3">
                <div class="card-header">
                    <h4>@{{ user['username'] }}</h4>
                </div>
                <div class="card-body">
                                        
                                                      
                        <div class="account__items">
                        <div class="form-group">
                                 <div class="col">
                                     
                                     {% if error %}
        <div class="alert alert-dismissible alert-danger">
          <button type="button" class="close" data-dismiss="alert">×</button>
          {{ errorText }}
        </div>
      {% endif %}
      {% if success %}
        <div class="alert alert-dismissible alert-success">
          <button type="button" class="close" data-dismiss="alert">×</button>
          {{ successText }}
        </div>
      {% endif %}
					      
                                     
												<label>Username</label>
												<input type="text" class="form-control" id="username" value="{{ user['username'] }}" readonly>
											</div>

											

											<div class="form-group">
												<label>E-mail</label>
												<input type="text" class="form-control" id="email" value="{{ user['email'] }}" readonly>
											</div>
<div class="form-group">
												<label>Last Login</label>
												<input type="text" class="form-control" id="name" value="{{ user['login_ip'] }}" readonly>
											</div>
                  
		</div>
							
							
							
							
								<div class="account__items">		
                            <form  method="post" action="">
                                <div class="row">
                                    <div class="col-12">
                                                                            </div>
                                    <div class="col-lg-4 col-md-4 col-12">
                                        <div class="form-group">
                                            <label for="current" class="control-label">Current password</label>
                                            <input type="password" class="form-control" value="" name="current_password">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4 col-12">
                                        <div class="form-group">
                                            <label for="new" class="control-label">New password</label>
                                            <input type="password" class="form-control" value="" name="password">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4 col-12">
                                        <div class="form-group">
                                            <label for="confirm" class="control-label">Confirm new password</label>
                                            <input type="password" class="form-control" value="" name="confirm_password">
                                        </div>
                                    </div>
                                    
                                    <div class="col-12">
                                        <button type="submit" class="btn btn-primary w-100">Change password</button>
                                    </div>
                                </div>
                            </form>
                        </div>
				
                        <div class="account__items">
                     
                            <form  action="account/timezone" method="post">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <div class="form-group">
										 <select name="timezone" id="timezone" class="form-control">
											 {% for timezone in timezones %}
											 <option {% if timezone["timezone"] == user['timezone'] %} selected {% endif %} value="{{ timezone["timezone"] }}">{{ timezone["label"] }}</option>
											 {% endfor %}
										 </select>
									           </div>
                                    </div>
<div class="col-lg-6 col-md-6 col-12">
									   <button type="submit" class="btn btn-primary">{{ lang['account.timezone.button'] }}</button>
		                                    </div>
                                </div>
                            </form>
                        </div>






                        <div class="account__items">
                            <form  action="/account/newapikey" method="post">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="api_key"
                                                value="{{ masked_api_key }}" readonly>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <button type="submit" class="btn btn-primary w-100">Generate new</button>
                                    </div>
                                </div>
                            </form>
                        </div>

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














{% include 'footer.twig' %}
