@page "{handler?}"
@using Microsoft.AspNetCore.Http.Extensions
@using Microsoft.AspNetCore.Http
@model ZpcBulletinBoard.Pages.User.LoginModel
@{
    ViewData["Title"] = "Prijava";
    Layout = "~/Pages/Layouts/_LayoutBlank.cshtml";
}

@section Styles {
    <link rel="stylesheet" href="~/vendor/css/pages/authentication.css">

    <style>
        .help-block ul {
            list-style-type: none;
        }
    </style>
}

<div class="authentication-wrapper authentication-3">
    <div class="authentication-inner">

        <div class="d-none d-lg-flex col-lg-9 align-items-center ui-bg-cover ui-bg-overlay-container p-5" style="background-image: url('/img/bg/login.jpg');">
            <div class="ui-bg-overlay bg-dark opacity-50"></div>
            <div class="w-100 text-white px-5">
                <h1 class="display-2 font-weight-bolder mb-4">
                    ZPC
                </h1>
                <div class="text-large font-weight-light">
                    Bulletin board
                </div>
            </div>
        </div>

        <div class="d-flex col-lg-3 align-items-center bg-white p-5">
            <div class="d-flex col-sm-7 col-md-5 col-lg-12 px-0 px-xl-4 mx-auto">
                <div class="w-100">

                    <div class="text-center">
                        <span style="font-size: 6rem" class="fas fa-user"></span>
                    </div>

                    <h4 class="text-center text-light font-weight-normal mt-5 mb-0">Prijava uporabnika</h4>

                    <form asp-antiforgery="false" method="post" class="my-5">
                        <div class="form-group">
                            <label asp-for="Input.UserName" class="form-label"></label>
                            <input asp-for="Input.UserName" type="text" class="form-control" />
                            <span asp-validation-for="Input.UserName" class="text-danger"></span>
                        </div>
                        <div class="form-group">
                            <label asp-for="Input.Password" class="form-label"></label>
                            <input asp-for="Input.Password" type="password" class="form-control" />
                            <span asp-validation-for="Input.Password" class="text-danger"></span>
                        </div>

                        <div asp-validation-summary="ModelOnly" class="text-danger"></div>

                        <div class="d-flex justify-content-between align-items-center m-0">
                            <label class="custom-control custom-checkbox m-0">
                                <input type="checkbox" asp-for="Input.RememberLogin" class="custom-control-input">
                                <span class="custom-control-label">Zapomni si prijavo</span>
                            </label>
                            <button type="submit" class="btn btn-primary">Prijava</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>
</div>