{% extends '@EasyAdmin/default/layout.html.twig' %}

{% block header_container %}
    <div class="row p-t-b-10">
        <div class="col-12" style="padding-left: 40px;">
            <h3 class="font-weight-bold">
                {# <span class="s-24 icon-shopping_cart"> #}
                </span>{% trans %}stripeConect.payment_processed{% endtrans %}</span>
            </h3>
        </div>
    </div>
{% endblock %}

{% block wrapper %}
    <div class="card r-0 shadow my-3">

        <div class='' id="bm" style="height: 350px;"> </div>
        <div class="card-body">
            <h2 class="text-center" id='messageOrderCreada'>{{'stripeConect.message_succes'| trans}}</h2>
            <div class='mt-3'>
                <a href='/admin/?entity=OrderClient&action=list&menuIndex=8&submenuIndex=0'> 
                    <button class="btn btn-primary w-100" type="submit">
                        {{'stripeConect.go_to_orders'| trans}}
                    </button>
                </a>
            </div>
        </div>
    </div>
{% endblock %}

{% block body_javascript %}
    <script src="{{ asset('js/lottie.min.js') }}"></script>
    <script>
        $( document ).ready(function() {
            console.log('hola')
            var animation = lottie.loadAnimation({
                container: document.getElementById('bm'),
                renderer: 'svg',
                loop: true,
                autoplay: true,
                path: '/img/anim_success_order.json'
            })
         });
    </script>
{% endblock %}