{% extends 'base.html' %}

{% block content %}

        <!-- Page header -->
        <div class="page-header mt-0 d-print-none">
          <div class="container-xl">
            <div class="row g-2 align-items-center">
              <div class="col">
                <!-- Page pre-title -->
                <div class="page-pretitle">
                  Settings
                </div>
                <h2 class="page-title">
                  Cluster
                </h2>
              </div>
              <!-- Page title actions -->
              <div class="col-auto ms-auto d-print-none">
                <div class="btn-list">
                  <button type="submit" class="btn btn-primary">Save</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        
       <!-- Page body -->
        <div class="page-body">

          <div class="table-responsive">
            <table id="docker-contexts-table" class="table table-vcenter table-mobile-md card-table">
                  <thead>
                      <tr>
                          <th>Server</th>
                          <!--<th>Description</th>-->
                          <th>Docker Endpoint</th>
                          <th>Default</th>
                          <!--<th>Error</th>-->
                      </tr>
                  </thead>
                  <tbody>
                      <!-- Rows will be dynamically loaded here -->
                  </tbody>
              </table>
          </div>





        </div>



<script src="{{ url_for('static', filename='pages/cluster.js') }}" defer></script>




{% endblock %}