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

{% block stylesheets2nd %}

    {% stylesheets
        'bundles/app/css/filepond.css'
        'bundles/app/css/filepond.min.css'
        'bundles/app/css/filepond-plugin-image-preview.min.css'
        filter='cssrewrite' 
    %}
        <link rel="stylesheet" href="{{ asset_url }}"/>
    {% endstylesheets %} 
    
{% endblock %}

{% block bootstrap_stylesheets %}
    <link 
        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" 
        rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" 
        crossorigin="anonymous"
    >
    <link 
        rel="stylesheet" 
        href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.8.1/font/bootstrap-icons.min.css"
    >
{% endblock %}

{% block bootstrap_javascript %}
    <script 
        src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" 
        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" 
        crossorigin="anonymous">
    </script>
{% endblock %}

{% block content %}

{% stylesheets 'bundles/app/css/views/ShippingManagement/shipping.css' filter='cssrewrite' %}
        <link rel="stylesheet" href="{{ asset_url }}"/>
    {% endstylesheets %}

<div class="box">
    <div class="box-body">
        <div class="row" style="margin-left: 15px;">
            {% include "AppBundle:ShippingManagement:components/cards_panel.html.twig" with { 'cards_values': cardValues } %}
        </div>
        <div class="row" style="margin-left: 15px;">
            {% include "AppBundle:ShippingManagement:components/table_shipping_panel.html.twig" with { 'shipping_status': shippingStatus } %}
        </div>
    </div>
</div>
{% include "AppBundle:ShippingManagement:components/massive_shipping_modal.html.twig" with { 'carrier_connections': carrierConnections, 'warehouses' : warehouses, 'global_status' : globalStatus } %}
{% include "AppBundle:ShippingManagement:components/previous_jobs_modal.html.twig" %}


{% endblock %}


{% block javascripts2nd %}
    {% javascripts
        '@AppBundle/Resources/public/js/ShippingManagement/tableShippingHelper.js'
        '@AppBundle/Resources/public/js/ShippingManagement/massiveShippingHelper.js'
    %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

    <script type="text/javascript">
        const carrierConnections = {{ carrierConnections|json_encode|raw }};
    </script>
{% endblock %}