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

{% block title %}{{ poolOrder.confirmationNumber }} | View Pool Order | {{ parent() }}{% endblock %}

{% block body %}
    <h1><a href="{{ path('territory_pool_order_list', { 'id' : territory.id }) }}">Pool Orders</a> > View: {{ poolOrder.confirmationNumber }}</h1>
    <hr>
    <form method="GET">
        <div class="form-row align-items-center">
            <div class="col-auto">
                {% if poolOrder.status != 'Canceled' %}
                    <a href="{{ path('territory_pool_order_cancel', { 'id' : territory.id, 'poolOrder' : poolOrder.id }) }}" class="btn btn-danger confirm">Cancel This Pool Order</a>
                {% else %}
                    <span class="bg-danger text-white p-3 font-weight-bold">This pool order has been canceled!</span>
                {% endif %}
            </div>
        </div>
    </form>
    <hr>
    {{ include('territory_rep/poolOrder/_pool_order_info_table.html.twig') }}
    {% if poolOrder.pool %}
        <hr>
        {% set pool = poolOrder.pool %}
        {{ include('territory_rep/pool/_pool_info_table.html.twig') }}
    {% endif %}
{% endblock %}


{% block javascripts %}
    {{ parent() }}
    <script>
        $(document).ready(function () {
            $(document).on('click', '.confirm', function (event) {
                event.preventDefault();
                if (confirm('Are you sure you want to cancel this order?')) {
                    window.location.href = $(this).attr('href');
                }
            })
        });
    </script>
{% endblock %}