{% extends "AppBundle::layout_backend.html.twig" %}

{% block stylesheets2nd %}

    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" rel="stylesheet">
    {% stylesheets
        'bundles/app/css/switch.css'
        'bundles/app/css/views/Product/combo/swiper.css'
        filter='cssrewrite'
    %}
        <link rel="stylesheet" href="{{ asset_url }}"/>
    {% endstylesheets %}
{% endblock %}

{% block stylesheets3rd %}{% endblock %}

{% block headercontent %}
    <h3 class="cfj-bgcolor-three pageTitle cfj-color-white">
        OMS <i class="fa fa-angle-right"></i> Ventas <i class="fa fa-angle-right"></i> Nueva orden
    </h3>
{% endblock %}

{% block content %}

    <div class="box mt-4">
        <div class="box-body">
            <div class="showview p-5">
                <div class='box views'>
                    <div class="row">
                        {% block hiddenFields %}
                            {% include 'AppBundle:Ordenes:create/form_blocks/aux_fields/marketplaceConnection.html.twig' with {'mktConnectionId': mktConnectionId|default('')} %}
                        {% endblock %}

                        <form id="orderForm" action="#">

                            <div id="tabForm">
                                <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                        {% include 'AppBundle:Ordenes:create/form_blocks/shipping_address.html.twig' %}
                                    </div>
                                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                        {% include 'AppBundle:Ordenes:create/form_blocks/billing_address.html.twig' %}
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        {% include 'AppBundle:Ordenes:create/form_blocks/order_details.html.twig' %}
                                    </div>
                                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                        {% include 'AppBundle:Ordenes:create/form_blocks/shipping_details.html.twig' %}
                                    </div>
                                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                        {# checkear #}{% include 'AppBundle:Ordenes:create/form_blocks/payment_details.html.twig' %}
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        {% include 'AppBundle:Ordenes:create/form_blocks/data_order.html.twig' %}
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        {% include 'AppBundle:Ordenes:create/form_blocks/status_order.html.twig' %}
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        {% include 'AppBundle:Ordenes:create/form_blocks/totals_order.html.twig' %}
                                    </div>

                                </div>
                            </div>

                            {# Sección: Acciones #}
                            <span id="floating-action-buttons-container">
                                {% block actionElements %}
                                    {% include 'AppBundle:Products:forms/blocks/action_buttons/save.html.twig' %}
                                    {% include 'AppBundle:Products:forms/blocks/action_buttons/cancel.html.twig' %}
                                {% endblock %}
                            </span>

                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts2nd %}
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/progressbar.js/1.1.0/progressbar.min.js" integrity="sha512-EZhmSl/hiKyEHklogkakFnSYa5mWsLmTC4ZfvVzhqYNLPbXKAXsjUYRf2O9OlzQN33H0xBVfGSEIUeqt9astHQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    {% javascripts
        '@AppBundle/Resources/public/js/Ordenes/HTML/html_blocks.js'
        '@AppBundle/Resources/public/js/Ordenes/orderSwiperStructure.js'
        '@AppBundle/Resources/public/js/Ordenes/views/specific_blocks/searchProductsForOrders.js'
        '@AppBundle/Resources/public/js/Helpers/progressBar.js'
        '@AppBundle/Resources/public/js/Ordenes/create.js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

{% endblock %}

{% block javascripts3rd %}{% endblock %}