{% extends '@commons/default2.html.twig' %}

{% block content %}
    <table class="mdl-data-table mdl-js-data-table mdl-shadow--2dp">
        <thead>
        <tr>
            {% for header in table.header %}
                <th class="mdl-data-table__cell--non-numeric">{{ header }}</th>
            {% endfor %}
            <th class="mdl-data-table__cell--non-numeric">Aktionen</th>
        </tr>
        </thead>
        <tbody>
        {% for row in table.body %}
            {% set index = loop.index %}
            <tr>
                <td class="mdl-data-table__cell--non-numeric">{{ row.data.name }}</td>
                <td class="mdl-data-table__cell--non-numeric">{{ row.data.users }}</td>
                <td>
                    <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-{{ row.metadata }}">
                        {% if row.data.auto_check %}
                            <input type="checkbox" id="switch-{{ row.metadata }}" class="mdl-switch__input"
                                   onclick="updateAutoCheck({{ row.metadata }}, this)" checked>
                        {% else %}
                            <input type="checkbox" id="switch-{{ row.metadata }}" class="mdl-switch__input"
                                   onclick="updateAutoCheck({{ row.metadata }}, this)">
                        {% endif %}
                        <span class="mdl-switch__label"></span>
                    </label>
                </td>
                <td>
                    <form action="{{ links.timer }}" method="post">
                        <input type="time" id="time-{{ row.metadata }}" name="time"
                               value="{{ row.data.auto_check_time }}" step="3600">
                        <select class="form-control" name="weekday" id="weekday-{{ row.metadata }}"
                                style="margin: 5px 0;">
                            {% if row.data.auto_check_day == 0 %}
                                <option value="0" selected></option>
                            {% endif %}
                            {% if row.data.auto_check_day == 1 %}
                                <option value="1" selected>Montag</option>
                            {% else %}
                                <option value="1">Montag</option>
                            {% endif %}
                            {% if row.data.auto_check_day == 2 %}
                                <option value="2" selected>Dienstag</option>
                            {% else %}
                                <option value="2">Dienstag</option>
                            {% endif %}
                            {% if row.data.auto_check_day == 3 %}
                                <option value="3" selected>Mittwoch</option>
                            {% else %}
                                <option value="3">Mittwoch</option>
                            {% endif %}
                            {% if row.data.auto_check_day == 4 %}
                                <option value="4" selected>Donnerstag</option>
                            {% else %}
                                <option value="4">Donnerstag</option>
                            {% endif %}
                            {% if row.data.auto_check_day == 5 %}
                                <option value="5" selected>Freitag</option>
                            {% else %}
                                <option value="5">Freitag</option>
                            {% endif %}
                        </select>
                        <input type="hidden" name="company_id" value="{{ row.metadata }}">
                        <button type="submit" class="btn btn-primary">Speichern</button>
                    </form>
                </td>
                <td class="mdl-data-table__cell--non-numeric">
                    {% for action in table.actions %}
                        <a href="{{ action.link }}{{ row.metadata }}">
                            <button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab"
                                    id="{{ action.id }}-{{ index }}">
                                <i class="material-icons">{{ action.icon }}</i>
                            </button>
                        </a>
                        <div class="mdl-tooltip" data-mdl-for="{{ action.id }}-{{ index }}">
                            {{ action.tooltip }}
                        </div>
                    {% endfor %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}

{% block scripts_post_loaded %}
    <script>
        function updateAutoCheck(companyId, box) {
            $.post('/unternehmen/auto_check',
                {
                    company_id: companyId,
                    enable: box.checked ? 1 : 0,
                }
            );
        }
    </script>
{% endblock %}