<form action="javascript:void(0)">
    <div class="form-row">
        <div class="form-group col-md-6">
            <label for="input-nome-pagador">CPF</label>
            <input type="text" class="form-control input-cpf" required="" id="input-nome-pagador"
                   data-b2c-input="nrDocumento"

                   data-b2c-input-tipo="cpf"
                   name="nrDocumento"
            >
        </div>

        <div class="form-group col-md-3">
            <label for="input-sexo-pagador">Sexo</label>
            <select id="input-sexo-pagador" class="form-control" data-b2c-input="sexo">
                <option style="display:none" value="">{{ __('selecione') }}</option>
                <option value="MASCULINO" selected="true">Masculino
                </option>
                <option value="FEMININO">Feminino
                </option>
            </select>
        </div>
        <div class="form-group col-md-3">
            <label for="input-nascimento-pagador">Nascimento</label>
            <input type="text" class="form-control" required="" id="input-nascimento-pagador" placeholder="__ /__ /____"
                   data-b2c-input="dtNascimento" name="dtNascimento">
        </div>
        <div class="form-group col-md-2">
            <label for="input-telefone-tipo">Telefone *</label>
            <select id="input-telefone-tipo" class="form-control" required=""
                    data-b2c-input="telefoneTipo">
                <option value="CELULAR">Celular</option>
                <option value="RESIDENCIAL">Residencial</option>
            </select>

        </div>

        <div class="form-group col-md-4">
            <label for="input-telefone">Número</label>
            <input name="nrTelefone" type="text" class="form-control cel" id="input-telefone" required="" placeholder=""

                   data-b2c-input="nrTelefone">
        </div>
        <div class="form-group col-md-12 info-safety d-block d-sm-none">
            *Por segurança, você poderá ser contactado no número acima.
        </div>
        <div class="form-endereco" b2c-data-form-endereco>
            <div class="form-group col-md-6">
                <label for="input-cep">CEP</label>
                <input name="nrCep" type="text" class="form-control" id="input-cep" required="" placeholder="00000-000"
                       required=""
                       data-b2c-input="cep">
            </div>
            <div class="form-group col-md-12 info-safety d-none d-sm-block">
                *Por segurança, você poderá ser contactado no número acima.
            </div>
            <div class="form-group col-md-6">
                <label for="input-municipio">Município</label>
                <input type="text" name="nmMunicipio" required="" class="form-control" autocomplete="off"
                       data-b2c-input="municipio">
                <input type="hidden" name="idMunicipio"
                       data-b2c-input="idMunicipio"/>
            </div>
            <div class="form-group col-md-6">
                <label for="input-bairro">Bairro</label>
                <input type="text" class="form-control" id="input-bairro " required=""
                       data-b2c-input="bairro">
            </div>
            <div class="form-group col-md-6">
                <label for="input-rua">Rua</label>
                <input type="text" class="form-control" id="input-rua" required=""
                       data-b2c-input="endereco">
            </div>
            <div class="form-group col-md-3">
                <label for="input-numero">Número</label>
                <input type="text" class="form-control" id="input-numero" required=""
                       data-b2c-input="nrEndereco" maxlength="20">
            </div>
            <div class="form-group col-md-3">
                <label for="input-complemento">Complemento</label>
                <input type="text" class="form-control" id="input-complemento" required=""
                = data-b2c-input="complemento">
            </div>
        </div>


    </div>
</form>

