{% extends "base.html" %}
{% comment %}
#
# This file is part of FreedomBox.
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program.  If not, see <http://www.gnu.org/licenses/>.
#
{% endcomment %}

{% load bootstrap %}
{% load i18n %}
{% load static %}

{% block page_head %}
  <style type="text/css">
    .progress {
        margin-bottom: 0;
    }
  </style>
{% endblock %}

{% block content %}

  {% block pagetitle %}
    <h2>{{ title }}</h2>
  {% endblock %}

  {% block description %}
  {% for paragraph in description %}
    <p>{{ paragraph|safe }}</p>
    {% endfor %}
  {% endblock %}

  {% if manual_page %}
    <p class="manual-page">
      <a href="{% url 'help:manual-page' manual_page %}">
        {% trans 'Learn more...' %}
      </a>
    </p>
  {% endif %}

  <p>{% trans "The following storage devices are in use:" %}</p>

  <table class="table table-bordered table-condensed table-striped">
    <thead>
      <tr>
        <th>{% trans "Device" %}</th>
        <th>{% trans "Mount Point" %}</th>
        <th>{% trans "Type" %}</th>
        <th>{% trans "Used" %}</th>
      </tr>
    </thead>
    <tbody>
      {% for disk in disks %}
        <tr>
          <td>{{ disk.dev_kname }}</td>
          <td>{{ disk.mount_point }}</td>
          <td>{{ disk.file_system_type }}</td>
          <td>
            <div class="progress">
              {% if disk.percent_used < 75 %}
                <div class="progress-bar progress-bar-striped progress-bar-success"
              {% elif disk.percent_used < 90 %}
                  <div class="progress-bar progress-bar-striped progress-bar-warning"
              {% else %}
                    <div class="progress-bar progress-bar-striped progress-bar-danger"
              {% endif %}
                         role="progressbar" aria-valuenow="disk.percent_used"
                         aria-valuemin="0" aria-valuemax="100"
                         style="width: {{ disk.percent_used }}%;">
                      {{ disk.percent_used }}%
                    </div>
                  </div>
                  <div>{{ disk.used_str }} / {{ disk.size_str }}</div>
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </table>

  {% if expandable_root_size %}
    <h3>{% trans "Partition Expansion" %}</h3>
    <p>
      {% blocktrans trimmed %}
        There is {{ expandable_root_size }} of unallocated space
        available after your root partition.  Root partition can be
        expanded to use this space.  This will provide you additional
        free space to store your files.
      {% endblocktrans %}
    </p>
    <p>
      <a class="btn btn-primary btn-md" href="{% url 'storage:expand' %}"
         role="button">
        {% trans "Expand Root Partition" %}</a>
    </p>
  {% endif %}

  {% block status %}

    {{ block.super }}

    <h3>{% trans "Removable Devices" %}</h3>

    {% if not devices %}
      <p>
        {% blocktrans trimmed %}
          There are no additional storage devices attached.
        {% endblocktrans %}
      </p>
    {% else %}
      <table class="table table-bordered table-condensed table-striped">
        <thead>
          <tr>
            <th>{% trans "Device" %}</th>
            <th>{% trans "Label" %}</th>
            <th>{% trans "Mount Point" %}</th>
            <th>{% trans "Type" %}</th>
            <th>{% trans "Size" %}</th>
            <th>{% trans "Actions" %}</th>
          </tr>
        </thead>
        <tbody>
          {% for device in devices %}
            <tr>
              <td>{{ device.device }}</td>
              <td>{{ device.label }}</td>
              <td>{{ device.mount_points|join:', ' }}</td>
              <td>{{ device.filesystem_type }}</td>
              <td>{{ device.size }}</td>
              <td>
                {% if device.mount_points %}
                  <form class="form" method="post"
                        action="{% url 'storage:eject' device.device|urlencode:"" %}">
                    {% csrf_token %}

                    <button type="submit"
                            class="btn btn-sm btn-default glyphicon glyphicon-eject">
                    </button>
                  </form>
                {% endif %}
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% endif %}

  {% endblock %}
{% endblock %}
