login.blade.php 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE html>
  2. <html lang="pt-BR">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <link rel="icon" href="{{asset('public/favicon.ico')}}">
  8. <title>LOGIN - APLIKASI PELAPORAN PELAYANAN</title>
  9. @include('auth.asset.css')
  10. <link rel="stylesheet" href="{{asset('templates/assets/css/jquery-confirm.css') }}">
  11. <link href="{{asset('templates/assets/css/argon-dashboard.css?v=1.1.0')}}" rel="stylesheet" />
  12. <link href="{{asset('templates/assets/js/plugins/@fortawesome/fontawesome-free/css/all.min.css')}}" rel="stylesheet" />
  13. </head>
  14. <style>
  15. input::placeholder {
  16. color: grey;
  17. font-size: 0.9em;
  18. }
  19. input:hover {
  20. color: grey;
  21. font-size: 0.9em;
  22. }
  23. input {
  24. color: grey;
  25. font-size: 0.9em;
  26. }
  27. @media only screen and (max-width: 700px) {
  28. .pc {
  29. display:none;
  30. }
  31. }
  32. </style>
  33. <div class="custom-login-wrapper">
  34. <div class="custom-login-form" style="position: absolute;">
  35. <div class="row" >
  36. <div class="col-md-6" style="margin-top:-100px">
  37. <div class="col-md-4">
  38. <img src="{{asset('templates/assets/img/logo-kominfo.png')}}" alt="..." width="275px">
  39. </div>
  40. <h1 class="pc" style="color: white;margin-top:90px">APLIKASI PELAPORAN PELAYANAN<br>
  41. SPEKTRUM FREKUENSI RADIO DAN
  42. SERTIFIKASI OPERATOR RADIO DI UPT <br>
  43. MONITOR SPEKTRUM FREKUENSI RADIO
  44. </h1>
  45. </div>
  46. <div class="col-md-6">
  47. <div class="col-md-12">
  48. <div class="card shadow" style="border:1px solid #dedede;height:350px;opacity:0.6;border-radius:0px">
  49. <div class="card-header bg-transparent">
  50. </div>
  51. </div>
  52. <div class="card shadow center" style="border:1px solid #dedede;margin-top:-375px;height:400px;width:92%;opacity:0.8;border-radius:0px">
  53. <div class="card-header bg-transparent">
  54. <h1 style="margin-top:20px">LOGIN</h1>
  55. <small>Silakan masukan informasi nama pengguna dan kata sandi untuk login</small>
  56. <form class="form" method="POST" action="{{ route('postLogin') }}">
  57. @csrf
  58. <span class="info" style="color: white;">Silahkan masukan informasi nama pengguna dan kata sandi anda untuk login</span>
  59. <input type="text" placeholder="Nama Pengguna" name="email" required style="border: none;border-bottom: 1px solid grey;" autocomplete="off">
  60. @if ($errors->has('username') || $errors->has('email'))
  61. <span class="invalid-feedback">
  62. <strong>{{ $errors->first('username') ?: $errors->first('email') }}</strong>
  63. </span>
  64. @endif
  65. <input type="password" placeholder="Kata Sandi" name="password" required style="border: none;border-bottom: 1px solid grey;" autocomplete="off">
  66. @error('password')
  67. <span class="invalid-feedback" role="alert">
  68. <strong>{{ $message }}</strong>
  69. </span>
  70. @enderror
  71. <button type="submit" class="btn btn-info" style="border-radius:40px">LOGIN</button>
  72. </form>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. <div class="col-md-12" style="position: fixed;left: 0;bottom: 0;width: 100%;">
  78. <span class="copyright" style="color: white;">&copy 2026 Direktorat Jenderal Infrastruktur Digital Kementerian Komdigi</span>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. @include('auth.asset.js')
  84. </body>
  85. </html>