{% extends 'base.html' %}
{% load static %}

{% block content %}
<section class="section">
    <div class="container mt-5">
      <div class="row">
        <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-8 offset-lg-2 col-xl-8 offset-xl-2">
          <div class="card card-primary">
            <div class="card-header">
              <h4>Edit Users</h4>
            </div>
            <div class="card-body">
              <form method="POST">
                {% csrf_token %}
                <div class="row">
                  <div class="form-group col-6">
                    <label for="branch_name">Branch Name</label>
                    <input id="branch_name" type="text" class="form-control" name="branch_name" value="{{account_user.branch_name}}" autofocus>
                    
                  </div>
                  <div class="form-group col-6">
                    <label for="location">Branch Location</label>
                    <input id="location" type="text" class="form-control" name="location" value="{{account_user.location}}">
                  </div>
                </div>

                <div class="row">
                  <div class="form-group col-6">
                    <label for="username">Username</label>
                    <input id="username" type="text" class="form-control" name="username" autofocus value="{{account_user.username}}">
                  </div>
                  <div class="form-group col-6">
                    <label for="email">Email</label>
                    <input id="email" type="email" class="form-control" name="email" value="{{account_user.email}}">
                    <div class="invalid-feedback">
                    </div>
                  </div>
                </div>

                <div class="form-group">
                  <input type="password" name="password" value="{{account_user.password}}" hidden>
                <div>
                  
                <div class="form-group">
                  <div class="custom-control custom-checkbox">
                      {% if account_user.is_admin %}
                    <input type="checkbox" name="is_admin" class="custom-control-input" id="is_admin" checked>
                    {% else %}
                      {% endif %}
                    <label class="custom-control-label" for="is_admin">Admin</label>
                  </div>
                </div>
                <div class="row">
                  <div class="form-group col-md-6">
                      <button type="submit" class="btn btn-primary btn-md btn-block">
                        Edit
                      </button>
                    </div>
              </form>
                    <div class="form-group col-md-6">
                      <form method="post" action="{% url 'users-delete' account_user.branch_id %}" >
                          {% csrf_token %}
                            <button class="btn btn-danger btn-md btn-block" type="submit">Delete</button>
                        </form>  
                    </div>
                </div>           
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
{% endblock content%}

{% block script %}
<script src="{% static 'assets/bundles/jquery-pwstrength/jquery.pwstrength.min.js' %}"></script>
<script src="{% static 'assets/bundles/jquery-selectric/jquery.selectric.min.js' %}"></script>
{% endblock script %}