<section class="perfil">
    <div class="submenu">
        <div class="container">
            <h1>{{ __('meuPerfil') }}</h1>
        </div>
    </div>

    <div class="conteudo">
        <div class="container">
            <div class="dados">
                <form method="post" action="javascript:void(0)" data-b2c-action="usuario/aj/atualizar"
                      name="frmAtualizarCadastro" data-b2c-ajax-form-user-informacoes b2c-data-form>
                    <h2>{{ __('dadosPessoais') }}</h2>
                    <div class="row">
                        <div class="col-md-6">
                            <label for="">
                                {{ __('nome') }}
                                <span>*</span>
                            </label>
                            <input type="text" name="nmCompleto" placeholder=""
                                   value="{{ getUsuario().cliente.nmCompleto }}" data-b2c-input="nome" required="">
                        </div>
                        <div class="col-md-6">
                            <label for="">
                                {{ __('email') }}
                                <span>*</span>
                            </label>
                            <input type="text" name="nmEmail" placeholder="" value="{{ getUsuario().cliente.nmEmail }}"
                                   data-b2c-input="email" {{ not getUsuario().cliente.nmEmail ? '' : 'readonly' }}
                                   required="">
                        </div>
                        <div class="col-md-3">
                            <label>{{ __('sexo') }} *</label>
                            <select name="tpSexo" data-placeholder="Sexo" class="chosen-select no-search-select"
                                    data-b2c-input="sexo" required="">
                                <option value="MASCULINO" {{ getUsuario().cliente.sexo == 'MASCULINO' ? 'selected="selected"' : '' }}>
                                    {{ __('masculino') }}
                                </option>
                                <option selected=""
                                        value="FEMININO" {{ getUsuario().cliente.sexo == 'FEMININO' ? 'selected="selected"' : '' }}>
                                    {{ __('feminino') }}
                                </option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label for="">
                                {{ __('nascimento') }}
                                <span>*</span>
                            </label>
                            <input type="text" name="dtNascimento" placeholder=""
                                   value="{{ formataData(getUsuario().cliente.dtNascimento, 'd/m/Y') }}"
                                   data-b2c-input="nascimento" required="">
                        </div>
                        <div class="col-md-3">
                            <label for="">
                                {{ __('documento') }}
                                <span>*</span>
                            </label>
                            <select name="tpDocumento" data-placeholder="Documento"
                                    class="chosen-select no-search-select" required=""
                                    data-b2c-input="tpDocumento" {{ not getUsuario().cliente.documento.nrDocumento ? '' : '' }}>
                                <option {{ getUsuario().cliente.documento.documentoTipo == 'CPF' ? 'checked' : '' }}
                                        value="CPF">
                                    {{ __('cpf') }}
                                </option>
                                <option {{ getUsuario().cliente.documento.documentoTipo == 'RG' ? 'checked' : '' }}
                                        value="RG">
                                    {{ __('rg') }}
                                </option>
                                <option {{ getUsuario().cliente.documento.documentoTipo == 'PASSAPORTE' ? 'checked' : '' }}
                                        value="PASSAPORTE">
                                    {{ __('passaporte') }}
                                </option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label for="">
                                {{ __('numeroDoDocumento') }}
                                <span>*</span>
                            </label>
                            <input type="text" name="nrDocumento" placeholder=""
                                   value="{{ getUsuario().cliente.documento.nrDocumento }}"
                                   data-b2c-input="nrDocumento" {{ not getUsuario().cliente.documento.nrDocumento ? '' : '' }}>
                        </div>
                    </div>

                    <h2>{{ __('contato') }}</h2>
                    <div class="row">
                        <div class="col-md-2">
                            <label for="">
                                {{ __('telefone') }}
                                <span>*</span>
                            </label>
                            <select name="tpTelefone" data-placeholder="Celular" class="chosen-select no-search-select"
                                    required="" value="{{ getUsuario().cliente.telefone.telefoneTipo }}"
                                    data-b2c-input="telefoneTipo">
                                <option {{ getUsuario().cliente.telefone.telefoneTipo == 'CELULAR' ? 'selected="selected"' : '' }}
                                        value="CELULAR">
                                    {{ __('celular') }}
                                </option>
                                <option {{ getUsuario().cliente.telefone.telefoneTipo == 'RESIDENCIAL' ? 'selected="selected"' : '' }}
                                        value="RESIDENCIAL">
                                    {{ __('residencial') }}
                                </option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label for="">
                                {{ __('numero') }}
                                <span>*</span>
                            </label>
                            <input type="text" name="nrTelefone" placeholder="(00) 00000-0000" required=""
                                   value="{{ getUsuario().cliente.telefone.nrDDD ~ getUsuario().cliente.telefone.nrTelefone }}"
                                   data-b2c-input="nrTelefone">
                        </div>
                    </div>

                    <h2>{{ __('endereco') }}</h2>
                    <div class="row" b2c-data-form-endereco>
                        <div class="col-md-4">
                            <label for="">
                                {{ __('cep') }}
                                <span>*</span>
                            </label>
                            <input type="text" name="nrCep" placeholder="00000-000" required=""
                                   value="{{ getUsuario().cliente.endereco.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 type="text" name="dsEndereco" required=""
                                   value="{{ getUsuario().cliente.endereco.dsEndereco }}" data-b2c-input="endereco">
                        </div>
                        <div class="col-md-4">
                            <label for="">
                                {{ __('numero') }}
                                <span>*</span>
                            </label>
                            <input type="text" name="nrEndereco" required="" maxlength="20"
                                   value="{{ getUsuario().cliente.endereco.nrEndereco }}" data-b2c-input="nrEndereco">
                        </div>
                        <div class="col-md-4">
                            <label for="">
                                {{ __('complemento') }}
                                <span>*</span>
                            </label>
                            <input type="text" name="nmComplemento"
                                   value="{{ getUsuario().cliente.endereco.nmComplemento }}"
                                   data-b2c-input="complemento">
                        </div>
                        <div class="col-md-4">
                            <label for="">
                                {{ __('bairro') }}
                                <span>*</span>
                            </label>
                            <input type="text" name="nmBairro" required=""
                                   value="{{ getUsuario().cliente.endereco.nmBairro }}" data-b2c-input="bairro">
                        </div>
                        <div class="col-md-6">
                            <label for="">
                                {{ __('municipio') }}
                                <span>*</span>
                            </label>
                            <input type="text" name="nmMunicipio" required="" class="ui-autocomplete-input"
                                   autocomplete="off"
                                   value="{{ getUsuario().cliente.endereco.municipio.nmMunicipio ~ (getUsuario().cliente.endereco.municipio.sgEstado is not empty ? ' - ' ~ getUsuario().cliente.endereco.municipio.sgEstado : '') }}"
                                   data-b2c-input="municipio">
                            <input type="hidden" name="idMunicipio"
                                   value="{{ getUsuario().cliente.endereco.municipio.id is not empty ? getUsuario().cliente.endereco.municipio.id ~ '|' ~ getUsuario().cliente.endereco.municipio.nmMunicipio ~ '|' ~ getUsuario().cliente.endereco.municipio.sgEstado ~ '|' ~ getUsuario().cliente.endereco.municipio.nmEstado ~ '|' ~ getUsuario().cliente.endereco.municipio.sgPais ~ '|' ~ getUsuario().cliente.endereco.municipio.nmPais : '' }}"
                                   data-b2c-input="idMunicipio"/>
                        </div>
                    </div>

                    <button type="submit" style="width: 100%;margin-top: 14px;" class="button">
                        <span class="text">
                            {{ __('salvar') }}
                        </span>
                        <span class="spinner">
                            <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
                        </span>
                    </button>
                </form>
            </div>
        </div>
    </div>
</section>