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

{% block title %}Dealer List | {{ parent() }}{% endblock %}

{% block body %}
    {# @var dealers \Knp\Component\Pager\Pagination\PaginatorInterface #}
    <h1>Dealers</h1>
    <hr>
    <form method="GET" id="dealerFilteringForm">
        <div class="form-row align-items-center">
            <div class="col-auto">
                <a class="btn btn-primary" href="{{ path('territory_dealer_new', { 'id' : territory.id }) }}">New Dealer</a>
            </div>
            <div class="col-auto">
                <a class="btn btn-primary" href="{{ path('territory_state_list', { 'id' : territory.id }) }}">Postal Codes</a>
            </div>
            <div class="col-auto">
                <label for="dealerFilterInput" class="sr-only">Search Dealers</label>
                <input type="text" id="dealerFilterInput" class="form-control" placeholder="Search Dealers" name="filter" value="{% if app.request.get('filter') is not empty %}{{ app.request.get('filter') }}{% endif %}">
            </div>
            <div class="col-auto">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="dealerActive" id="dealerActive1" value="active" {% if app.request.get('dealerActive') == 'active' or app.request.get('dealerActive') is empty %}checked{% endif %}>
                    <label class="form-check-label" for="dealerActive1">
                        Only Active Dealers
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="dealerActive" id="dealerActive2" value="inactive" {% if app.request.get('dealerActive') == 'inactive' %}checked{% endif %}>
                    <label class="form-check-label" for="dealerActive2">
                        Only Inactive Dealers
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="dealerActive" id="dealerActive3" value="both" {% if app.request.get('dealerActive') == 'both' %}checked{% endif %}>
                    <label class="form-check-label" for="dealerActive3">
                        Both
                    </label>
                </div>
            </div>
            <div class="col-auto">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="dealerProspect" id="dealerProspect1" value="noProspects" {% if app.request.get('dealerProspect') == 'noProspects' or app.request.get('dealerProspect') is empty %}checked{% endif %}>
                    <label class="form-check-label" for="dealerProspect1">
                        No Prospective Dealers
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="dealerProspect" id="dealerProspect2" value="onlyProspects" {% if app.request.get('dealerProspect') == 'onlyProspects' %}checked{% endif %}>
                    <label class="form-check-label" for="dealerProspect2">
                        Only Prospective Dealers
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="dealerProspect" id="dealerProspect3" value="both" {% if app.request.get('dealerProspect') == 'both' %}checked{% endif %}>
                    <label class="form-check-label" for="dealerProspect3">
                        Both
                    </label>
                </div>
            </div>
        </div>
    </form>
    <hr>
    <h5>{{ dealers.getTotalItemCount }} Dealers Found</h5>
    <div class="navigation">
        {{ knp_pagination_render(dealers) }}
    </div>
    <table class="table table-hover table-striped">
        <thead>
        <tr>
            <th>{{ knp_pagination_sortable(dealers, 'Dealer Name', 'dealer.name') }}</th>
            <th width="180px">Rank</th>
            <th>City, State<br>Zip</th>
            <th>ZIPs</th>
        </tr>
        </thead>
        <tbody>
        {% for dealer in dealers %}
            {# @var dealer \App\Entity\Dealer #}
            <tr>
                <td>
                    <a href="{{ path('territory_dealer_view', { 'id' : territory.id, 'dealer' : dealer.id }) }}">
                        {{ dealer.name }}
                    </a>
                </td>
                <td id="dealer_rank_row_{{ dealer.id }}">
                    {{ render(controller('App\\Controller\\TerritoryRep\\DealerController::getRankStars', { 'id' : territory.id, 'dealer' : dealer.id })) }}
                </td>
                <td>{{ dealer.cityStateZip|raw }}</td>
                <td>
                    {{ dealer.postalCodePrefixes|getPostalLinks('prefix') }}<br>
                    {{ dealer.fullPostalCodes|getPostalLinks('full') }}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <h5>{{ dealers.getTotalItemCount }} Dealers Found</h5>
    <div class="navigation">
        {{ knp_pagination_render(dealers) }}
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/dealerFilters.js') }}"></script>
    <script src="{{ asset('js/dealerRank.js') }}"></script>
{% endblock %}