@extends('layouts.main')

@section('content')
<div class="container align-self-start">
    <div class="row my-5">
        <div class="col text-center">
            <a href="#">
                <img class="logo logo-lg" alt="Portál pre pracoviská emisných kontrol" src="{{asset('assets/images/page-logo.png')}}">
            </a>
            <p class="text-muted my-1">pre pracoviská emisných kontrol</p>
        </div>
    </div>

    <div class="row justify-content-center my-5">
        <div class="col-12 col-md-8 col-lg-7">
            <div class="card card-lg box-shadow text-center">
                <div class="card-body">
                    <div class="mb-3">
                        <h1 class="h2 mb-2">Vitajte,</h1>
                        @include('flash::message')
                        <span>pre pokračovanie sa prosím prihláste</span>
                    </div>
                    <div class="row no-gutters justify-content-center">
                        <form class="text-left col-lg-8" method="POST" action="{{ route('login.login') }}">
                            @csrf
                            <div class="form-group">
                                <label for="login-email">Prihlasovacie meno</label>
                                <input class="form-control form-control-lg @error('login') is-invalid @enderror" type="text" name="login" value="{{ old('login') }}" placeholder="prihlasovacie meno" required autocomplete="login" autofocus>
                                @error('login')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="login-password">Heslo</label>
                                <input class="form-control form-control-lg @error('password') is-invalid @enderror" type="password" name="password" placeholder="zadajte heslo" required autocomplete="password">
                                @error('password')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <hr>
                            <div class="text-center mt-3">
                                <button type="submit" class="btn btn-lg btn-primary">
                                    <i class="icon-login"></i>
                                    Prihlásiť sa
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
