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

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

{% block style %}
{% endblock %}

{% block content %}
    <section class="main detalhe">
        <div data-b2c-content style="display: none">

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



        </div>
    </section>
    <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 type="text/javascript">
        /* <![CDATA[ */
        var motorBusca = new MotorBusca(CHAVE_MOTOR, Object.assign(motorConfig, {}));
        {% if tpPesquisa == 'hospedagem' %}
        motorBusca.motorHotel('.pnlMotor.hotel', {
            quarto: {value: '{{ params.config }}'}
        });

        iniciaMotor('.motorHotel', true);
        {% elseif tpPesquisa == 'pacote_aereo' %}
        motorBusca.motorPacoteAereo('.pnlMotor.pacoteAereo', {
            quarto: {value: '{{ params.config }}'}
        });
        {% elseif tpPesquisa == 'pacote_hotel' %}
        motorBusca.motorPacoteHotel('.pnlMotor.pacoteHotel', null, {{ params.idPacote ? params.idPacote|replace({'P': ''}) : null }}, {
            quarto: {value: '{{ params.config }}'}
        });
        {% elseif tpPesquisa == 'pacote_dinamico' %}
        motorBusca.motorPacoteDinamico('.pnlMotor.pacoteDinamico', {
            quarto: {value: '{{ params.config }}'}
        });
        {% elseif tpPesquisa == 'rodo_hotel' %}
        motorBusca.motorRodoHotel('.pnlMotor.rodoHotel', {
            quarto: {value: '{{ params.config }}'}
        });
        {% elseif tpPesquisa == 'rodo_servico' %}
        motorBusca.motorRodoServico('.pnlMotor.rodoServico', {
            quarto: {value: '{{ params.config }}'}
        });
        {% endif %}
        /*]]>*/
    </script>

    <script>
        (function () {
            B2C.detalhe.init('hospedagem');
        })();
    </script>
{% endblock %}