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

{% block title %}
    {% trans %}Market{% endtrans %}
    <small>3.1b {% trans %}Working plan{% endtrans %}</small>
{% endblock %}

{% block content %}
    <a href="{{ path('admin_market_working_plan_list', {market: market.number}) }}"
       class="btn btn-default">{% trans %}Back{% endtrans %}</a>

    <div class="panel mar-top">
        <div class="panel-body">
            <table class="w-100 big">
                <tr>
                    <th>{% trans %}Market{% endtrans %}: {{ market.number }}</th>
                    <th>
                        <a class="btn btn-primary btn-sm"
                           href="{{ path('admin_market_working_plan', {'market': market.number, 'year': lastWeek|date('Y'), 'weekNumber': lastWeek|date('W')}) }}">
                            <<
                        </a>
                        {% trans %}Week{% endtrans %}: {{ weekNumber }}
                        <a class="btn btn-primary btn-sm"
                           href="{{ path('admin_market_working_plan', {'market': market.number, 'year': nextWeek|date('Y'), 'weekNumber': nextWeek|date('W')}) }}">
                            >>
                        </a>
                    </th>
                </tr>
            </table>

            <table class="table table-bordered mar-top">
                <thead>
                <tr>
                    {% for i in 1..6 %}
                        <th class="text-center">{{ weekDays[i] | format_date(null, 'EEEE') }}</th>
                    {% endfor %}
                </tr>
                </thead>
                <tbody>
                <tr>
                    {% for i in 1..6 %}
                        <td>
                            {% if market.hours.get(i) %}
                                {{ market.hours.get(i).open|date('H:i') }} - {{ market.hours.get(i).close|date('H:i') }}
                            {% endif %}
                        </td>
                    {% endfor %}
                </tr>
                <tr>
                    {% for i in 1..6 %}
                        <td class="pad-no">
                            <select class="worker-select form-control" name="worker-{{ i }}" data-day="{{ i }}">
                                <option value="">{% trans %}Add worker...{% endtrans %}</option>
                            </select>
                        </td>
                    {% endfor %}
                </tr>
                <tr>
                    {% for i in 1..6 %}
                        <td class="pad-no valign-top">
                            <ul class="list-group list-group-striped">{% apply spaceless %}
                                    {% for wpw in workingPlanWorkers %}
                                        {% if wpw.days[i] is defined %}
                                            {% set worker = wpw.planWorker.worker %}
                                            <li class="list-group-item">
                                                {{ worker.number }}: {{ worker.firstName }} {{ worker.lastName }}
                                                {% if worker.position|length > 0 %}({{ worker.position }}){% endif %}
                                                <a class="btn btn-danger btn-xs pull-right hidden-print"
                                                   href="{{ path('admin_market_working_plan_worker_status_change',
                                                       {'year': year, 'weekNumber': weekNumber, 'weekDay': i, 'market': market.number, 'status': null, 'worker': wpw.planWorker.worker.id}) }}">
                                                    X
                                                </a>
                                            </li>
                                        {% endif %}
                                    {% endfor %}
                                {% endapply %}</ul>
                        </td>
                    {% endfor %}
                </tr>

                </tbody>
            </table>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
    <script type="text/javascript">
		$(function () {
			$(".worker-select").unbind('select2:select').on(
				'select2:select',
				function (e) {
					window.location.href = Routing.generate('admin_market_working_plan_worker_status_change', {
						market: '{{ market.number }}',
						year: '{{ year }}',
						weekNumber: '{{ weekNumber }}',
						status: 'X',
						worker: e.params.data.id,
						weekDay: e.currentTarget.dataset.day
					});
				}
			);
		});
    </script>
{% endblock %}