source: resources/views/auth/login.blade.php

@extends("layouts.auth")

@section("title", "Login | TechnoBlog")

@section("auth_content")
        <div class="page">
                <div class="page-single">
                        <div class="container">
                                <div class="row">
                                        <div class="col col-login mx-auto">
                                                <div class="text-center mb-6">
                                                        <img src="/assets/images/logo.png">
                                                </div>
                                                <form class="card" action="{{ route("auth.login") }}" method="post" accept-charset="utf-8">

                                                        @csrf

                                                        <div class="card-body p-6">
                                                                <div class="card-title">Login to your account</div>

                                                                @if(Session::has('isActiveError'))
                                                                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                                                                <strong> {{ Session::get('isActiveError') }} </strong>
                                                                                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                                                                        </div>
                                                                @endif

                                                                @if(Session::has('password_created'))
                                                                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                                                                                <strong> {{ Session::get('password_created') }} </strong>
                                                                                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                                                                        </div>
                                                                @endif

                                                                @if(Session::has('loginError'))
                                                                        <div class="alert alert-error fade show" role="alert">
                                                                                <strong> {{ Session::get('loginError') }} </strong>
                                                                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                                                                </button>
                                                                        </div>
                                                                @endif

                                                                <div class="form-group">
                                                                        <label class="form-label">Username</label>
                                                                        <input id="username" type="text" tabindex="1" class="form-control{{ Session::has('usernameError') ? ' is-invalid' : '' }}" name="username" value="{{ old('username') }}" autocomplete="off" required autofocus>
                                                                        @if(Session::has('usernameError'))
                                                                                <span class="invalid-feedback" role="alert">
                                                                                        <strong>{{ Session::get('usernameError') }}</strong>
                                                                                </span>
                                                                        @endif
                                                                </div>
                                                                <div class="form-group">
                                                                        <label class="form-label">
                                                                                Password
                                                                                <a href="/auth/forgot" tabindex="-1" class="float-right small">I forgot password</a>
                                                                        </label>
                                                                        <input id="password" type="password" tabindex="2" class="form-control{{ Session::has('passwordError') ? ' is-invalid' : '' }}" name="password" autocomplete="off" required>
                                                                        @if(Session::has('passwordError'))
                                                                                <span class="invalid-feedback" role="alert">
                                                                                        <strong>{{ Session::get('passwordError') }}</strong>
                                                                                </span>
                                                                        @endif
                                                                </div>
                                                                <div class="form-group">
                                                                        <label class="custom-control custom-checkbox">
                                                                                <input class="custom-control-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
                                                                                <span class="custom-control-label">Remember me</span>
                                                                        </label>
                                                                </div>
                                                                <div class="form-footer">
                                                                        <input type="submit" value="Sign in" class="btn btn-primary btn-block">
                                                                </div>
                                                        </div>

                                                </form>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
@endsection