{% extends 'base.html' %}
{% block content %}
<h1 class="text-center"><u>{{title_html}}</u></h1>
<div class="container-fluid">
  <div class="row">
    <div class="col">
      <h1>AU</h1>
      <table class="table">
        <tbody>
          <tr>
            <th>Adapter ID</th>
            <td>{{ au_adapter_id }}</td>
          </tr>
          <tr>
            <th>Connection ID </th>
            <td>{{ au_adapter_connection_id }}</td>
          </tr>
          <tr>
            <th>Adapter Description</th>
            <td>{{ au_adapter_desc }}</td>
          </tr>
          <tr>
            <th>VPCEndpoint</th>
            <td>{{ au_adapter_vpcendpoint }}</td>
          </tr>
          <tr>
            <th>account</th>
            <td></td>
          </tr>
          <tr>
            <th>BasePath</th>
            <td>{{ au_adapter_hostkey }}</td>
          </tr>
          <tr>
            <th>Bucket</th>
            <td>{{ au_adapter_port }}</td>
          </tr>
          <tr>
            <th>Region</th>
            <td>mx-le-1</td>
          </tr>
          <tr>
            <th>Role</th>
            <td></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="col">
      <h1>DEV</h1>
      <table class="table">
        <tbody>
          <tr>
            <th>Adapter ID</th>
            <td>{{ dev_adapter_id }}</td>
          </tr>
          <tr>
            <th>Connection ID </th>
            <td>{{ dev_adapter_connection_id }}</td>
          </tr>
          <tr>
            <th>Adapter Description</th>
            <td>{{ dev_adapter_desc }}</td>
          </tr>
         <tr>
            <th>VPCEndpoint</th>
            <td>{{ au_adapter_vpcendpoint }}</td>
          </tr>
          <tr>
            <th>account</th>
            <td></td>
          </tr>
          <tr>
            <th>BasePath</th>
            <td>{{ au_adapter_hostkey }}</td>
          </tr>
          <tr>
            <th>Bucket</th>
            <td>{{ au_adapter_port }}</td>
          </tr>
          <tr>
            <th>Region</th>
            <td>mx-le-1</td>
          </tr>
          <tr>
            <th>Role</th>
            <td></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="col">
      <h1>PRO</h1>
      <table class="table">
        <tbody>
          <tr>
            <th>Adapter ID</th>
            <td>{{ pro_adapter_id }}</td>
          </tr>
          <tr>
            <th>Connection ID </th>
            <td>{{ pro_adapter_connection_id }}</td>
          </tr>
          <tr>
            <th>Adapter Description</th>
            <td>{{ pro_adapter_desc }}</td>
          </tr>
          <tr>
            <th>VPCEndpoint</th>
            <td></td>
          </tr>
          <tr>
            <th>account</th>
            <td></td>
          </tr>
          <tr>
            <th>BasePath</th>
            <td>{{ pro_adapter_basepath }}</td>
          </tr>
          <tr>
            <th>Bucket</th>
            <td>{{ pro_adapter_bucket }}</td>
          </tr>
          <tr>
            <th>Region</th>
            <td>{{ pro_adapter_region }}</td>
          </tr>
          <tr>
            <th>Role</th>
            <td></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}