{# vim: ts=2:sw=2:et:ft=twig #}
{% from 'modules/backup_mgr/macros.html' import help_popover, show_switch, error_box %}
<p>{{langmod.CHILDACCT_LIMIT_INFO}}</p>
<div class="row" id="do-child-limit-row">
  <strong>Limit Child Account Usage</strong>
  {{ show_switch('do_child_limits', mod.bakmgr.children.do_limit) }}
  {{ help_popover(langmod.CHILDACCT_LIMIT_HELP) }}
  {{ error_box('child-limit-toggle-msg') }}
</div>
<div class="row child-limit-inputs child-limit-top-inputs">
  <strong>Set the Default Limit for New Child Accounts:</strong>
  <input id="child_limit_default" class="form-control input-sm frm-sm text-right"
  type="number" value="{{ (mod.bakmgr.children.default_limit / 1024)|round(2) }}" /> GB
</div>
<div class="row child-limit-inputs child-limit-top-inputs">
  <strong>Child account notifications will be sent to the following email address:</strong>
  <input id="child-limit-email" class="form-control input-sm frm-md validate-email" data-err="#child-notify-invalid-email" placeholder="user@example.com" value="{{ mod.bakmgr.bak_conf.child.email }}" />
  <div class="alert alert-danger error-msg" id="child-notify-invalid-email">
    <i class="glyphicon glyphicon-exclamation-sign"></i> <p>Invalid email address</p>
  </div>
</div>
<div id="child-form-header" class="row">
  <div class="col-sm-3"><h4>Account</h4></div>
  <div class="col-sm-2"><h4 class="child-limit-inputs">Backup Limit</h4></div>
  <div class="col-sm-2"><h4 class="child-limit-inputs">Email Notifications {{ help_popover(langmod.CHILDACCT_EMAIL_NOTIFY) }}</h4></div>
  <div class="col-sm-1"></div>
  <div class="col-sm-4"><h4>Current Backup Usage</h4></div>
</div>
<div id="child-form-reseller" class="row">
  <div class="col-sm-3"><strong>{{ mod.bakmgr.username }}</strong> <em>(parent)</em></div>
  <div class="col-sm-2"><span class="child-limit-inputs">
    {{ (mod.bakmgr.quota_mb / 1024)|round(2) }}GB {{ help_popover(langmod.CHILDACCT_EMAIL_QUOTA_MB) }}
  </span></div>
  <div class="col-sm-2"><span class="child-limit-inputs"></span></div>
  <div class="col-sm-2 text-right"><span id="parent_usage">??</span>GB<span class="child-limit-inputs"> / {{ (mod.bakmgr.quota_mb / 1024)|round(2) }}GB</span></div>
  <div class="col-sm-3">
    <div class="progress">
      <div id="parent_progressbar" class="progress-bar" role="progressbar" style="width: 0%"></div>
    </div>
  </div>
</div>
{% for child, lim in mod.bakmgr.children.limits %}
  {% if lim is null %}
    {% set limit = mod.bakmgr.children.default_limit %}
  {% else %}
    {% set limit = lim %}
  {% endif %}
<div class="row childacct-row">
  <div class="col-sm-3"><strong class="child-name">{{ child }}</strong></div>
  <div class="col-sm-2"><span class="child-limit-inputs">
    <input
      max="{{ (mod.bakmgr.quota_mb / 1024)|round(1) }}" min="0" step="0.1"
      class="childacct-limit form-control input-sm frm-sm text-right" type="number"
      value="{{ (limit / 1024)|round(2) }}" /> GB
  </span></div>
  <div class="col-sm-2">
    <span class="child-limit-inputs">
      {{ show_switch("childnotify-#{child}", mod.bakmgr.children.notify[child], 'On', 'Off') }}
    </span>
  </div>
  <div class="col-sm-2 childacct-usage text-right"
  {% if child in mod.bakmgr.children.usage %}
  data-usage="{{ mod.bakmgr.children.usage[child] }}"
  {% endif %}>
    <span class="usage_span">??</span>GB
    <span class="limit_span">??GB</span>
  </div>
  <div class="col-sm-3">
    <div class="progress">
      <div class="childacct-progressbar progress-bar" role="progressbar" style="width: 0%"></div>
    </div>
  </div>
</div>
{% endfor %}
<div class="alert alert-danger" id="overprovision-warn">
  <i class="glyphicon glyphicon-exclamation-sign"></i>
  <p>You are over provisioning based on your {{ (mod.bakmgr.quota_mb / 1024)|round(2) }}GB limit.</p>
</div>
<div class="row save-row child-limit-inputs">
  <button id="child-limit-apply-button" onclick="apply_child_limits(true);" class="btn btn-primary">Apply Backup Limits</button>
  {{ error_box('child-limit-apply-msg') }}
</div>