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

{% block title %}Delivery Request | {{ parent() }}{% endblock %}

{% block body %}
    <h1><a href="{{ path('territory_pool_order_list', { 'id' : territory.id }) }}">Pool Orders</a> > <a href="{{ path('territory_pool_order_view', { 'id' : territory.id, 'poolOrder' : poolOrder.id }) }}">{{ poolOrder.confirmationNumber }}</a> > Delivery Request</h1>
    <h4>{{ poolOrder.poolOwner }} - {{ poolOrder }}</h4>
    {{ form_start(form, { 'attr' : {'novalidate': 'novalidate'} }) }}
    {{ form_row(form.dateRequested) }}
    <div id="deliveryDatePicker" class="mb-2"></div>
    {{ form_row(form.time) }}
    {{ form_row(form.directions) }}
    <button type="submit" class="btn btn-success">Submit</button>
    {{ form_end(form) }}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>

        $(document).ready(function () {
            $("#deliveryDatePicker").datepicker({
                altField: ".deliveryDateField",
                altFormat: 'yy-mm-dd',
                minDate: 10,
                defaultDate: moment($('#{{ form.dateRequested.vars.id }}').val()).toDate(),
            });

        });
    </script>
{% endblock %}