login.blade.php 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. @extends('backend.layouts.layout')
  2. @section('content')
  3. <div class="h-100 bg-cover bg-center py-5 d-flex align-items-center" style="background-image: url({{ uploaded_asset(get_setting('admin_login_background')) }})">
  4. <div class="container">
  5. <div class="row">
  6. <div class="col-lg-6 col-xl-4 mx-auto">
  7. <div class="card text-left">
  8. <div class="card-body">
  9. <div class="mb-5 text-center">
  10. @if(get_setting('system_logo_black') != null)
  11. <img src="{{ uploaded_asset(get_setting('system_logo_black')) }}" class="mw-100 mb-4" height="40">
  12. @else
  13. <img src="{{ static_asset('assets/img/logo.png') }}" class="mw-100 mb-4" height="40">
  14. @endif
  15. <h1 class="h3 text-primary mb-0">{{ translate('Welcome to') }} {{ env('APP_NAME') }}</h1>
  16. <p>{{ translate('Login to your account.') }}</p>
  17. </div>
  18. <form class="pad-hor" method="POST" role="form" action="{{ route('login') }}">
  19. @csrf
  20. <div class="form-group">
  21. <input id="email" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" required autofocus placeholder="{{ translate('Email') }}">
  22. @if ($errors->has('email'))
  23. <span class="invalid-feedback" role="alert">
  24. <strong>{{ $errors->first('email') }}</strong>
  25. </span>
  26. @endif
  27. </div>
  28. <div class="form-group">
  29. <input id="password" type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required placeholder="{{ translate('Password') }}">
  30. @if ($errors->has('password'))
  31. <span class="invalid-feedback" role="alert">
  32. <strong>{{ $errors->first('password') }}</strong>
  33. </span>
  34. @endif
  35. </div>
  36. <div class="row mb-2">
  37. <div class="col-sm-6">
  38. <div class="text-left">
  39. <label class="aiz-checkbox">
  40. <input type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
  41. <span>{{ translate('Remember Me') }}</span>
  42. <span class="aiz-square-check"></span>
  43. </label>
  44. </div>
  45. </div>
  46. @if(env('MAIL_USERNAME') != null && env('MAIL_PASSWORD') != null)
  47. <div class="col-sm-6">
  48. <div class="text-right">
  49. <a href="{{ route('password.request') }}" class="text-reset fs-14">{{translate('Forgot password ?')}}</a>
  50. </div>
  51. </div>
  52. @endif
  53. </div>
  54. <button type="submit" class="btn btn-primary btn-lg btn-block">
  55. {{ translate('Login') }}
  56. </button>
  57. </form>
  58. @if (env("DEMO_MODE") == "On")
  59. <div class="mt-4">
  60. <table class="table table-bordered">
  61. <tbody>
  62. <tr>
  63. <td>admin@example.com</td>
  64. <td>123456</td>
  65. <td><button class="btn btn-info btn-xs" onclick="autoFill()">{{ translate('Copy') }}</button></td>
  66. </tr>
  67. </tbody>
  68. </table>
  69. </div>
  70. @endif
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. @endsection
  78. @section('script')
  79. <script type="text/javascript">
  80. function autoFill(){
  81. $('#email').val('admin@example.com');
  82. $('#password').val('123456');
  83. }
  84. </script>
  85. @endsection