<!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">
  <link rel="stylesheet" href="/css/new_style.css">

</head>

<body>

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

            <p class="form--title text-center mb-4">Inserisci le credenziali per accedere</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">
                    <label for="email">Email</label>
                    <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">
                    <label for="password">Password</label>
                    <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-center">
                    <button type="submit" class="btn--ui">accedi</button>
                </div>
            </form>

            <div class="credential--recovery d-flex flex-column mt-4">
                <a href="/password-reset-request">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>
