<form class="pnlMotor pacoteDinamico">
    <div class="header">
        <h1 class="titulo">
            {{ motores().pacoteDinamico.titulo }}
        </h1>
        <a href="javascript:void(0)">
            <i class="fas fa-times"></i>
        </a>
    </div>
    <div class="body">
        <div class="row">
            <div class="col-12 col-md-3">
                <label>
                    {{ __('origem') }}
                    <i class="fas fa-map-marker-alt"></i>
                </label>
                <input type="text" class="idOrigem icon" placeholder="{{ __('origem') }}"
                       {% if params.idOrigem is not empty %}value="{{ params.idOrigem  ~ '/' ~ params.sgOrigem ~ ';' ~ motor.origem.nm }}"{% endif %}/>
            </div>
            <div class="col-12 col-md-3">
                <label>
                    {{ __('destino') }}
                    <i class="fas fa-map-marker-alt"></i>
                </label>
                <input type="text" class="idDestino icon" id="idDestino" placeholder="{{ __('destino') }}"
                       {% if params.idDestino is not empty %}value="{{ params.idDestino ~ '/' ~ params.sgDestino ~ ';' ~ motor.destino.nm }}"{% endif %}/>
            </div>
            <div class="col-12 col-md-2">
                <label>
                    {{ __('datas') }}
                    <i class="fas fa-calendar"></i>
                </label>
                <input placeholder="{{ __('ida') }}" readonly class="dtIni icon"
                       value="{{ converteDataPTToIdioma(params.dtEntrada)|replace({'-': '/'}) }}"/>
            </div>
            <div class="col-12 col-md-2">
                <label>
                    <b class="qtNoite" style="font-weight:bold;">&nbsp;</b>
                    <i class="fas fa-calendar"></i>
                </label>
                <input placeholder="{{ __('volta') }}" readonly class="dtFim icon"
                       value="{{ converteDataPTToIdioma(params.dtSaida)|replace({'-': '/'}) }}"/>
            </div>
            <div class="col-12 col-md-2">
                <label>
                    {{ __('quartos') }}
                    <i class="fas fa-bed"></i>
                </label>
                <div class="fake-input icon">
                    {{ __('quartos') }}
                </div>
                <div class="box-pax">
                    <input type="text" class="quartoConfig" style="display: none;"/>
                    <div class="quartoQt">
                        <label>{{ __('quartos') }}</label>
                        <div>
                            <select></select>
                        </div>
                    </div>
                    <div class="quartoItems">
                        <div class="quartoItem">
                            <label>{{ __('quarto') }} </label>
                            <div class="quartoAdt">
                                <label>{{ __('adultos') }}</label>
                                <div>
                                    <select></select>
                                </div>
                            </div>
                            <div class="quartoSnr">
                                <label>{{ __('senior') }}</label>
                                <div>
                                    <select></select>
                                </div>
                            </div>
                            <div class="quartoSnrIdade">
                                <label>{{ __('idade') }}</label>
                                <div class="quartoSnrIdadeSel"><input type="number"/></div>
                            </div>
                            <div class="quartoChd">
                                <label>{{ __('criancas') }}</label>
                                <div>
                                    <select></select>
                                </div>
                            </div>
                            <div class="quartoIdade">
                                <label>{{ __('idade') }}</label>
                                <div class="quartoIdadeSel">
                                    <select></select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <a href="javascript:void(0)" class="no-link">{{ __('aplicar') }}</a>
                </div>
            </div>
            <div class="col-12 col-md-2">
                <label>
                    {{ __('bagagem') }}
                    <i class="fas fa-suitcase"></i>
                </label>
                <select name="bagagem" class="stComBagagem icon" value="">
                    <option selected value="" disabled>{{ __('selecione') }}</option>
                    <option value="true" {{ params.stComBagagem == 'true' ? 'selected' : '' }}>
                        {{ __('comBagagem') }}
                    </option>
                    <option value="false" {{ params.stComBagagem == 'false' ? 'selected' : '' }}>
                        {{ __('semBagagem') }}
                    </option>
                </select>
            </div>
            <div class="col-12 col-md-2">
                <label>
                    {{ __('possuiCupom') }}
                    <i class="fas fa-ticket-alt"></i>
                </label>
                <input placeholdestComBagagemr="{{ __('codigo') }}" class="nrCupom icon" value="{{ params.nrCupom }}"/>
            </div>
            <div class="col-12 col-md-3">
                <label style="margin: 5px;">
                    <div class="custom-control custom-checkbox">
                        <input type="checkbox" class="custom-control-input stDestinoDiff" id="checkBoxData"
                               style="margin: 0;padding: 0;" {{ motor.destinoDiff !=null ? 'checked=true' : '' }}>
                        <label class="custom-control-label" for="checkBoxData"
                               style="padding: 5px 0px 0px;margin: 10px 0px 5px;margin: 0;padding: 4px 0px;">
                            Destino diferente do aéreo?
                        </label>
                    </div>
                    <i class="fas fa-map-marker-alt"></i>
                </label>
                <input placeholdestcombagagemr="Código"
                       class="destinoDiff icon" {{ motor.destinoDiff !=null ? '' : 'disabled' }}
                       placeholder="{{ __('destino') }}"
                        {% if motor.destinoDiff !=null is not empty %}value="{{ params.destinoDiff~ ';' ~ motor.destinoDiff.nm ~ ', ' ~ motor.destinoDiff.sb }}"{% endif %}>
            </div>
        </div>
        <div class="row">
            <div class="col-12 col-md-2 pnlBotao offset-md-10">
                <button type="button" class="button">{{ __('pesquisar') }}</button>
            </div>
        </div>
    </div>
</form>