login.blade.php 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!DOCTYPE html>
  2. <html lang="it">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Dashboard</title>
  8. {{-- Favicon --}}
  9. <link rel="icon" type="image/png" href="{{asset('favicon-96x96.png')}}" sizes="96x96" />
  10. <link rel="icon" type="image/svg+xml" href="{{asset('favicon.svg')}}" />
  11. <link rel="shortcut icon" href="{{asset('favicon.ico')}}"/>
  12. <link rel="shortcut icon" href="{{asset('favicon-light.ico')}}" media="(prefers-color-scheme: light)"/>
  13. <link rel="shortcut icon" href="{{asset('favicon-dark.ico')}}" media="(prefers-color-scheme: dark)"/>
  14. <link rel="apple-touch-icon" sizes="180x180" href="{{asset('apple-touch-icon.png')}}" />
  15. <link rel="manifest" href="{{asset('site.webmanifest')}}" />
  16. {{-- end Favicon --}}
  17. <!-- Font Awesome -->
  18. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
  19. <link rel="stylesheet" href="https://use.typekit.net/dit2bgs.css">
  20. <link rel="stylesheet" href="/css/style.css">
  21. <link rel="stylesheet" href="/css/new_style.css">
  22. </head>
  23. <body>
  24. <div class="login--box d-flex flex-column min-vh-100 justify-content-center align-items-center">
  25. <div class="card--ui mt-5" style="width: 400px;">
  26. <img src="{{env('LOGO', '')}}" alt="" class="img-fluid" id="login--logo" style="max-width:400px;width: 100%;margin-bottom: 30px;">
  27. <p class="form--title text-center mb-4">Inserisci le credenziali per accedere</p>
  28. <form action="/login" method="POST">
  29. <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
  30. @if(isset($_GET["error"]))
  31. <span style="color:red">DATI ERRATI</span><br><br>
  32. @endif
  33. <div class="form--item input-group mb-3">
  34. <label for="email">Email</label>
  35. <input type="email" class="form-control" placeholder="Email" id="email" name="email">
  36. <span class="input-group-text" id="basic-addon2"><i class="ico--ui mail"></i></span>
  37. </div>
  38. <div class="form--item input-group mb-3">
  39. <label for="password">Password</label>
  40. <div class="password-wrapper">
  41. <input type="password" class="form-control" placeholder="Password" id="password" name="password">
  42. <div class="password-eye" onclick="togglePassword(this)">
  43. <i class="fas fa-eye password-hidden"></i>
  44. <i class="fas fa-eye-slash password-shown"></i>
  45. </div>
  46. </div>
  47. <span class="input-group-text" id="basic-addon2"><i class="ico--ui lock"></i></span>
  48. </div>
  49. <div class="form--item input-group d-flex align-items-center justify-content-center">
  50. <button type="submit" class="btn--ui">accedi</button>
  51. </div>
  52. </form>
  53. <div class="credential--recovery d-flex flex-column mt-4">
  54. <a href="/password-reset-request">Hai dimenticato la Password?</a>
  55. </div>
  56. </div>
  57. </div>
  58. <!-- / header -->
  59. <script src="/assets/js/bootstrap.bundle.js"></script>
  60. <script src="/assets/js/app.js"></script>
  61. <script>
  62. function togglePassword(eye_icon) {
  63. let wrapper = eye_icon.parentElement;
  64. let password_html = wrapper.querySelector("input");
  65. if (password_html) {
  66. if (password_html.type == "password") {
  67. password_html.type = "text";
  68. eye_icon.classList.add("shown");
  69. } else {
  70. password_html.type = "password";
  71. eye_icon.classList.remove("shown");
  72. }
  73. }
  74. }
  75. </script>
  76. </body>
  77. </html>