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

{% block page_title %}{{ 'user.shipping_rates_update'|trans }}{% endblock %}

{% block page_content %}
    <div class="row">
        <div class="col-md-12">
            {{ form_start(form) }}
            <div class="box">
                <div class="box-header with-border">
                    <a href="{{ path('app_shipping_rates_update') }}" class="btn btn-default" data-dismiss="modal">{{ 'label.cancel'|trans }}</a>
                    <button type="submit" class="btn btn-primary pull-right">{{ 'label.create'|trans }}</button>
                </div>

                <div class="box-body">
                    <table class="table table-condensed">
                        <tr>
                            <td>{{ form_label(form.operationType) }}</td>
                            <td>{{ form_widget(form.operationType) }}</td>
                        </tr>
                        <tr class="not-file">
                            <td>{{ form_label(form.carrier) }}</td>
                            <td>{{ form_widget(form.carrier) }}</td>
                        </tr>
                        <tr class="not-file">
                            <td>{{ form_label(form.country) }}</td>
                            <td>{{ form_widget(form.country) }}</td>
                        </tr>
                        <tr class="not-file">
                            <td>{{ form_label(form.value) }}</td>
                            <td>{{ form_widget(form.value) }}</td>
                        </tr>
                        <tr class="file">
                            <td>{{ form_label(form.originalFilename) }}</td>
                            <td>{{ form_widget(form.originalFilename) }}</td>
                        </tr>
                        <tr class="">
                            <td>{{ form_label(form.description) }}</td>
                            <td>{{ form_widget(form.description) }}</td>
                        </tr>

                    </table>
                </div>

            </div>
            {{ form_rest(form) }}
            {{ form_end(form) }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        function showHideFields(element, value, classIfTrue, classIfFalse) {
            if(parseInt($(element).val()) === value){
                $(classIfTrue).removeClass('hide');
                $(classIfFalse).addClass('hide');

                $(classIfTrue).find('input, select.req').attr('required', true);
                $(classIfFalse).find('input, select.req').attr('required', false).val("");


            } else {
                $(classIfFalse).removeClass('hide');
                $(classIfTrue).addClass('hide');

                $(classIfFalse).find('input, select.req').attr('required', true);
                $(classIfTrue).find('input, select.req').attr('required', false).val("");
            }

        }

        $(document).ready(function () {
            showHideFields(
                '#app_shipping_rate_update_operationType',
                3, '.file', '.not-file'
            )
        }).on('change', '#app_shipping_rate_update_operationType', function () {
            showHideFields(
                '#app_shipping_rate_update_operationType', 3,
                '.file', '.not-file'
            )
        })
    </script>
{% endblock %}