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

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

{% block body %}
    {# @var orders \Knp\Component\Pager\Pagination\PaginatorInterface #}
    <h1>Orders</h1>
    <hr>
    <form method="GET" id="poolOrderFilteringForm">
        <div class="form-row align-items-center">
            <div class="col-auto">
                <a class="btn btn-primary" href="{{ path('territory_pool_order_new', { 'id' : territory.id }) }}">New Pool Order</a>
            </div>
            <div class="col-auto">
                <a class="btn btn-primary pull-right" href="{{ path('territory_pool_list', { 'id' : territory.id }) }}">Pools</a>
            </div>
            <div class="col-auto">
                <label for="poolOrderFilterInput" class="sr-only">Search Pool Orders</label>
                <input class="form-control" placeholder="Search Pool Orders" type="text" id="poolOrderFilterInput" 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="canceledOrders" id="canceledOrders1" value="hide" {% if app.request.get('canceledOrders') == 'hide' or app.request.get('canceledOrders') is empty %}checked{% endif %}>
                    <label class="form-check-label" for="canceledOrders1">
                        Hide Canceled Orders
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="canceledOrders" id="canceledOrders2" value="only" {% if app.request.get('canceledOrders') == 'only' %}checked{% endif %}>
                    <label class="form-check-label" for="canceledOrders2">
                        Only Canceled Orders
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="canceledOrders" id="canceledOrders3" value="both" {% if app.request.get('canceledOrders') == 'both' %}checked{% endif %}>
                    <label class="form-check-label" for="canceledOrders3">
                        All Orders
                    </label>
                </div>
            </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">
                        Needs A Pool
                    </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 A Pool
                    </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>
    </form>
    <hr>
    <h5>{{ orders.getTotalItemCount }} Pool Orders Found</h5>
    <div class="navigation">
        {{ knp_pagination_render(orders) }}
    </div>
    <table class="table table-hover table-striped">
        <thead>
        <tr>
            <th>{{ knp_pagination_sortable(orders, 'Dealer', 'dealer.name') }}</th>
            <th>{{ knp_pagination_sortable(orders, 'Customer', 'poolOwner.lastName') }}</th>
            <th>{{ knp_pagination_sortable(orders, 'Model', 'poolModel.name') }}</th>
            <th>{{ knp_pagination_sortable(orders, 'Color', 'poolColor.name') }}</th>
            <th>{{ knp_pagination_sortable(orders, 'Order Date', 'poolOrder.timestamp') }}</th>
            <th>{{ knp_pagination_sortable(orders, 'Requested Date', 'poolOrder.originalRequestDate') }}</th>
            <th>Order #<br>Serial #</th>
            <th>{{ knp_pagination_sortable(orders, 'Status', 'poolOrder.status') }}</th>
        </tr>
        </thead>
        <tbody>
        {% for order in orders %}
            {# @var order \App\Entity\PoolOrder #}
            <tr>
                <td>
                    <a href="{{ path('territory_dealer_view', { 'id' : territory.id, 'dealer' : order.dealer.id }) }}">
                        {{ order.dealer }}
                    </a>
                </td>
                <td>{{ order.poolOwner }}</td>
                <td>{{ order.poolModel }}</td>
                <td>{{ order.poolColor }}</td>
                <td>{{ order.timestamp|date('m/d/Y') }}</td>
                <td>{{ order.originalRequestDate|date('m/d/Y') }}</td>
                <td>
                    <a href="{{ path('territory_pool_order_view', { 'id' : territory.id, 'poolOrder' : order.id }) }}">
                        {{ order.confirmationNumber }}
                    </a>
                    {% if order.pool %}
                        <br>
                        {{ order.pool.serialNumber }}
                        {% if order.pool.isDamaged %}
                            <br>Damaged
                        {% endif %}
                    {% endif %}
                </td>
                <td>{{ order.status }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <h5>{{ orders.getTotalItemCount }} Pool Orders Found</h5>
    <div class="navigation">
        {{ knp_pagination_render(orders) }}
    </div>
{% endblock %}

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