{% extends 'base.html.twig' %}
{% import "macros/widgets.html.twig" as widgets %}
{% import "macros/datatables.html.twig" as tables %}
{% import "macros/toolbar.html.twig" as toolbar %}

{% block page_title %}{{ 'admin_timesheet.title'|trans }}{% endblock %}
{% block page_subtitle %}{{ 'admin_timesheet.subtitle'|trans }}{% endblock %}
{% block page_actions %}
    {% set actions = {'filter': '#collapseTimesheetAdmin'} %}
    {% if is_granted('export_own_timesheet') %}
        {% set actions = actions|merge({'download': 'onclick:return exportTimesheet()'}) %}
    {% endif %}
    {% set actions = actions|merge({'visibility': '#modal_timesheet_admin'}) %}
    {% if is_granted('create_other_timesheet') %}
        {% set actions = actions|merge({'create': path('admin_timesheet_create')}) %}
    {% endif %}
    {{ widgets.page_actions(actions) }}
{% endblock %}

{% block main_before %}
    {{ toolbar.toolbar(toolbarForm, 'collapseTimesheetAdmin', showFilter) }}
{% endblock %}

{% block main %}

    {% if entries.count == 0 %}
        {{ widgets.callout('warning', 'error.no_entries_found') }}
    {% else %}
        {% set columns = {'date': ''} %}

        {% if not duration_only %}
            {% set columns = columns|merge({'starttime': 'hidden-xs', 'endtime': 'hidden-xs'}) %}
        {% endif %}

        {% set columns = columns|merge({
            'duration': '',
            'rate': '',
            'customer': 'hidden-xs hidden-sm',
            'project': 'hidden-xs hidden-sm',
            'activity': 'hidden-xs hidden-sm',
            'username': 'hidden-xs',
            'description': 'hidden-xs hidden-sm',
            'actions': 'alwaysVisible',
        }) %}

        {% set tableName = 'timesheet_admin' %}

        {{ tables.data_table_header(tableName, columns) }}

        {% for entry in entries %}
            <tr>
                <td class="text-nowrap {{ tables.data_table_column_class(tableName, columns, 'date') }}">{{ entry.begin|date_short }}</td>

                {% if not duration_only %}
                    <td class="{{ tables.data_table_column_class(tableName, columns, 'starttime') }}">{{ entry.begin|time }}</td>
                {% endif %}

                {% if entry.end %}
                    {% if not duration_only %}
                        <td class="{{ tables.data_table_column_class(tableName, columns, 'endtime') }}">{{ entry.end|time }}</td>
                    {% endif %}
                    <td class="text-nowrap {{ tables.data_table_column_class(tableName, columns, 'duration') }}">{{ entry.duration|duration }}</td>
                {% else %}
                    {% if not duration_only %}
                        <td class="{{ tables.data_table_column_class(tableName, columns, 'endtime') }}">&dash;</td>
                    {% endif %}
                    <td class="text-nowrap {{ tables.data_table_column_class(tableName, columns, 'duration') }}"><i>{{ entry|duration }}</i></td>
                {% endif %}
                <td class="text-nowrap {{ tables.data_table_column_class(tableName, columns, 'rate') }}">
                    {% if not entry.end or not is_granted('view_rate', entry) %}
                        &dash;
                    {% else %}
                        {{ entry.rate|money(entry.project.customer.currency) }}
                    {% endif %}
                </td>
                <td class="{{ tables.data_table_column_class(tableName, columns, 'customer') }}">
                    <a href="{{ path('admin_customer_edit', {'id': entry.project.customer.id}) }}">{{ widgets.label_customer(entry.project.customer) }}</a>
                </td>
                <td class="{{ tables.data_table_column_class(tableName, columns, 'project') }}">
                    <a href="{{ path('admin_project_edit', {'id': entry.project.id}) }}">{{ widgets.label_project(entry.project) }}</a>
                </td>
                <td class="{{ tables.data_table_column_class(tableName, columns, 'activity') }}">
                    <a href="{{ path('admin_activity_edit', {'id': entry.activity.id}) }}">{{ widgets.label_activity(entry.activity) }}</a>
                </td>
                <td class="{{ tables.data_table_column_class(tableName, columns, 'username') }}"><a href="{{ path('user_profile'|route_alias, {'username' : entry.user.username}) }}">{{ widgets.label_user(entry.user) }}</a></td>
                <td class="{{ tables.data_table_column_class(tableName, columns, 'description') }}">{{ entry.description|nl2br }}</td>
                <td>
                    {% set actionButtons = {} %}
                    {% if is_granted('edit', entry) %}
                        {% set actionButtons = {'edit': path('admin_timesheet_edit', {'id' : entry.id, 'page': page})}|merge(actionButtons) %}
                    {% endif %}
                    {% if not entry.end and is_granted('stop', entry) %}
                        {% set actionButtons = {'stop': path('admin_timesheet_stop', {'id' : entry.id})}|merge(actionButtons) %}
                    {% endif %}
                    {% if is_granted('delete', entry) %}
                        {% set actionButtons = actionButtons|merge({'trash': path('admin_timesheet_delete', {'id' : entry.id, 'page': page})}) %}
                    {% endif %}
                    {{ widgets.button_group(actionButtons) }}
                </td>
            </tr>
        {% endfor %}

        {{ tables.data_table_footer(entries, 'admin_timesheet_paginated') }}
    {% endif %}

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        function exportTimesheet() {
            var form = $("div.toolbar form.navbar-form");
            var prevAction = form.attr('action');
            form.attr('target', '_blank').attr('action', '{{ path('admin_timesheet_export') }}');
            form.submit();
            form.removeAttr('target').attr('action', prevAction);
            return false;
        }
    </script>
{% endblock %}