{% extends "base.html" %}
{% block title %}Maintenance windows{% endblock %}
{% block content %}
<div class="hdr"><div><h1>Maintenance windows</h1><p class="sub" style="margin:0">Planned downtime: alerts are silenced, incidents aren't opened, and your status pages show "Maintenance" instead of "Outage".</p></div></div>
{% if active %}<div class="flash info"><b>Active now:</b> {% for w in active %}{{ w.name }}{% if not loop.last %}, {% endif %}{% endfor %}</div>{% endif %}
<div class="grid g2" style="align-items:start">
<div class="panel">
  <h2>Scheduled</h2>
  {% if windows %}<div class="tbl"><table>{% for w in windows %}
  <tr><td><b>{{ w.name }}</b>{% if w.covers(now) %} <span class="pill info">active</span>{% endif %}{% if not w.enabled %} <span class="pill">disabled</span>{% endif %}
      <div class="small muted">{{ w.starts_at|dt }} → {{ w.ends_at|dt }}{% if w.repeat != 'none' %} · repeats {{ w.repeat }}{% endif %}</div>
      <div class="small dim">{% if w.monitor_ids %}{% for id in w.monitor_ids %}{% if id in mon_map %}<span class="tag">{{ mon_map[id].name }}</span>{% endif %}{% endfor %}{% else %}all monitors{% endif %}</div></td>
    <td style="text-align:right;white-space:nowrap">{% if user.can_edit %}<form method="post" action="/app/maintenance/{{ w.id }}/toggle" class="inline"><input type="hidden" name="csrf" value="{{ csrf }}"><button class="btn sm">{{ 'Disable' if w.enabled else 'Enable' }}</button></form> <form method="post" action="/app/maintenance/{{ w.id }}/delete" class="inline"><input type="hidden" name="csrf" value="{{ csrf }}"><button class="btn sm danger">Delete</button></form>{% endif %}</td></tr>
  {% endfor %}</table></div>{% else %}<p class="muted">No windows yet. Deploying on Sunday night? Add one and skip the false alarms.</p>{% endif %}
</div>
{% if user.can_edit %}
<div class="panel">
  <h2>Add a window</h2>
  <form method="post" action="/app/maintenance">
    <input type="hidden" name="csrf" value="{{ csrf }}"><input type="hidden" name="tz_offset" id="tz_offset" value="0">
    <div class="row"><label>Name</label><input type="text" name="name" placeholder="Weekly DB maintenance" required></div>
    <div class="grid g2"><div class="row"><label>Starts</label><input type="datetime-local" name="starts_at" required></div><div class="row"><label>Ends</label><input type="datetime-local" name="ends_at" required></div></div>
    <div class="row"><label>Repeat</label><select name="repeat"><option value="none">Does not repeat</option><option value="daily">Daily at the same time</option><option value="weekly">Weekly on the same weekday</option></select><div class="help">Times are entered in your browser's timezone and stored in UTC.</div></div>
    <div class="row"><label>Monitors <span class="muted">(none selected = all)</span></label><div style="max-height:200px;overflow:auto">{% for m in monitors %}<label class="check"><input type="checkbox" name="monitor_ids" value="{{ m.id }}"> {{ m.name }} <span class="pill">{{ m.mode }}</span></label>{% endfor %}</div></div>
    <div class="row"><label>…or every monitor with tag</label><input type="text" name="tag" placeholder="prod"></div>
    <button class="btn primary">Save window</button>
  </form>
</div>
{% endif %}
</div>
{% endblock %}
{% block scripts %}<script>document.getElementById('tz_offset')&&(document.getElementById('tz_offset').value=new Date().getTimezoneOffset());</script>{% endblock %}