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

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

{% block body %}
    {# @var pools \Knp\Component\Pager\Pagination\PaginatorInterface #}
    <h1>Pools</h1>
    <hr>
    <form method="GET" id="poolFilteringForm">
        <div class="form-row align-items-center">
            <div class="col-auto">
                <a class="btn btn-primary" href="{{ path('factory_pool_new') }}">New Pool</a>
            </div>
            <div class="col-auto">
                <a class="btn btn-primary" href="{{ path('factory_pool_order_list') }}">Pool Orders</a>
            </div>
            <div class="col-auto">
                <a class="btn btn-primary" href="{{ path('factory_pool_yard_list') }}">Pool Yards</a>
            </div>
            <div class="col-auto">
                <label for="poolFilterInput" class="sr-only">Search Pools</label>
                <input class="form-control" placeholder="Search Pools" type="text" id="poolFilterInput" 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="poolAssigned" id="poolAssigned1" value="false" {% if app.request.get('poolAssigned') == 'false' %}checked{% endif %}>
                    <label class="form-check-label" for="poolAssigned1">
                        Unassigned Pools
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="poolAssigned" id="poolAssigned2" value="true" {% if app.request.get('poolAssigned') == 'true' %}checked{% endif %}>
                    <label class="form-check-label" for="poolAssigned2">
                        Assigned Pools Only
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="poolAssigned" id="poolAssigned3" value="both" {% if app.request.get('poolAssigned') == 'both' or app.request.get('poolAssigned') is empty %}checked{% endif %}>
                    <label class="form-check-label" for="poolAssigned3">
                        Both
                    </label>
                </div>
            </div>
            <div class="col-auto">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="inQueue" id="inQueue1" value="false" {% if app.request.get('inQueue') == 'false' %}checked{% endif %}>
                    <label class="form-check-label" for="inQueue1">
                        Not In Queue
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="inQueue" id="inQueue2" value="true" {% if app.request.get('inQueue') == 'true' %}checked{% endif %}>
                    <label class="form-check-label" for="inQueue2">
                        In Queue Only
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="inQueue" id="inQueue3" value="both" {% if app.request.get('inQueue') == 'both' or app.request.get('inQueue') is empty %}checked{% endif %}>
                    <label class="form-check-label" for="inQueue3">
                        Both
                    </label>
                </div>
            </div>
            <div class="col-auto">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="inProcess" id="inProcess1" value="false" {% if app.request.get('inProcess') == 'false' %}checked{% endif %}>
                    <label class="form-check-label" for="inProcess1">
                        Complete
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="inProcess" id="inProcess2" value="true" {% if app.request.get('inProcess') == 'true' %}checked{% endif %}>
                    <label class="form-check-label" for="inProcess2">
                        In Process Only
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="inProcess" id="inProcess3" value="both" {% if app.request.get('inProcess') == 'both' or app.request.get('inProcess') is empty %}checked{% endif %}>
                    <label class="form-check-label" for="inProcess3">
                        Both
                    </label>
                </div>
            </div>
        </div>
    </form>
    <hr>
    <h5>{{ pools.getTotalItemCount }} Pools Found</h5>
    <div class="navigation">
        {{ knp_pagination_render(pools) }}
    </div>
    <table class="table table-hover table-striped rwd-table">
        <thead>
        <tr>
            <th>{{ knp_pagination_sortable(pools, 'Production Date', 'pool.productionDate') }}</th>
            <th>{{ knp_pagination_sortable(pools, 'Model', 'poolModel.name') }}</th>
            <th>{{ knp_pagination_sortable(pools, 'Color', 'poolColor.name') }}</th>
            <th>
                Serial #<br>
                Order #
            </th>
            <th>{{ knp_pagination_sortable(pools, 'Creation Date', 'pool.creationDate') }}</th>
            <th>{{ knp_pagination_sortable(pools, 'Location', 'poolYard.name') }}</th>
        </tr>
        </thead>
        <tbody>
        {% for pool in pools %}
            <tr>
                <td data-th="Production Date">{{ pool.productionDate ? pool.productionDate|date('m/d/Y') }}</td>
                <td data-th="Model">
                    {% if pool.poolModel.isActive %}
                        {{ pool.poolModel }}
                    {% else %}
                        {{ pool.poolModel.parent }}<br>
                        ({{ pool.poolModel }})
                    {% endif %}
                </td>
                <td data-th="Color">
                    {% if pool.poolColor.isActive %}
                        {{ pool.poolColor }}
                    {% else %}
                        {{ pool.poolColor.parent }}<br>
                        ({{ pool.poolColor }})
                    {% endif %}
                </td>
                <td data-th="Serial/Order">
                    <a href="{{ path('factory_pool_view', {'id' : pool.id}) }}">{{ pool.serialNumber }}</a>
                    {% if pool.isDamaged %}
                        <br>Damaged
                    {% endif %}
                    {% if pool.poolOrder %}
                        <br>
                        <a href="{{ path('factory_pool_order_view', { 'id' : pool.poolOrder.id }) }}">
                            {{ pool.poolOrder.confirmationNumber }}<br>
                            {{ pool.poolOrder.poolOwner.lastName }}
                        </a>
                    {% endif %}
                </td>
                <td data-th="Creation Date">{{ pool.creationDate|date('m/d/Y') }}</td>
                <td data-th="Location">{{ pool.location }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <h5>{{ pools.getTotalItemCount }} Pools Found</h5>
    <div class="navigation">
        {{ knp_pagination_render(pools) }}
    </div>
{% endblock %}

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