<!DOCTYPE html>
<html lang="it">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Dashboard</title>
  <link rel="stylesheet" href="https://use.typekit.net/dit2bgs.css">
  <link rel="stylesheet" href="/css/style.css">

</head>

<body>

    <div class="login--box d-flex flex-column min-vh-100 justify-content-center align-items-center">
        <img src="{{env('LOGO', '')}}" alt="" class="img-fluid" id="login--logo"  style="max-width:400px">
        <div class="card--ui mt-5">

            <p class="form--title text-center mb-4">Fai Login per accedere a tutte le funzioni</p>
            <form action="/login" method="POST">
                <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">

                @if(isset($_GET["error"]))
                    <span style="color:red">DATI ERRATI</span><br><br>
                @endif

                <div class="form--item input-group mb-3">
                    <input type="email" class="form-control" placeholder="Email" id="email" name="email">
                    <span class="input-group-text" id="basic-addon2"><i class="ico--ui mail"></i></span>
                </div>
                <div class="form--item input-group mb-3">
                    <input type="password" class="form-control" placeholder="Password" id="password" name="password">
                    <span class="input-group-text" id="basic-addon2"><i class="ico--ui lock"></i></span>
                </div>
                <div class="form--item input-group d-flex align-items-center justify-content-between">
                    <button type="submit" class="btn--ui">accedi</button>
                </div>
            </form>

            <!--<span class="divider--form d-block text-center my-3">oppure</span>

            <div class="d-grid gap-2 my-4">
                <button class="btn--ui fb--login" type="button"><i class="ico--ui fb me-2"></i>Login con Facebook</button>
                <button class="btn--ui li--login" type="button"><i class="ico--ui li me-2"></i>Login con LinkedIn</button>
            </div>            -->

            <!--
            <div class="credential--recovery d-flex flex-column mt-4">
                <a href="#">Hai dimenticato la Password</a>
            </div>
            -->

        </div>
    </div>

  <!-- / header -->

  <script src="/assets/js/bootstrap.bundle.js"></script>
  <script src="/assets/js/app.js"></script>
</body>

</html>
