{% extends 'admin.html.twig' %}

{% block content %}
    <div class="block-header">
        <h2>Użytkownicy kwoty</h2>
    </div>
    <div class="row clearfix">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="card">
                <div class="header">
                    <form action="{{path('nordmind_report_users_sum')}}" method="post" id="search-form">
                        <div class="row clearfix">
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <div class="form-line">
                                        <input type="text" name="date-from" id="date-from" class="form-control datepicker" placeholder="Data od" autocomplete="off" value="{{searchDateFrom}}"/>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <div class="form-line">
                                        <input type="text" name="date-to" id="date-to" class="form-control datepicker" placeholder="Data do" autocomplete="off" value="{{searchDateTo}}" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <select class="form-control show-tick" id="select-global-dates">
                                        <option value="reset">Wszystkie dane</option>
                                        <option value="p_month">Poprzedni miesiąc</option>
                                        <option value="c_month">Aktualny miesiąc</option>
                                        <option value="c_quarter">Aktualny kwartał</option>
                                        <option value="c_year">Aktualny rok</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <div class="form-line">
                                        <select id="search-users" name="search-users[]" class="form-control show-tick selectpicker" multiple title="Pracownik" data-live-search="true">
                                            {% for user in users %}
                                                <option value="{{user.id}}" {% if searchUsers[user.id] is defined %}selected{% endif %}>{{user}}</option>
                                            {% endfor %}
                                        </select>   
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <input type="submit" class="btn btn-primary" value="Filtruj" /> 
                                    <a class="btn btn-default" id="search-clear" href="{{path('nordmind_report_users_sum', {'clear_all_filters': 'true'})}}">Wyczyść</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <div class="form-line">
                                    <select id="search-products" name="search-processes[]" class="form-control show-tick selectpicker" multiple title="Proces" data-live-search="true">
                                        {% for process in processes %}
                                            <option value="{{process.id}}" {% if searchProcesses[process.id] is defined %}selected{% endif %}>{{process}}</option>
                                        {% endfor %}
                                    </select>   
                                </div>
                            </div>
                        </div>
                        <div class="row clearfix">
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <div class="form-line">
                                        <select id="search-steps" name="search-steps[]" class="form-control show-tick selectpicker" multiple title="Krok" data-live-search="true">
                                            {% for step in steps %}
                                                <option value="{{step.id}}" {% if searchSteps[step.id] is defined %}selected{% endif %}>{{step}}</option>
                                            {% endfor %}
                                        </select>   
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="body">
                    <div class="table-responsive">
                        <table id="contact-table" class="table table-bordered table-striped table-hover dataTable js-exportable">
                            <thead>
                                <tr>
                                    <th>Pracownik</th>
                                    <th>Liczba z kwot</th>
                                    <th>Suma z kwot</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                    <th>Pracownik</th>
                                    <th class="dt-right">Liczba z kwot</th>
                                    <th class="dt-right">Suma z kwot</th>
                                </tr>
                            </tfoot>
                            <tbody>
                                {% for statistic in statistics %}
                                    <tr>
                                        <td>{{ statistic['name'] }} {{ statistic['lastName'] }}</td>
                                        <td >{{ statistic['number'] }}</td>
                                        <td >{{ statistic['price']|number_format(2, '.', ',') }}</td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock content %}
{% block javascript %}
    {{ parent() }}
    <script type="text/javascript">
        $(function () {
            //Exportable table
            var dataTable = $('#contact-table').DataTable({
                //scrollX: true,
                dom: 'Bfrtip',
                order: [[2, "desc"]],
                responsive: true,
                pageLength: 500000,
                buttons: [
                    'copyHtml5', 'csv', 'excel', 'pdf', 'print'
                ],
                colReorder: true,
                "language": {
                    "url": "/js/plugins/jquery-datatable/extensions/Polish.lang.js"
                },
                "columns": [
                    {type: "html"},
                    {type: "num-fmt", className: "dt-right"},
                    {type: "num-fmt", className: "dt-right"}
                ]

            });

        {#            $.fn.dataTable.ext.search.push(
                            function (settings, data, dataIndex) {
                                var users = $('#search-users').val();
                                var user = data[0];
                                if (!(users) ||
                                        jQuery.inArray(user, users) != -1
                                        )
                                {
                                    return true;
                                }
                                return false;
                            }
                    );

                    $('#search-users').change(function () {
                        dataTable.draw();
                    });#}

                            $('#select-global-dates').change(function () {
                                if ($('#select-global-dates').val())
                                {
                                    datesSelect($('#select-global-dates').val(), '#date-from', '#date-to')
                                }
                            });
                        });
    </script>
{% endblock %}