<div class="content atualizarDados">
    <md-card>
        <md-card-content>

            <h1>Pedido de atualização dos dados cadastrais</h1>
            <div layout-gt-sm="row">
                <div class="atuaCad" flex>
                    <h1>Dados Gerais</h1>
                    <div layout-gt-sm="row">
                        <p>
                            <span>Cep:</span> {{endereco.cep}}
                        </p>
                        <p>
                            <span>Estado:</span> {{endereco.estado}}
                        </p>
                        <p>
                            <span>Cidade:</span>{{endereco.cidade}}
                        </p>
                    </div>
                    <p>
                        <span>Bairro:</span> {{endereco.bairro}}
                    </p>
                    <div layout-gt-sm="row">
                        <p>
                            <span>Endereço:</span> {{endereco.endereco}}
                        </p>
                        <p>
                            <span>Numero:</span> {{endereco.numero}}
                        </p>
                    </div>
                    <p>
                        <span>Complemento:</span> {{endereco.complemento}}
                    </p>
                    <div layout-gt-sm="row">
                        <p>
                            <span>Telefone 1:</span> {{endereco.telefone1}}
                        </p>
                        <p>
                            <span>Telefone 2:</span> {{endereco.telefone2}}
                        </p>
                        <p>
                            <span>Celular:</span> {{endereco.celular}}
                        </p>
                    </div>
                    <p>
                        <span>Email:</span> {{endereco.email}}
                    </p>
                </div>

                <div class="atuaCad" flex>
                    <h1>Endereço de Nota Fiscal</h1>
                    <div layout-gt-sm="row">
                        <p>
                            <span>Cep:</span>{{enderecoNota.cep}}
                        </p>
                        <p>
                            <span>Estado:</span>{{enderecoNota.estado}}
                        </p>
                        <p>
                            <span>Cidade:</span> {{enderecoNota.cidade}}
                        </p>
                    </div>
                    <p>
                        <span>Endereço:</span> {{enderecoNota.endereco}}
                    </p>
                    <div layout-gt-sm="row">
                        <p>
                            <span>Bairro:</span> {{enderecoNota.bairro}}
                        </p>

                        <p>
                            <span>Numero:</span> {{enderecoNota.numero}}
                        </p>
                    </div>
                    <p>
                        <span>Complemento:</span> {{enderecoNota.complemento}}
                    </p>
                    <p>
                        <span>Email:</span> {{enderecoNota.email}}
                    </p>
                </div>


                <div class="atuaCad" flex>
                    <h1>Endereço de Cobrança</h1>
                    <div layout-gt-sm="row">
                        <p>
                            <span>Cep:</span> {{enderecoCobranca.cep}}
                        </p>
                        <p>
                            <span>Estado:</span> {{enderecoCobranca.estado}}
                        </p>
                        <p>
                            <span>Cidade:</span> {{enderecoCobranca.cidade}}
                        </p>
                    </div>
                    <p>
                        <span>Endereço:</span> {{enderecoCobranca.endereco}}
                    </p>
                    <div layout-gt-sm="row">
                        <p>
                            <span>Bairro:</span> {{enderecoCobranca.bairro}}
                        </p>

                        <p>
                            <span>Numero:</span> {{enderecoCobranca.numero}}
                        </p>
                    </div>
                    <p>
                        <span>Complemento:</span> {{enderecoCobranca.complemento}}
                    </p>
                    <div layout-gt-sm="row">
                        <p>
                            <span>Email:</span> {{enderecoCobranca.email}}
                        </p>
                        <p>
                            <span>Telefone:</span> {{enderecoCobranca.telefone}}
                        </p>
                    </div>
                </div>
            </div>

            <form name="formDadosCadastrais" novalidate ng-submit="enviarAlteracoes()">
                <md-tabs md-dynamic-height md-border-bottom>
                    <!-- ENDEREÇO PADRÂO -->
                    <md-tab label="Dados Gerais">
                        <div layout-gt-sm="row">
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>CEP</label>
                                <input name="cep" md-no-asterisk ng-model="endereco.cep" maxlength="9"
                                    ng-required="requiredForms('geral').erro" ui-br-cep-mask>
                                <div ng-messages="formDadosCadastrais.cep.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 9 caracteres.</div>
                                </div>
                            </md-input-container>

                            <md-input-container flex="20">
                                <label>Estado</label>
                                <md-select name="estado" ng-model="endereco.estado"
                                    ng-required="requiredForms('geral').erro">
                                    <md-option ng-value="e" ng-repeat="e in estados">{{e}}</md-option>
                                </md-select>
                            </md-input-container>
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Cidade</label>
                                <input name="cidade" md-no-asterisk ng-model="endereco.cidade" md-maxlength="50"
                                    ng-required="requiredForms('geral').erro">
                                <div ng-messages="formDadosCadastrais.cidade.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>
                        </div>

                        <div layout-gt-sm="row">
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Endereço</label>
                                <input name="endereco" md-no-asterisk ng-model="endereco.endereco" md-maxlength="50"
                                    ng-required="requiredForms('geral').erro">
                                <div ng-messages="formDadosCadastrais.endereco.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>

                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Numero</label>
                                <input name="numero" md-no-asterisk ng-model="endereco.numero" md-maxlength="50"
                                    ng-required="requiredForms('geral').erro">
                                <div ng-messages="formDadosCadastrais.numero.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>
                        </div>
                        <div layout-gt-sm="row">
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Bairro</label>
                                <input name="bairro" md-no-asterisk ng-model="endereco.bairro" md-maxlength="50"
                                    ng-required="requiredForms('geral').erro">
                                <div ng-messages="formDadosCadastrais.bairro.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Complemento</label>
                                <input name="complemento" md-no-asterisk ng-model="endereco.complemento"
                                    md-maxlength="50">
                                <div ng-messages="formDadosCadastrais.complemento.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>
                        </div>

                        <div layout-gt-sm="row">
                            <md-input-container class="md-block" flex-gt-xs md-flex="30">
                                <label>Telefone 1</label>
                                <input name="telefone1" ng-model="endereco.telefone1" ui-br-phone-number />
                                <div class="hint" ng-show="showHints">(##) #####-####</div>
                            </md-input-container>
                            <md-input-container class="md-block" flex-gt-xs md-flex="30">
                                <label>Telefone 2</label>
                                <input name="telefone2" ng-model="endereco.telefone2" ui-br-phone-number />
                                <div class="hint" ng-show="showHints">(##) #####-####</div>
                            </md-input-container>
                            <md-input-container class="md-block" flex-gt-xs md-flex="30">
                                <label>Celular</label>
                                <input name="celular" ng-model="endereco.celular" ui-br-phone-number />
                                <div class="hint" ng-show="showHints">(##) #####-####</div>
                            </md-input-container>
                        </div>

                        <md-input-container class="md-block">
                            <label>E-mail</label>
                            <input type="email" name="email" ng-model="endereco.email" minlength="10" maxlength="100"
                                ng-pattern="/^.+@.+\..+$/" />
                            <div ng-messages="formDadosCadastrais.$error" role="alert">
                                <div ng-message-exp="['minlength', 'maxlength', 'pattern']">
                                    Seu e-mail precisa ter entre 10 e 100 caracteres e seguir o padrão de email.
                                </div>
                            </div>
                        </md-input-container>
                    </md-tab>

                    <!-- ENDEREÇO DE NOTAS FISCAIS -->
                    <md-tab label="Endereço para Notas Fiscais">
                        <div layout-gt-sm="row">
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>CEP</label>
                                <input name="nota_cep" md-no-asterisk ng-model="enderecoNota.cep" maxlength="9"
                                    ng-required="requiredForms('nota').erro" ui-br-cep-mask>
                                <div ng-messages="formDadosCadastrais.nota_cep.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 9 caracteres.</div>
                                </div>
                            </md-input-container>

                            <md-input-container flex="20">
                                <label>Estado</label>
                                <md-select name="nota_estado" ng-model="enderecoNota.estado"
                                    ng-required="requiredForms('nota').erro">
                                    <md-option ng-value="e" ng-repeat="e in estados">{{e}}</md-option>
                                </md-select>
                            </md-input-container>
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Cidade</label>
                                <input name="nota_cidade" md-no-asterisk ng-model="enderecoNota.cidade"
                                    md-maxlength="50" ng-required="requiredForms('nota').erro">
                                <div ng-messages="formDadosCadastrais.nota_cidade.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>
                        </div>

                        <div layout-gt-sm="row">
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Endereço</label>
                                <input name="nota_endereco" md-no-asterisk ng-model="enderecoNota.endereco"
                                    md-maxlength="50" ng-required="requiredForms('nota').erro">
                                <div ng-messages="formDadosCadastrais.nota_endereco.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>

                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Numero</label>
                                <input name="nota_numero" md-no-asterisk ng-model="enderecoNota.numero"
                                    md-maxlength="50" ng-required="requiredForms('nota').erro">
                                <div ng-messages="formDadosCadastrais.nota_numero.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>
                        </div>
                        <div layout-gt-sm="row">
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Bairro</label>
                                <input name="nota_bairro" md-no-asterisk ng-model="enderecoNota.bairro"
                                    md-maxlength="50" ng-required="requiredForms('nota').erro">
                                <div ng-messages="formDadosCadastrais.nota_bairro.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Complemento</label>
                                <input name="nota_complemento" md-no-asterisk ng-model="enderecoNota.complemento"
                                    md-maxlength="50" ng-required="requiredForms('nota').erro">
                                <div ng-messages="formDadosCadastrais.nota_complemento.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>
                        </div>


                        <md-input-container class="md-block">
                            <label>E-mail</label>
                            <input type="email" name="nota_email" ng-model="enderecoNota.email" minlength="10"
                                maxlength="100" ng-pattern="/^.+@.+\..+$/" />
                            <div ng-messages="formDadosCadastrais.nota_email.$error" role="alert">
                                <div ng-message-exp="['minlength', 'maxlength', 'pattern']">
                                    Seu e-mail precisa ter entre 10 e 100 caracteres e seguir o padrão de email.
                                </div>
                            </div>
                        </md-input-container>
                    </md-tab>

                    <!-- ENDEREÇO DE COBRANÇA -->
                    <md-tab label="Endereço de Cobrança">
                        <div layout-gt-sm="row">
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>CEP</label>
                                <input name="cobranca_cep" md-no-asterisk ng-model="enderecoCobranca.cep" maxlength="9"
                                    ng-required="requiredForms('cobranca').erro" ui-br-cep-mask>
                                <div ng-messages="formDadosCadastrais.cobranca_cep.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 9 caracteres.</div>
                                </div>
                            </md-input-container>

                            <md-input-container flex="20">
                                <label>Estado</label>
                                <md-select name="cobranca_estado" ng-model="enderecoCobranca.estado"
                                    ng-required="requiredForms('cobranca').erro">
                                    <md-option ng-value="e" ng-repeat="e in estados">{{e}}</md-option>
                                </md-select>
                            </md-input-container>
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Cidade</label>
                                <input name="cobranca_cidade" md-no-asterisk ng-model="enderecoCobranca.cidade"
                                    md-maxlength="50" ng-required="requiredForms('cobranca').erro">
                                <div ng-messages="formDadosCadastrais.cobranca_cidade.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>
                        </div>
                        <div layout-gt-sm="row">
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Endereço</label>
                                <input name="cobranca_endereco" md-no-asterisk ng-model="enderecoCobranca.endereco"
                                    md-maxlength="50" ng-required="requiredForms('cobranca').erro">
                                <div ng-messages="formDadosCadastrais.cobranca_endereco.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>

                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Numero</label>
                                <input name="cobranca_numero" md-no-asterisk ng-model="enderecoCobranca.numero"
                                    md-maxlength="50" ng-required="requiredForms('cobranca').erro">
                                <div ng-messages="formDadosCadastrais.cobranca_numero.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>
                        </div>
                        <div layout-gt-sm="row">
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Bairro</label>
                                <input name="cobranca_bairro" md-no-asterisk ng-model="enderecoCobranca.bairro"
                                    md-maxlength="50" ng-required="requiredForms('cobranca').erro">
                                <div ng-messages="formDadosCadastrais.cobranca_bairro.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Complemento</label>
                                <input name="cobranca_complemento" md-no-asterisk
                                    ng-model="enderecoCobranca.complemento" md-maxlength="50">
                                <div ng-messages="formDadosCadastrais.cobranca_complemento.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>
                        </div>

                        <md-input-container class="md-block">
                            <label>E-mail</label>
                            <input type="email" name="cobranca_email" ng-model="enderecoCobranca.email" minlength="10"
                                maxlength="100" ng-pattern="/^.+@.+\..+$/" />
                            <div ng-messages="formDadosCadastrais.cobranca_email.$error" role="alert">
                                <div ng-message-exp="['minlength', 'maxlength', 'pattern']">
                                    Seu e-mail precisa ter entre 10 e 100 caracteres e seguir o padrão de email.
                                </div>
                            </div>
                        </md-input-container>
                    </md-tab>

                    <!-- CONTATOS DO CLIENTE -->
                    <md-tab label="Contatos">
                        <h1>Adicionar novos contatos</h1>
                        <div layout-gt-sm="row">
                            <md-input-container flex-gt-xs>
                                <label>Nome</label>
                                <input name="contato_nome" md-no-asterisk ng-model="contato.nome" md-maxlength="50" />
                            </md-input-container>
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>E-mail</label>
                                <input type="email" name="contato_email" ng-model="contato.email"
                                    ng-pattern="/^.+@.+\..+$/" />
                            </md-input-container>
                        </div>
                        <div layout-gt-sm="row">
                            <md-input-container flex-gt-xs>
                                <label>Telefone</label>
                                <input name="contato_telefone" ng-model="contato.telefone" ui-br-phone-number />
                                <div class="hint" ng-show="showHints">(##) #####-####</div>
                            </md-input-container>
                            <md-input-container flex-gt-xs>
                                <label>Telefone 2</label>
                                <input name="contato_telefone2" ng-model="contato.telefone2" ui-br-phone-number />
                                <div class="hint" ng-show="showHints">(##) #####-####</div>
                            </md-input-container>
                            <md-input-container flex-gt-xs>
                                <label>Celular</label>
                                <input name="contato_celular" ng-model="contato.celular" ui-br-phone-number />
                                <div class="hint" ng-show="showHints">(##) #####-####</div>
                            </md-input-container>
                            <md-button class="md-primary md-raised btnContato" ng-click="addContato()">
                                <md-icon md-font-icon="flaticon-plus"></md-icon>
                            </md-button>
                        </div>

                        <h2 ng-if="arrContatos.length > 0">Lista contatos a serem adicionados</h2>
                        <table>
                            <thead>
                                <th>Nome</th>
                                <th>Telefone</th>
                                <th>Telefone 2</th>
                                <th>Celular</th>
                                <th>E-mail</th>
                                <th>Ação</th>
                            </thead>
                            <tbody>
                                <tr ng-repeat="c in arrContatos">
                                    <td>{{c.nome}}</td>
                                    <td>{{c.telefone}}</td>
                                    <td>{{c.telefone2}}</td>
                                    <td>{{c.celular}}</td>
                                    <td>{{c.email}}</td>
                                    <td width="50">
                                        <md-button class="md-secondary buttonPrinter" ng-click="deleteContato($index)">
                                            <md-icon md-font-icon="flaticon-delete"></md-icon>
                                        </md-button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </md-tab>

                    <!-- COMPLEMENTO PESSOA FISICA -->
                    <md-tab label="Dados Pessoais">
                        <h2>Identidade</h2>
                        <div layout-gt-sm="row">
                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Identidade</label>
                                <input name="rg" md-no-asterisk ng-model="rg" md-maxlength="50"
                                    ng-required="requiredForms('dados-pessoais-identidade').erro">
                                <div ng-messages="formDadosCadastrais.rg.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>

                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Orgão Emissor</label>
                                <input name="orgao_emissor" md-no-asterisk ng-model="orgaoEmissor" md-maxlength="3"
                                    ng-required="requiredForms('dados-pessoais-identidade').erro">
                                <div ng-messages="formDadosCadastrais.orgao_emissor.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 3 caracteres.</div>
                                </div>
                            </md-input-container>

                            <md-input-container flex="20">
                                <label>Estado</label>
                                <md-select name="estado_naturalidade" ng-model="estadoNaturalidade"
                                    ng-required="requiredForms('dados-pessoais-identidade').erro">
                                    <md-option ng-value="e" ng-repeat="e in estados">{{e}}</md-option>
                                </md-select>
                            </md-input-container>

                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Data Emissão</label>
                                <input name="data_emissao_rg" type="date" md-no-asterisk ng-model="dataEmissaoRg"
                                    ng-required="requiredForms('dados-pessoais-identidade').erro">
                                <div ng-messages="formDadosCadastrais.data_emissao_rg.$error">
                                    <div ng-message="md-maxlength">Selecione a data de emissão</div>
                                </div>
                            </md-input-container>

                        </div>

                        <div layout-gt-sm="row">

                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Naturalidade</label>
                                <input name="naturalidade" md-no-asterisk ng-model="naturalidade" md-maxlength="50"
                                    ng-required="requiredForms('dados-pessoais-identidade').erro">
                                <div ng-messages="formDadosCadastrais.naturalidade.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>

                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Pai</label>
                                <input name="pai" md-no-asterisk ng-model="pai" md-maxlength="50"
                                    ng-required="requiredForms('dados-pessoais-identidade').erro">
                                <div ng-messages="formDadosCadastrais.pai.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>

                            <md-input-container class="md-block" flex-gt-sm>
                                <label>Mãe</label>
                                <input name="mae" md-no-asterisk ng-model="mae" md-maxlength="50"
                                    ng-required="requiredForms('dados-pessoais-identidade').erro">
                                <div ng-messages="formDadosCadastrais.mae.$error">
                                    <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.</div>
                                </div>
                            </md-input-container>
                        </div>
                        <div layout-gt-sm="row">
                            <md-input-container class="md-block" flex="20">
                                <label>Data Nascimento</label>
                                <input name="nascimento" type="date" md-no-asterisk ng-model="nascimento"
                                    ng-required="requiredForms('dados-pessoais-identidade').erro">
                                <div ng-messages="formDadosCadastrais.nascimento.$error">
                                    <div ng-message="md-maxlength">Selecione a data de nascimento</div>
                                </div>
                            </md-input-container>

                            <md-input-container flex="20">
                                <label>Gênero</label>
                                <md-select name="genero" ng-model="genero"
                                    ng-required="requiredForms('dados-pessoais-identidade').erro">
                                    <md-option ng-value="'M'">Masculino</md-option>
                                    <md-option ng-value="'F'">Feminino</md-option>
                                </md-select>
                            </md-input-container>

                        </div>
                        <div ng-if="cpfCnpj.length > 14">
                            <hr>
                            <h2>Representante Legal</h2>
                            <div layout-gt-sm="row">
                                <md-input-container class="md-block" flex-gt-sm>
                                    <label>Representante</label>
                                    <input name="representante" md-no-asterisk ng-model="representante.representante"
                                        md-maxlength="50" ng-required="requiredForms('dados-representante-legal').erro">
                                    <div ng-messages="formDadosCadastrais.representante.$error">
                                        <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.
                                        </div>
                                    </div>
                                </md-input-container>

                                <md-input-container class="md-block" flex-gt-sm>
                                    <label>RG nº</label>
                                    <input name="representante_rg" md-no-asterisk ng-model="representante.rg"
                                        md-maxlength="50" ng-required="requiredForms('dados-representante-legal').erro">
                                    <div ng-messages="formDadosCadastrais.representante_rg.$error">
                                        <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.
                                        </div>
                                    </div>
                                </md-input-container>

                                <md-input-container class="md-block" flex-gt-sm>
                                    <label>CPF nº</label>
                                    <input name="representante_cpf" md-no-asterisk ng-model="representante.cpf"
                                        type="tel" md-maxlength="14"
                                        ng-required="requiredForms('dados-representante-legal').erro" ui-br-cpf-mask>
                                    <div ng-messages="formDadosCadastrais.representante_cpf.$error">
                                        <div ng-message="md-maxlength">Este campo pode conter no máximo 14 caracteres.
                                        </div>
                                    </div>
                                </md-input-container>

                                <md-input-container class="md-block" flex="20">
                                    <label>Data Nascimento</label>
                                    <input name="representante_nascimento" type="date" md-no-asterisk
                                        ng-model="representante.dataNascimento"
                                        ng-required="requiredForms('dados-representante-legal').erro">
                                    <div ng-messages="formDadosCadastrais.representante_nascimento.$error">
                                        <div ng-message="md-maxlength">Selecione a data de nascimento</div>
                                    </div>
                                </md-input-container>
                            </div>

                            <div layout-gt-sm="row">
                                <md-input-container class="md-block" flex-gt-sm>
                                    <label>Endereço</label>
                                    <input name="representante_endereco" md-no-asterisk
                                        ng-model="representante.endereco" md-maxlength="50"
                                        ng-required="requiredForms('dados-representante-legal').erro">
                                    <div ng-messages="formDadosCadastrais.representante_endereco.$error">
                                        <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.
                                        </div>
                                    </div>
                                </md-input-container>

                                <md-input-container class="md-block" flex-gt-sm>
                                    <label>Número</label>
                                    <input name="representante_end_numero" md-no-asterisk
                                        ng-model="representante.enderecoNumero" md-maxlength="50"
                                        ng-required="requiredForms('dados-representante-legal').erro">
                                    <div ng-messages="formDadosCadastrais.representante_end_numero.$error">
                                        <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.
                                        </div>
                                    </div>
                                </md-input-container>


                                <md-input-container class="md-block" flex-gt-sm>
                                    <label>Bairro</label>
                                    <input name="representante_bairro" md-no-asterisk ng-model="representante.bairro"
                                        md-maxlength="50" ng-required="requiredForms('dados-representante-legal').erro">
                                    <div ng-messages="formDadosCadastrais.representante_bairro.$error">
                                        <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.
                                        </div>
                                    </div>
                                </md-input-container>

                            </div>
                            <div layout-gt-sm="row">

                                <md-input-container class="md-block" flex-gt-sm>
                                    <label>CEP</label>
                                    <input name="representante_cep" md-no-asterisk ng-model="representante.cep"
                                        ui-br-cep-mask maxlength="9"
                                        ng-required="requiredForms('dados-representante-legal').erro">
                                    <div ng-messages="formDadosCadastrais.representante_cep.$error">
                                        <div ng-message="md-maxlength">Este campo pode conter no máximo 9 caracteres.
                                        </div>
                                    </div>
                                </md-input-container>

                                <md-input-container class="md-block" flex-gt-sm>
                                    <label>Cidade</label>
                                    <input name="representante_cidade" md-no-asterisk ng-model="representante.cidade"
                                        md-maxlength="50" ng-required="requiredForms('dados-representante-legal').erro">
                                    <div ng-messages="formDadosCadastrais.representante_cidade.$error">
                                        <div ng-message="md-maxlength">Este campo pode conter no máximo 50 caracteres.
                                        </div>
                                    </div>
                                </md-input-container>

                                <md-input-container flex="20">
                                    <label>Estado</label>
                                    <md-select name="representante_estado" ng-model="representante.estado"
                                        ng-required="requiredForms('dados-representante-legal').erro">
                                        <md-option ng-value="e" ng-repeat="e in estados">{{e}}</md-option>
                                    </md-select>
                                </md-input-container>
                            </div>

                            <div layout-gt-sm="row">
                                <md-input-container class="md-block" flex="20">
                                    <label>Telefone </label>
                                    <input name="representante_telefone" ng-model="representante.telefone"
                                        ui-br-phone-number />
                                    <div class="hint" ng-show="showHints">(##) #####-####</div>
                                </md-input-container>
                                <md-input-container class="md-block" flex="20">
                                    <label>Celular</label>
                                    <input name="representante_celular" ng-model="representante.celular"
                                        ui-br-phone-number />
                                    <div class="hint" ng-show="showHints">(##) #####-####</div>
                                </md-input-container>
                                <md-input-container class="md-block" flex="20">
                                    <label>Fax</label>
                                    <input name="representante_fax" ng-model="representante.fax" ui-br-phone-number />
                                    <div class="hint" ng-show="showHints">(##) ####-####</div>
                                </md-input-container>
                                <md-input-container class="md-block" flex-gt-sm>
                                    <label>E-mail</label>
                                    <input type="email" name="representante_email" ng-model="representante.email"
                                        maxlength="100" ng-pattern="/^.+@.+\..+$/" />
                                    <div ng-messages="formDadosCadastrais.representante_email.$error" role="alert">
                                        <div ng-message-exp="['maxlength', 'pattern']">
                                            Seu e-mail precisa ter entre 10 e 100 caracteres e seguir o padrão de email.
                                        </div>
                                    </div>
                                </md-input-container>
                            </div>

                        </div>
                    </md-tab>
                </md-tabs>
                <md-button type="submit" class="md-primary md-raised btnGravar">Gravar Alteração</md-button>

            </form>
        </md-card-content>
    </md-card>
</div>