{% extends 'super_admin_templates/base.html' %}
{% set path = "manage_users" %}
{% set subpath = "user_management" %}
{% block content %}

<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>User Management</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ url_for('admin.dashboard') }}">Home</a></li>
            <li class="breadcrumb-item active">User Management</li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>
  <!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <div class="card">
            <div class="card-body">
              <center>
                {% if error %}
                <h2><b><center style="color:RED"> {{error}}</center></b></h2>
                {% endif %}
              </center>

              <div class="row">
          <div class="col-md-12">
            <div class="card card-primary card-tabs">
              
              <div class="card-body">
          <div class="table-responsive">
            {% if user_data %}
            <label >{{user_data.fullName}} <br> {{user_data.email}} <br> {{user_data.phoneNumber}}</label>
            {% else %}
            <label for="fullName">No Parent Assigned</label>

                <button type="button" style="float:right;" class="btn btn-primary" data-toggle="modal" data-target="#modal-operation">
                  Assign Parent
                </button>

                <!-- Modal -->
                <div class="modal fade" id="modal-operation" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Assign Parent</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                        </button>
                      </div>
                      <div class="modal-body">
                        <form method="POST" action="{{ url_for('user_managements.add_parent') }}">
                          <div class="form-group">
                            <label for="parentId">Parent Name</label>
                            <input type="hidden" name="userId" value="{{userId}}">
                            <select class="form-control" id="parentId" name="parentId">
                              <option value="">Select Parent</option>
                              {% for each_user in user_list %}
                                <option value="{{ each_user.id }}">{{ each_user.fullName }}</option>
                              {% endfor %}
                            </select>
                          </div>
                          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                          <button type="submit" class="btn btn-primary">Submit</button>
                        </form>
                      </div>
                    </div>
                  </div>
                </div>
                {% endif %}
             </div>
             </div>
              <!-- /.card -->
            </div>
          </div>
        </div>
        </div>
              
              <!-- /.card-body -->
            </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>


<script>
  function Deactivate() {
    alert("Do you want to deactivate this role?");
  }
</script>
<script>
  function Activate() {
    alert("Do you want to activate this role?");
  }
</script>
<!-- Add the following JavaScript code -->
<script>
  function confirmDelete(url) {
    if (confirm("Are you sure want to delete?")) {
      window.location.href = url;
    }
  }
</script>
{% endblock %}