{% extends "users/base.html" %}
{% block title %}List of PostgreSQL Database{% endblock title %}
{% block content %}

<div id="responseContainer" style="position: relative; display: none;"> <!-- Container for the response -->
        <nav aria-label="breadcrumb">
                  <ol class="breadcrumb breadcrumb-inverse">
                   
           <li class="breadcrumb-item active" aria-current="page" style="margin-top:10px">Fatcing Privileged Users, please wait.....</li> 
			<li> <div class="sk-wave">
            <div class="rect1"></div>
            <div class="rect2"></div>
            <div class="rect3"></div>
            <div class="rect4"></div>
            <div class="rect5"></div>
          
        </div>
</li> 
       </ol>
                </nav>
    </div>
<div id="alertContainer" class="alert alert-success alert-dismissible fade show" role="alert" style="display: none;">
    <div id="message"></div>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">×</span>
                </button>
</div>	

 <div class="card card-default">
      <div class="card-header">
        <h2>List of PostgreSQL Database</h2>
		
        

      </div>
    
   <div class="card-body">
   <div class="row">
   <div class="col-xl-6">
   <a class="mb-1 btn btn-pill btn-success" href="{% url 'pdb_make' %}" role="button" style="text-transform: none;">+ Add Database</a>
</div>
<div class="col-xl-6 d-flex justify-content-end">
    <form class="form-inline mb-3">
        <div class="form-group mr-2">
            <input type="text" id="search" name="search" class="form-control" placeholder="Search for record...">
        </div>
    </form>
	</div>
	</div>
	
<div class="table-responsive">
    <table class="table table-bordered">
        <thead class="thead-light">
             <tr>
                <th>Database</th>
				<th>Size</th>
				<th>Privileged Users</th>
			
                <th>Actions</th>
            </tr>
        </thead>
        <tbody id="domainTable">
  {% for database in databases %}
  <tr data-db="{{ database.db_name }}">
    <td>{{ database.db_name }}</td>
    <td>{{ database.size_display }}</td>
    <td class="user-cell">
      {% if database.owner %}
        {{ database.owner }}
      {% else %}
       unkonwn
      {% endif %}
    </td>

   

    <td>
      <a href="{% url 'pdb_pass' database.db_name %}" class="btn btn-primary btn-sm" style="text-transform: none;">Manage</a>
      <form action="{% url 'postgresql_delete_view' database.db_name %}" method="post" style="display:inline;">
        {% csrf_token %}
        <input type="hidden" id="action" name="action" value="delete">
        <button type="submit" class="btn btn-danger btn-sm"
          onclick="return confirm('Are you sure you want to delete this Database?');"
          style="text-transform: none;">Delete</button>
      </form>

    
    </td>
  </tr>
  {% empty %}
  <tr>
    <td colspan="5" class="text-center">No Dtabase found.</td>
  </tr>
  {% endfor %}
</tbody>

    </table>
</div>
    <!-- No Results Message -->
    <div id="noResults" class="text-center text-danger" style="display:none;">No results found.</div>

</div>
</div>



{% endblock content %}

{% include "users/footer.html" %}