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

{% block title %}
    {% trans %}Market{% endtrans %}
    <small>{% trans %}Market{% endtrans %} {% trans %}edit{% endtrans %}</small>
{% endblock %}

{% block description %}
    {% trans %}District{% endtrans %}
{% endblock %}

{% block market_index_active %}
    active
{% endblock %}

{% block content %}
    <div class="panel">
        <div class="panel-body">
            <p class="lead">{% trans %}Route{% endtrans %} {{ market.number }}</p>
            {% for i in 1..6 %}
                {% set hasCustomers = customers[i] is defined and  customers[i] is not empty %}
                <div class="checkbox">
                    <label for="weekDays[{{ i }}]" data-toggle="collapse" data-target="#weekDayTable{{ i }}">
                        <input type="checkbox" name="weekDays[{{ i }}]"
                               id="weekDays[{{ i }}]"{% if hasCustomers %} checked="checked"{% endif %}>
                        {{ weekDays[i] | format_date(null, 'EEEE') }}
                    </label>
                </div>
                <form method="post" id="weekDayTable{{ i }}" class="collapse{% if hasCustomers %} in{% endif %}">
                    <table class="table table-striped table-condensed">
                        <thead>
                        <tr>
                            <th>{% trans %}Name{% endtrans %}</th>
                            <th>{% trans %}Street{% endtrans %}</th>
                            <th>{% trans %}Number{% endtrans %}</th>
                            <th>{% trans %}Postcode{% endtrans %}</th>
                            <th>{% trans %}Place{% endtrans %}</th>
                            <th>{% trans %}Newspaper{% endtrans %}</th>
                            <th>{% trans %}Suspend{% endtrans %}</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        {% if hasCustomers %}
                            {% for customer in customers[i] %}
                                <tr>
                                    <td>{{ customer.name }}</td>
                                    <td>{{ customer.street }}</td>
                                    <td>{{ customer.streetNumber }}</td>
                                    <td>{{ customer.postcode }}</td>
                                    <td>{{ customer.city }}</td>
                                    <td>
                                        <select name="newspaper[{{ customer.id }}]">
                                            {% for newspaper in newspapers %}
                                                <option value="{{ newspaper }}"{% if customer.newspaper == newspaper %} selected="selected"{% endif %}>{{ newspaper }}</option>
                                            {% endfor %}
                                        </select>
                                    </td>
                                    <td>
                                        <input type="checkbox" name="isSuspended[{{ customer.id }}]" value="1"
                                                {% if customer.isSuspended %} checked="checked"{% endif %}>
                                    </td>
                                    <td>
                                        <button class="btn btn-xs btn-primary" name="save"
                                                value="{{ customer.id }}">
                                            {% trans %}Save{% endtrans %}
                                        </button>
                                        <a class="btn btn-danger btn-xs" href="{{ path('admin_market_district_route_delete', {'id': market.number, 'customerId': customer.id}) }}">{% trans %}Remove{% endtrans %}</a>
                                    </td>
                                </tr>
                            {% endfor %}
                        {% endif %}
                        <tr>
                            <td>
                                <input name="new[name]" class="form-control"
                                       placeholder="{% trans %}Name{% endtrans %}"></td>
                            <td>
                                <input name="new[street]" class="form-control"
                                       placeholder="{% trans %}Street{% endtrans %}"></td>
                            <td>
                                <input name="new[streetNumber]" class="form-control"
                                       placeholder="{% trans %}Number{% endtrans %}"></td>
                            <td>
                                <input name="new[postcode]" class="form-control"
                                       placeholder="{% trans %}Postcode{% endtrans %}"></td>
                            <td>
                                <input name="new[city]" class="form-control"
                                       placeholder="{% trans %}Place{% endtrans %}"></td>
                            <td>
                                <select name="new[newspaper]">
                                    {% for newspaper in newspapers %}
                                        <option value="{{ newspaper }}">{{ newspaper }}</option>
                                    {% endfor %}
                                </select>
                            </td>
                            <td><input type="checkbox" name="new[isSuspended]"></td>
                            <td>
                                <button class="btn btn-xs btn-success" type="submit"
                                        name="new[add]" value="{{ i }}">{% trans %}Add{% endtrans %}</button>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </form>
            {% endfor %}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script type="text/javascript">
		$('form input').keypress(function (e) {
			if ((e.which && e.which === 13) || (e.keyCode && e.keyCode === 13)) {
				console.log($(e.target).parent().parent());
				$(e.target).parents('tr').find('button').trigger('click');
				return false;
			} else {
				return true;
			}
		});
    </script>
{% endblock %}