{% load custom_tags_and_filters %}
<div class="panel-body">
    <h3 class="customization-section-title">Status dashboard settings</h3>
    <form method="POST" action="{% url 'customize' 'dashboard' %}" class="form-horizontal">
        {% csrf_token %}
        <div class="form-group" style="margin-bottom: 0; border-top: dotted 1px #ddd">
            <div class="col-md-5">
                <h5>Area occupancy</h5>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-3">Qualified areas</label>
            <div class="col-md-9">
                <div class="checkbox">
                    <label>
                        <input type="checkbox"
                               name="dashboard_display_not_qualified_areas"
                               {% if dashboard_display_not_qualified_areas %}checked{% endif %}
                               value="enabled">
                        Show areas the user doesn't have access to
                    </label>
                    <br />
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-3">Projects</label>
            <div class="col-md-9">
                <div class="checkbox">
                    <label>
                        <input type="checkbox"
                               name="dashboard_hide_project"
                               {% if dashboard_hide_project %}checked{% endif %}
                               value="enabled">
                        Hide projects the users are working on in occupancy (Jumbotron only)
                    </label>
                    <div class="help-block light-grey" style="margin-bottom:0;">
                        To hide project name globally go to <a href="{% url 'customization' 'projects_and_accounts' %}">Projects and Accounts</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group" style="margin-bottom: 0; border-top: dotted 1px #ddd">
            <div class="col-md-5">
                <h5>Tools</h5>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-3">Sort</label>
            <div class="col-md-9">
                <div class="radio">
                    <label>
                        <input type="radio"
                               name="dashboard_tool_sort"
                               {% if dashboard_tool_sort == "name" %}checked{% endif %}
                               value="name">
                        By name
                    </label>
                    <label>
                        <input type="radio"
                               name="dashboard_tool_sort"
                               {% if dashboard_tool_sort == "time_desc" %}checked{% endif %}
                               value="time_desc">
                        By time descending
                    </label>
                    <label>
                        <input type="radio"
                               name="dashboard_tool_sort"
                               {% if dashboard_tool_sort == "time_asc" %}checked{% endif %}
                               value="time_asc">
                        By time ascending
                    </label>
                    <br />
                </div>
            </div>
        </div>
        <div class="form-group" style="margin-bottom: 0; border-top: dotted 1px #ddd">
            <div class="col-md-5">
                <h5>Staff status</h5>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-3">Display</label>
            <div class="col-md-9">
                <div class="checkbox">
                    <label>
                        <input type="checkbox"
                               name="dashboard_staff_status_staff_only"
                               {% if dashboard_staff_status_staff_only %}checked{% endif %}
                               value="enabled">
                        Only show staff status to staff members
                    </label>
                    <br />
                    <label>
                        <input type="checkbox"
                               name="dashboard_staff_status_weekdays_only"
                               {% if dashboard_staff_status_weekdays_only %}checked{% endif %}
                               value="enabled">
                        Only show weekdays (no weekend) - only applies to week view
                    </label>
                    <br />
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-3">First day of the week</label>
            <div class="col-md-9">
                <div class="radio">
                    <label>
                        <input type="radio"
                               name="dashboard_staff_status_first_day_of_week"
                               {% if not dashboard_staff_status_first_day_of_week or dashboard_staff_status_first_day_of_week == '1' %}checked{% endif %}
                               value="1">
                        Monday
                    </label>
                    <label>
                        <input type="radio"
                               name="dashboard_staff_status_first_day_of_week"
                               {% if dashboard_staff_status_first_day_of_week == '0' %}checked{% endif %}
                               value="0">
                        Sunday
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-3" for="dashboard_staff_status_date_format">Date format</label>
            <div class="col-md-3">
                <input type="text"
                       id="dashboard_staff_status_date_format"
                       name="dashboard_staff_status_date_format"
                       class="form-control"
                       value="{{ dashboard_staff_status_date_format }}">
            </div>
            <div class="col-md-6 help-block light-grey">
                The date format to use in the status dashboard staff tab. See <a href="https://docs.djangoproject.com/en/2.2/ref/templates/builtins/#date" target="_blank">Django date formats</a> for details.
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-3">Check past availability</label>
            <div class="col-md-9">
                <div class="radio">
                    <label>
                        <input type="radio"
                               name="dashboard_staff_status_check_past_status"
                               {% if not dashboard_staff_status_check_past_status %}checked{% endif %}
                               value="">
                        Everyone
                    </label>
                    <label>
                        <input type="radio"
                               name="dashboard_staff_status_check_past_status"
                               {% if dashboard_staff_status_check_past_status == 'staffs' %}checked{% endif %}
                               value="staffs">
                        Staff only
                    </label>
                    <label>
                        <input type="radio"
                               name="dashboard_staff_status_check_past_status"
                               {% if dashboard_staff_status_check_past_status == 'managers' %}checked{% endif %}
                               value="managers">
                        Managers only
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-3">Check future availability</label>
            <div class="col-md-9">
                <div class="radio">
                    <label>
                        <input type="radio"
                               name="dashboard_staff_status_check_future_status"
                               {% if not dashboard_staff_status_check_future_status %}checked{% endif %}
                               value="">
                        Everyone
                    </label>
                    <label>
                        <input type="radio"
                               name="dashboard_staff_status_check_future_status"
                               {% if dashboard_staff_status_check_future_status == 'staffs' %}checked{% endif %}
                               value="staffs">
                        Staff only
                    </label>
                    <label>
                        <input type="radio"
                               name="dashboard_staff_status_check_future_status"
                               {% if dashboard_staff_status_check_future_status == 'managers' %}checked{% endif %}
                               value="managers">
                        Managers only
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-3">User view options</label>
            <div class="col-md-9">
                <div class="radio">
                    <label>
                        <input type="radio"
                               name="dashboard_staff_status_user_view"
                               {% if not dashboard_staff_status_user_view %}checked{% endif %}
                               value="">
                        Day/Week/Month
                    </label>
                    <label>
                        <input type="radio"
                               name="dashboard_staff_status_user_view"
                               {% if dashboard_staff_status_user_view == 'week' %}checked{% endif %}
                               value="week">
                        Day/Week
                    </label>
                    <label>
                        <input type="radio"
                               name="dashboard_staff_status_user_view"
                               {% if dashboard_staff_status_user_view == 'day' %}checked{% endif %}
                               value="day">
                        Day
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-3">Staff view options</label>
            <div class="col-md-9">
                <div class="radio">
                    <label>
                        <input type="radio"
                               name="dashboard_staff_status_staff_view"
                               {% if not dashboard_staff_status_staff_view %}checked{% endif %}
                               value="">
                        Day/Week/Month
                    </label>
                    <label>
                        <input type="radio"
                               name="dashboard_staff_status_staff_view"
                               {% if dashboard_staff_status_staff_view == 'week' %}checked{% endif %}
                               value="week">
                        Day/Week
                    </label>
                    <label>
                        <input type="radio"
                               name="dashboard_staff_status_staff_view"
                               {% if dashboard_staff_status_staff_view == 'day' %}checked{% endif %}
                               value="day">
                        Day
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-3">View absence details</label>
            <div class="col-md-9">
                <div class="checkbox">
                    <label>
                        <input type="checkbox"
                               name="dashboard_staff_status_absence_view_staff"
                               {% if dashboard_staff_status_absence_view_staff %}checked{% endif %}
                               value="enabled">
                        Technical staff
                    </label>
                    <br />
                    <label>
                        <input type="checkbox"
                               name="dashboard_staff_status_absence_view_user_office"
                               {% if dashboard_staff_status_absence_view_user_office %}checked{% endif %}
                               value="enabled">
                        User office
                    </label>
                    <br />
                    <label>
                        <input type="checkbox"
                               name="dashboard_staff_status_absence_view_accounting_officer"
                               {% if dashboard_staff_status_absence_view_accounting_officer %}checked{% endif %}
                               value="enabled">
                        Accounting staff
                    </label>
                    <br />
                    <label>
                        <input type="checkbox" checked disabled>
                        Facility managers
                    </label>
                    <br />
                </div>
            </div>
        </div>
        <div class="customization-separation" style="margin-bottom: 15px"></div>
        <div class="text-center">{% button type="save" value="Save settings" %}</div>
    </form>
</div>