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

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

    <div class="pull-right">
        {% if market.isDistrictType() %}
            <a class="btn btn-info" href="{{ path('admin_market_district_route_edit', { id: market.number }) }}">
                {% trans %}Route{% endtrans %}
            </a>
        {% else %}
            <button class="btn btn-info" type="button" data-toggle="collapse" data-target="#hoursForm"
                    aria-expanded="false" aria-controls="archiveForm">
                {% trans %}Working days{% endtrans %}
            </button>
        {% endif %}
    </div>
{% endblock %}

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

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

{% block content %}
    <div class="collapse" id="hoursForm">
        <div class="well">
            <p class="lead">{% trans %}Working days{% endtrans %}</p>
            <form method="post">
                <table class="table table-striped table-condensed table-nonfluid bg-light">
                    <thead>
                    <tr>
                        <th></th>
                        <th>{% trans %}Day{% endtrans %}</th>
                        <th>{% trans %}Start{% endtrans %}</th>
                        <th>{% trans %}End{% endtrans %}</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for i in 1..6 %}
                        <tr>
                            <td>
                                <input type="checkbox" name="hours[{{ i }}][active]" id="hours-{{ i }}"
                                       value="1"{% if market.hours.containsKey(i) %} checked="checked"{% endif %}
                                       class="weekday">
                            </td>
                            <td>
                                <label for="hours-{{ i }}">{{ weekDays[i] | format_date(null, 'EEEE') }}</label>
                            </td>
                            <td>
                                <input type="text" name="hours[{{ i }}][open]"
                                       class="time form-control input-sm"
                                        {% if not market.hours.containsKey(i) %} disabled="disabled"{% else %} value="{{ market.hours[i].open | date('H:i') }}"{% endif %}>
                            </td>
                            <td>
                                <input type="text" name="hours[{{ i }}][close]"
                                       class="time form-control input-sm"
                                        {% if not market.hours.containsKey(i) %} disabled="disabled"{% else %} value="{{ market.hours[i].close | date('H:i') }}"{% endif %}>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
                <input type="submit" value="{% trans %}Save{% endtrans %}" class="btn btn-primary">
            </form>
        </div>
    </div>

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

    <div class="inline-block">
        {{ form_start(deleteForm) }}
        <input type="submit" value="{% trans %}Delete{% endtrans %}" class="btn btn-danger">
        {{ form_end(deleteForm) }}
    </div>

    <div class="panel mar-top">
        <div class="panel-body">
            {{ form_start(form) }}
            {{ form_widget(form) }}
            <input type="submit" value="{% trans %}Save{% endtrans %}" class="btn btn-primary" />
            {{ form_end(form) }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('assets/js/recordworker.js') }}"></script>
    <script>
        $(function() {
            $('.weekday').on('change', function() {
                $(this).parents('tr').find('input[type=text]').prop('disabled', !$(this).is(':checked'));
            });
        });
    </script>
{% endblock %}