aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_pages/login-page/login-page.component.html
blob: 906eaba692f38f6fc68af934fe310b073dcd2224 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<div style="min-height: 100vh; position: relative;">

    <!-- TODO : <app-navbar [activeNav]="'login'"></app-navbar>-->

    <div class="container p-5 rounded-3 shadow-sm border" style="max-width: 50em; margin-top: 50px;">
        <h3 class="text-center pb-5">Prijavite se</h3>
        <form>
            <!-- Email input -->
            <div class="form-outline mb-4">
                <label class="form-label" for="email">Email adresa</label>
                <input [(ngModel)]="email" name="email" type="email" id="email" class="form-control form-control-lg"
                    placeholder="Unesite email adresu..." />
            </div>

            <!-- Password input -->
            <div class="form-outline mb-3">
                <label class="form-label" for="password">Lozinka</label>
                <input [(ngModel)]="password" name="password" type="password" id="password"
                    class="form-control form-control-lg" placeholder="Unesite lozinku..." />
            </div>

            <div class="text-center text-lg-start mt-4 pt-2">
                <!-- Pogresna lozinka -->
                <p *ngIf="wrongCreds" class="small fw-bold mt-2 pt-1 mb-0 text-danger">Lozinka ili e-mail su pogrešni
                </p>
                <!-- Nepotvrdjena registracija
                <p *ngIf="notApproved" class="small fw-bold mt-2 pt-1 mb-0 text-danger">Vaša registracija još uvek nije potvrđena</p>-->
                <br>

                <button type="button" class="btn btn-primary btn-lg"
                    style="padding-left: 2.5rem; padding-right: 2.5rem;" (click)="onSubmit()">Prijava
                </button>

                <p class="small fw-bold mt-2 pt-1 mb-0">Još uvek nemate nalog?
                    <a routerLink="/register" class="link-danger">Registrujte se</a>
                </p>
            </div>
        </form>
    </div>

    <!-- TODO: <app-footer></app-footer>-->

</div>