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

{% block title %}{{ state.longName }} | View State | {{ parent() }}{% endblock %}

{% block body %}
    {# @var postalCodePrefixes \Knp\Component\Pager\Pagination\PaginatorInterface #}
    <h1><a href="{{ path('factory_state_list') }}">States</a> > View: {{ state.longName }} Postal Code Prefixes</h1>
    <hr>
    {#{{ form_start(form, { 'attr' : {'novalidate': 'novalidate'} }) }}#}
    {#{{ form_widget(form) }}#}
    {#<button type="submit" class="btn btn-success">Save</button>#}
    {#{{ form_end(form) }}#}
    {#<hr>#}
    {#<a href="{{ path('factory_postal_code_prefix_new', {'id': state.id}) }}" class="btn btn-primary">New Postal Code Prefix For This State</a>#}
    {#<br>#}
    <form method="GET">
        <div class="form-row align-items-center">
            <div class="col-auto">
                <label for="postalCodePrefixFilterInput" class="sr-only">Search Postal Code Prefixes</label>
                <input class="form-control" placeholder="Search Postal Code Prefixes" type="text" id="postalCodePrefixFilterInput" name="filter" value="{% if app.request.get('filter') is not empty %}{{ app.request.get('filter') }}{% endif %}">
            </div>
        </div>
    </form>
    <hr>
    <h5>{{ postalCodePrefixes.getTotalItemCount }} Postal Code Prefixes Found</h5>
    <div class="navigation">
        {{ knp_pagination_render(postalCodePrefixes) }}
    </div>
    <table class="table table-hover table-striped">
        <thead>
        <tr>
            <th>{{ knp_pagination_sortable(postalCodePrefixes, 'Postal Zone', 'postalCodePrefix.code') }}</th>
            <th>{{ knp_pagination_sortable(postalCodePrefixes, 'Default Dealer', 'dealer.name') }}</th>
            <th># of Sub-Zones</th>
        </tr>
        </thead>
        <tbody>
        {% for prefix in postalCodePrefixes %}
            <tr>
                <td><a href="{{ path('factory_postal_code_prefix_edit', {'id': prefix.id}) }}">{{ prefix.code }}</a></td>
                <td>
                    {% if prefix.defaultDealer is not null %}
                        <a href="{{ path('factory_dealer_view', { 'id' : prefix.defaultDealer.id }) }}">{{ prefix.defaultDealer }}</a>
                    {% endif %}
                </td>
                <td>{{ prefix.fullPostalCodes|length }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <h5>{{ postalCodePrefixes.getTotalItemCount }} Postal Code Prefixes Found</h5>
    <div class="navigation">
        {{ knp_pagination_render(postalCodePrefixes) }}
    </div>
{% endblock %}