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

{% block page_title %}{{ 'entity.delivery_tracking_information'|trans }}{% endblock %}

{% block page_content %}

    <div class="row">
        <div class="col-sm-12">
            <div class="box box-default color-palette-box text-center" style="padding:30px">
                <form method="GET" action="{{ path('app_order_show_tracking_info', { reference: 'REFERENCE'}) }}" id="order-tracking-info">
                    <div class="row">
                        <div class="col-sm-10">
                            <input class="form-control" type="text" name="order_reference" id="order-reference" placeholder="Introduce el número de pedido de A4B. Por ejemplo: 11558133" />
                        </div>
                        <div class="col-sm-2">
                            <input id="order-tracking-info-submit" class="btn btn-primary" type="submit" value="Enviar" style="width:100%"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="box box-default color-palette-box results">

            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script>
        $(document).ready(function(e){
            $('#order-tracking-info-submit').click(function(e){
                e.preventDefault();

                let form = $('#order-tracking-info');

                let action = form.attr('action');

                action = action.replace('REFERENCE', $('#order-reference').val());

                form.attr('action', action);

                form.submit();
            });
        });
    </script>
{% endblock %}