{% extends 'generic/object_edit.html' %}
{% load form_helpers %}
{% load static %}
{% block form %}
    <div class="field-group my-5">
        <div class="row">
            <h2 class="col-9 offset-3">Generic Configuration</h2>
        </div>
        {% render_field form.zabbixmaintenance %}
        {% render_field form.timeperiod_type %}
        <div class="row" id="details-wrapper">
            <h2 class="col-9 offset-3">Details</h2>
        </div>
        {% comment %} Only to be shown when TimePeriod Type == Mothly {% endcomment %}
        <div class="field-group" id="month-wrapper">{% render_field form.month %}</div>
        {% comment %} Only to be shown when TimePeriod Type == Mothly {% endcomment %}
        <div class="field-group" id="month_date-wrapper">{% render_field form.month_date %}</div>
        {% comment %} Only to be shown when TimePeriod Type == Mothly and MonthDate == Day of Month {% endcomment %}
        <div class="field-group" id="day-wrapper">{% render_field form.day %}</div>
        {% comment %} Only to be shown when TimePeriod Type == Mothly and MonthDate == Day of Week {% endcomment %}
        <div class="field-group" id="week-wrapper">{% render_field form.week %}</div>
        {% comment %} Only to be shown when TimePeriod Type == Weekly {% endcomment %}
        <div class="field-group" id="dayofweek-wrapper">{% render_field form.dayofweek %}</div>
        <div class="row">
            <h2 class="col-9 offset-3">Maintenance period schedule</h2>
        </div>
        {% comment %} Only to be shown when TimePeriod Type == One Time Only {% endcomment %}
        <div class="field-group" id="start_date-wrapper">{% render_field form.start_date %}</div>
        {% comment %} Only to be shown when TimePeriod Type == Daily, Weekly or Monthly {% endcomment %}
        <div class="field-group" id="start_time-wrapper">{% render_field form.start_time %}</div>
        {% comment %} Only to be shown when TimePeriod Type == Daily {% endcomment %}
        <div class="field-group" id="every-wrapper">{% render_field form.every %}</div>
        <div class="row">
            <h2 class="col-9 offset-3">Maintenance period length</h2>
        </div>
        {% render_field form.days %}
        {% render_field form.hours %}
        {% render_field form.minutes %}
    </div>
{% endblock %}
{% block javascript %}
    <script src="{% static 'nbxsync/js/zabbixmaintenanceperiod-form.js' %}" defer></script>
{% endblock %}