{% extends '_templates/base.twig' %}

{% block title %}
    {{ page.page_title }}
{% endblock %}

{% block style %}
{% endblock %}

{% block content %}
    {% include '_templates/includes/header.twig' %}

    <section class="main checkout">

        {% include '_templates/includes/preloader.twig' %}

        <div data-b2c-content style="display: none">

            <section data-b2c-pagina-checkout>
                {% include 'checkout/checkout.twig' %}
            </section>
        </div>

        <div data-b2c-pagina-error style="display: none">
            <div style="text-align: center;width: 100%;font-size: 20px;margin-top: 10%;" class="conteudo" data-message-error-checkout>
                {{ __('nenhumResultadoEncontrado')|raw }}
            </div>
        </div>
    </section>

    {% include '_templates/includes/footer.twig' %}

    <div class="modal fade" id="modalMaps" tabindex="-1" role="dialog" aria-labelledby="modalMaps" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><span class="map-title"></span></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="maps">
                    <div id="b2c-map" style="height: 500px" data-b2c-mapa></div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block scripts %}
    <script>
        (function () {
            B2C.checkout.init();
        })();
    </script>
{% endblock %}