<form action="javascript:void(0)">
    <div class="row">
        {% if getB2CIdioma() != 'en_US' %}
            {% if documentosPagantePermitidoCheckout() == null %}
                <div class="col-md-3">
                    <label for="">
                        {{ __('cpf') }}
                        <span>*</span>
                    </label>
                    <input placeholder="000.000.000-00" name="nrDocumento" maxlength="14" data-b2c-input="nrDocumento"
                           data-b2c-input-tipo="cpf" />
                </div>
            {% else %}
                <div class="col-md-3" style="padding-right: 0;" data-b2c-doc-pagador-group>
                    <label for="">
                        {{ __('documento') }}
                        <span>*</span>
                    </label>
                    <div class="form-group">
                        <select class="select-doc" name="tpDocumento" data-text-passaporte="{{ __('passaporte') }}" data-text-cpf="CPF" data-b2c-doc-switch-pagador>
                            {% for value in documentosPagantePermitidoCheckout()  %}
                                <option value="{{ value }}" {% if value == 'CPF' %}selected="selected"{% endif %}>{{ __(value|lower) }}</option>
                            {% endfor %}
                        </select>
                        <input type="text" name="nrDocumento" data-b2c-input="nrDocumento" data-b2c-input-tipo="cpf"
                               placeholder="" />
                    </div>
                </div>
            {% endif %}
        {% endif %}
        <div class="col-md-3">
            <label for="">
                {{ __('sexo') }}
                <span>*</span>
            </label>
            <select name="tpSexo" data-placeholder="Sexo" data-b2c-input="sexo">
                <option value="MASCULINO">{{ __('masculino') }}</option>
                <option value="FEMININO">{{ __('feminino') }}</option>
            </select>
        </div>
        <div class="col-md-3">
            <label for="">
                {{ __('telefone') }}
                <span>*</span>
            </label>
            <select name="tpTelefone" data-placeholder="{{ __('telefone') }}" required="" data-b2c-input="telefoneTipo">
                <option value="CELULAR">{{ __('celular') }}</option>
                <option value="RESIDENCIAL">{{ __('residencial') }}</option>
            </select>
        </div>
        <div class="col-md-3">

            <label for="">
                {{ __('numero') }}
                <span>*</span>
            </label>
            <input name="nrTelefone" placeholder="{% if getB2CIdioma() != 'en_US' %}(00) 00000-0000{% endif %}"
                   data-b2c-input="nrTelefone">
        </div>
        <div class="col-md-4">
            <label for="">
                {{ __('nascimento') }}
                <span>*</span>
            </label>
            <input placeholder="{% if getB2CIdioma() != 'en_US' %}DD/MM/YYYY{% else %}MM/DD/YYYY{% endif %}"
                   name="dtNascimento" value="" data-b2c-input="dtNascimento">
        </div>
    </div>
    <div class="row" b2c-data-form-endereco>
        <div class="col-md-4">
            <label for="">
                {{ __('cep') }}
                <span>*</span>
            </label>
            <input placeholder="{% if getB2CIdioma() != 'en_US' %}00000-000{% endif %}" name="nrCep"
                   data-b2c-input="cep">
            <img width="20" src="assets/img/ajax-loader.gif"
                 style="height: 20px;margin-top: -28px;margin-left: 11px;position: absolute;right: 19px;display: none;top: 71px;">
        </div>
        <div class="col-md-8">
            <label for="">
                {{ __('endereco') }}
                <span>*</span>
            </label>
            <input placeholder="" data-b2c-input="endereco">
        </div>
        {% if getB2CIdioma() != 'en_US' %}
            <div class="col-md-4" data-b2c-form-pag-el-nrendereco>
                <label for="">
                    {{ __('numero') }}
                    <span>*</span>
                </label>
                <input placeholder="" data-b2c-input="nrEndereco" maxlength="20">
            </div>
        {% endif %}
        <div class="col-md-4">
            <label for="">
                {{ __('complemento') }}
            </label>
            <input placeholder="" data-b2c-input="complemento">
        </div>
        {% if getB2CIdioma() != 'en_US' %}
            <div class="col-md-4" data-b2c-form-pag-el-bairro="">
                <label for="">
                    {{ __('bairro') }}
                    <span>*</span>
                </label>
                <input placeholder="" data-b2c-input="bairro">
            </div>
        {% endif %}
        <div class="col-md-6">
            <label for="">
                {{ __('municipio') }}
                <span>*</span>
            </label>
            <input type="text" name="nmMunicipio" required="" autocomplete="off" data-b2c-input="municipio">
            <input type="hidden" name="idMunicipio" data-b2c-input="idMunicipio"/>
        </div>
    </div>
</form>