{# vim: ts=2:sw=2:et:ft=twig #}
{% macro help_popover(content) %}
  <a tabindex="0"
    class="help"
    role="button"
    data-toggle="popover"
    data-trigger="focus"
    data-html="true"
    data-content="{{ content|replace({'"': '&quot;'})|raw }}">
    <i class="fa fa-info-circle"></i>
  </a>
{% endmacro %}

{# show a hidden div that can be later shown to display an error #}
{% macro error_box(id, class="alert error-msg") %}
  <div id="{{ id }}" class="{{ class }}"><i class="glyphicon glyphicon-exclamation-sign"></i><span></span></div>
{% endmacro %}

{% macro browser_widget(browser_id, home_path, has_items_func, post_action, is_restore, selections) %}
  {% if is_restore %}
    <div class="form-group row">
      <label class="col-sm-2 col-form-label text-right pad-top-6">Select Files</label>
      <div class="col-sm-10">
  {% else %}
    <div class="form-group row">
      <div class="col-sm-12">
  {% endif %}
  {% set selections_encoded = selections|json_encode|replace({'"': '&quot;'}) %}
    <div class="filebrowser-selectall">
      <button class="btn btn-sm" onclick="filebrowser_selectall('#{{ browser_id }}', true);">Select All</button>
      <button class="btn btn-sm" onclick="filebrowser_selectall('#{{ browser_id }}', false);">Deselect All</button>
      <div class="alert alert-danger browser-error hidden" id="{{ browser_id }}-errors">
          <i class="glyphicon glyphicon-exclamation-sign"></i> <span></span>
      </div>
    </div>
    <p>Click folders to expand them. Click checkboxes to select them to be restored.</p>
    <div id="{{ browser_id }}" data-errors="#{{ browser_id }}-errors" data-orig-selections="{{ selections_encoded|raw }}" data-post-action="{{ post_action|raw }}" data-home-path="{{ home_path }}" class="file_browse"></div>
  </div>
  <div class="row">
    {% if is_restore %}
      <div class="col-sm-2"></div>
      <div class="col-sm-10">
    {% else %}
      <div class="col-sm-12">
    {% endif %}
        <span class="count-zero">
          <span class="filebrowser-count" data-browser="#{{ browser_id }}" data-has-items-func="{{ has_items_func|raw }}">0</span>
          items selected.
        </span>
      </div>
    </div>
  </div>
{% endmacro %}

{% macro show_switch(id, enabled, enabled_text="Enabled", disabled_text="Disabled") %}
  {% if enabled %}
    {% set text = enabled_text %}
    {% set state = 'btn-primary' %}
    {% set fa_class = 'fa fa-check' %}
  {% else %}
    {% set text = disabled_text %}
    {% set state = 'btn-danger' %}
    {% set fa_class = 'fa fa-ban' %}
  {% endif %}
<button id="{{ id }}" class="btn btn-xs {{ state }} toggle-btn" onclick="toggle_switch_state('{{ id }}');">
  <span data-enabled-html="{{ enabled_text }} <i class='fa fa-check'></i>" data-disabled-html="{{ disabled_text }} <i class='fa fa-ban'></i>">
  {{ text }} <i class="{{ fa_class }}"></i>
  </span>
</button>
{% endmacro %}

{% macro selected_total_widget(baktype) %}
  <div class="custom-total">
    <div class="row">
      <div class="col-sm-2">
        <strong>Total From Selected:</strong>
        <span class="total-selected-{{ baktype }}">0</span>GB
      </div>
      <div class="col-sm-2">
        <div class="progress">
          <div class="total-selected-bar progress-bar" role="progressbar" style="width: 0%"></div>
        </div>
      </div>
      <div class="col-sm-6">
        <div class="alert alert-danger total-selected-warning">
          <i class="glyphicon glyphicon-exclamation-sign"></i>
          <p>The selected items cannot be backed up without additional space</p>
        </div>
      </div>
    </div>
  </div>
{% endmacro %}

{% macro db_custom_select_widget(this_mode, dbtype, db_sizes, db_conf) %}
  <div class="custom-selectall">
    <button class="btn btn-sm" onclick="custom_db_selectall('#custom_items_{{ this_mode }}_{{ dbtype }}', true);">Select All</button>
    <button class="btn btn-sm" onclick="custom_db_selectall('#custom_items_{{ this_mode }}_{{ dbtype }}', false);">Deselect All</button>
  </div>
  <div class="custom_items" id="custom_items_{{ this_mode }}_{{ dbtype }}">
  {% for item, size_mb in db_sizes|sort|reverse %}
    {% if db_conf.custom is null %}
      {% set custom = [] %}
    {% else %}
      {% set custom = db_conf.custom %}
    {% endif %}
    <div class="checkbox">
      <label>
        {% if item in custom %}
          <input type="checkbox" class="custom_checkbox" value="{{ item }}" data-size="{{ size_mb }}" data-oldval="y" checked="checked">
        {% else %}
          <input type="checkbox" class="custom_checkbox" value="{{ item }}" data-size="{{ size_mb }}" data-oldval="n">
        {% endif %}
        {{ item }}
        {% if size_mb is null %}
          (?GB)
        {% else %}
          ({{ (size_mb / 1024)|round(2) }}GB)
        {% endif %}
      </label>
    </div>
  {% endfor %}
  </div>
{% endmacro %}