{% if pagtoForma.cartaoStatus %}
    <h1 class="titulo">
        {{ pagtoForma.cartaoStatus == 'AUTORIZADO' ? __('oNumeroDaSuaReservaE') : reserva.reservaStatus == 'EMPROCESSAMENTO' ? __('reserva') : __('confirmacaoDeReserva') }}
        <b>Nº {{ reserva.id }}</b>
    </h1>
    <hr/>
    <div class="row">
        <div class="col-12 col-md-1 info-icon">
            <i class="far fa-check-circle"></i>
        </div>
        <div class="col-12 col-md-8">
            <p class="info-titulo">{{ __('obrigadoSuaReservaFoiEfetuadaComSucesso') }}</p>
            {% if reserva.reservaStatus == 'EMPROCESSAMENTO' %}
                <p class="info-descricao">{{ __('umDocumentoConfirmacaoSeraEnviadoAposProcessamento')|raw }}</p>
            {% else %}
                <p class="info-descricao">{{ __('umDocumentoDeTipoFoiEnviadoParaOEmailFornecido', (pagtoForma.cartaoStatus == "AUTORIZADO" ? __('reserva') : __('confirmacao'))|lower)|raw }}</p>
            {% endif %}
        </div>
        <div class="col-12 col-md-3">
            {% if reserva.dsUrlVoucher is not empty %}
                <a href="{{ reserva.dsUrlVoucher }}" target="_blank" class="button">
                    {{ __('imprimirVoucher') }}
                </a>
            {% endif %}
        </div>
    </div>
{% elseif pagtoForma.tipo == 'Financiamento' %}
    <h1 class="titulo">
        {{ pagtoForma.pagtoStatus == 'PENDENTE' ? __('oNumeroDaSuaReservaE') : __('confirmacaoDeReserva') }}
        <b>Nº {{ reserva.id }}</b>
    </h1>
    <hr/>
    <div class="row">
        <div class="col-12 col-md-1 info-icon">
            <i class="far fa-check-circle"></i>
        </div>
        <div class="col-12 col-md-8">
            <p class="info-titulo">{{ __('obrigadoSuaReservaFoiEfetuadaComSucesso') }}</p>
            <p class="info-descricao">{{ __('umDocumentoDeTipoFoiEnviadoParaOEmailFornecido', (pagtoForma.pagtoStatus == 'PENDENTE' ? __('reserva') : __('confirmacao'))|lower)|raw }}</p>
        </div>
        <div class="col-12 col-md-3">
            {% if reserva.dsUrlVoucher is not empty %}
                <a href="{{ reserva.dsUrlVoucher }}" target="_blank" class="button">
                    {{ __('imprimirVoucher') }}
                </a>
            {% endif %}
        </div>
    </div>
{% elseif reserva.pagto.pagtoForma[0].tipo == 'Boleto' %}
    <h1 class="titulo">
        {{ __('oNumeroDaSuaReservaE') }}
        <b>Nº {{ reserva.id }}</b>
    </h1>
    <hr/>
    <div class="row">
        <div class="col-12 col-md-1 info-icon">
            <i class="far fa-check-circle"></i>
        </div>
        <div class="col-12 col-md-8">
            <p class="info-titulo">{{ __('obrigadoSuaReservaFoiEfetuadaComSucesso') }}</p>
            <p class="info-descricao">{{ __('umDocumentoDeTipoFoiEnviadoParaOEmailFornecido', __('reserva')|lower)|raw }}</p>
        </div>
        <div class="col-12 col-md-3">
            {% if reserva.dsUrlVoucher is not empty %}
                <a href="{{ reserva.dsUrlVoucher }}" target="_blank" class="button">
                    {{ __('imprimirVoucher') }}
                </a>
            {% endif %}
            {% if reserva.pagto.pagtoForma[0].tipo == 'Boleto' and reserva.pagtoForma[0].dsUrlBoleto is not empty %}
                <a href="javascript:void(0)"
                   onclick="window.open('{{ reserva.pagtoForma[0].dsUrlBoleto }}', 'Boleto', 'RESIZABLE = NO, TOOLBAR = NO, SCROLLBARS = YES,TOP=10, LEFT=50, WIDTH=auto, HEIGHT=auto');"
                   class="button">
                    {{ __('imprimirBoleto') }}
                </a>
            {% endif %}
        </div>
    </div>
{% elseif (reserva.reservaStatus == 'CRIACAO' or reserva.reservaStatus == 'INCONSISTENTE' )%}
    <h1 class="titulo">
        {{ __('solicitacaoReserva') }}
        <b>Nº {{ reserva.id }}</b>
    </h1>
    <hr/>
    <div class="row">
        <div class="col-12 col-md-1 info-icon">
            <i class="far fa-check-circle"></i>
        </div>
        <div class="col-12 col-md-8">
            <p class="info-titulo">{{ __('voceEstaQuaseLa') }}</p>
            <p class="info-descricao">{{ __('entraremosEmContatoParaFinalizarReserva', __('confirmacao')|lower)|raw }}</p>
        </div>
    </div>
{% else %}
    <h1 class="titulo">
        {% if getStOrcamento() != true %}{{ __('confirmacaoDeReserva') }} {% else %}  {{ __('orcamento') }} {% endif %}
        <b>Nº {{ reserva.id }}</b>
    </h1>
    <hr/>
    <div class="row">
        <div class="col-12 col-md-1 info-icon">
            <i class="far fa-check-circle"></i>
        </div>
        <div class="col-12 col-md-8">
            {% if getStOrcamento() != true %}
                <p class="info-titulo">{{ __('obrigadoSuaReservaFoiConfirmadaComSucesso') }}</p>
                <p class="info-descricao">{{ __('umDocumentoDeTipoFoiEnviadoParaOEmailFornecido', __('confirmacao')|lower)|raw }}</p>
            {% else %}
                <p class="info-titulo">{{ __('obrigadoSeuOrcamentoFoiGeradoComSucesso') }}</p>
                <p class="info-descricao">{{ __('emBreveUmDenossosAtendentesIraEntrrEmContatoParaFormalizarOOrcamento') }}</p>
            {% endif %}
        </div>
        <div class="col-12 col-md-3">
            {% if reserva.dsUrlVoucher is not empty %}
                <a href="{{ reserva.dsUrlVoucher }}" target="_blank" class="button">
                    {{ __('imprimirVoucher') }}
                </a>
            {% endif %}
        </div>
    </div>
{% endif %}

<script>
    (function () {
        {% if reserva.reservaStatus == 'EMPROCESSAMENTO' %}
            setTimeout(function(){
                B2C.finalizacao.init({{ reserva|json_encode|raw }});
            }, (60 * 1000));
        {% endif %}
    })();
</script>