    
    <div class="_container">
        <a href="#" class="back-link">
            <div class="arrow"></div>
            <span class="text" [routerLink]="['/home']">Voltar</span>
          </a>
        <div class="form-box" [ngClass]="formBoxClass">
            <h1 id="title" *ngIf="!showCadastroForm">Login</h1>
            <form>
                <div class="input-group">
                    <div class="z-index-container">

                        <div class="input-field" id="text" *ngIf="!showCadastroForm">
                            <input type="text" name="cnes" placeholder="CNES" [(ngModel)]="cnes">
                            <img src="../../../assets/login/svg/marcador-de-mapa.svg" alt="">
                        </div>
                        
                        <div class="input-field" id="email" *ngIf="!showCadastroForm">
                            <input type="email" name="email" placeholder="E-mail" [(ngModel)]="email">
                            <img src="../../../assets/login/svg/envelope-regular.svg" alt="">
                        </div>

                        <div class="input-field" id="password" *ngIf="!showCadastroForm">
                            <input type="{{ hide ? 'password' : 'text' }}" name="senha" placeholder="Senha" [(ngModel)]="password">
                            <div id="toggle" class="{{ hide ? 'show' : 'hide' }}" (click)="showHide()"></div>
                        </div>
                        
                        <!-- Formulário de Cadastro -->
                        <div class="main">
                            <div class="singup-form">
                                <app-cad-unidade
                                    [isOpen]="showCadastroForm"
                                    (cadastrarUnidadeEmitter)="cadastrarUnid($event)"
                                ></app-cad-unidade>
                            </div>
                            
                            <div *ngIf="!showCadastroForm">
                                <p>Esqueceu a senha? <a href="#">Clique aqui!</a></p>
                            </div>
    
                            <div *ngIf="errorMessage" class="error-message">{{ errorMessage }}</div>
    
                            <div class="btn-field">
                                <button type="button" id="signinBtn" (click)="openDialog()">{{ showCadastroForm ? 'Cadastrar' : 'Entrar' }}</button>
                                <button type="button" id="signupBtn" class="disable" (click)="toggleCadastro()">{{ showCadastroForm ? 'Voltar' : 'Cadastre-se' }}</button>
                              </div>
                        </div>             
                    </div>
                </div>
            </form>
        </div>
    </div>
