{% extends "base.html" %}
{% block content %}
<table>
    <tr>
        <td valign="top">
            <div class="panel panel-default ">
              <div class="panel-heading">
                <h3 class="panel-title">Containers</h3>
              </div>
              <div class="panel-body">
                <table class="table table-bordered">
                    <thead>
                      <tr>
                        <th>Name</th>
                        <th>Details</th>
                        <th>Action</th>
                      </tr>
                    </thead>
                    <tbody>
                     {% for i in range(0,list_containers|length) %}
                        <tr>
                            <td><a href="/home/{{ list_containers[i]['name'] }}">{{ list_containers[i]['name'] }}</a></td>
                            <td>
                            Object Count: {{ list_containers[i]['count'] }}<br>
                            Size: {{ list_containers[i]['bytes']|filesizeformat }}<br>
                            </td>
                        </tr>
                     {% endfor %}
                    </tbody>
                  </table>
              </div>
            </div>
        </td>
        <td valign="top">
            <div class="panel panel-default">
              <div class="panel-heading">
                     <h3 class="panel-title">Objects</h3>
                  <button type="button" class="btn btn-primary">Upload Object</button>
              </div>
              <div class="panel-body">
                {% if container_info == None %}
                    <div class="panel panel-default">
                      <div class="panel-body" style="align:center">
                        Select a container to browse.
                      </div>
                    </div>

                {% else %}
                    {% if container_info|length == 0 %}
                        <div class="panel panel-default">
                          <div class="panel-body" style="align:center">
                            No items to display.

                          </div>
                        </div>
                    {% else %}
                        <table class="table table-bordered">
                            <tbody>
                            {% for i in range(container_info|length) %}
                                {% if 'subdir' in container_info[i] %}
                                    <tr>
                                    <td><a href="{{ container_name  }}?dir={{ container_info[i]['subdir_origin'] }}"> {{ container_info[i]['subdir'] }}</a></td>
                                    <td>pseudo-folder</td>
                                    </tr>
                                {% else %}
                                    <tr>
                                        <td>{{ container_info[i]['name'] }}</td>
                                        <td>{{ container_info[i]['bytes']|filesizeformat }}</td>

                                    </tr>
                                {% endif %}
                            {% endfor %}
                            </tbody>
                          </table>
                    {% endif %}
                {% endif %}
              </div>
            </div>
        </td>
    </tr>

</table>


{% endblock %}