login.blade.php 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="">
  7. <title>Signin - {{ config('app.name') }}</title>
  8. <!-- Bootstrap core CSS -->
  9. <link href="{{ asset('css/app.css') }}" rel="stylesheet">
  10. <style>
  11. .bd-placeholder-img {
  12. font-size: 1.125rem;
  13. text-anchor: middle;
  14. -webkit-user-select: none;
  15. -moz-user-select: none;
  16. -ms-user-select: none;
  17. user-select: none;
  18. }
  19. @media (min-width: 768px) {
  20. .bd-placeholder-img-lg {
  21. font-size: 3.5rem;
  22. }
  23. }
  24. body, html, .container {
  25. height: 100%;
  26. }
  27. </style>
  28. <script src="{{ asset('js/app.js') }}" type="text/javascript"></script>
  29. </head>
  30. <body class="">
  31. <div class="container">
  32. <div class="row vh-100 flex-column align-items-center">
  33. <div class="col-md-4">
  34. <form class="form-signin" method="post" action="{{ route('login') }}">
  35. @csrf
  36. @if(session()->has('message'))
  37. <div class="alert alert-warning">
  38. {{session('message')}}
  39. </div>
  40. @endif
  41. <div class="card">
  42. <div class="card-header">
  43. Please sign in.
  44. </div>
  45. <div class="card-body">
  46. <label for="cell-number" class="">Cell Number</label>
  47. <input type="text" id="cell-number" name="cell-number" class="form-control" placeholder="Cell Number" value="{{old('cell-number')}}" required <?= old('cell-number') ? '' : 'autofocus' ?>>
  48. <label for="password" class="">Password</label>
  49. <input type="password" id="password" name="password" class="form-control" placeholder="Password" required <?= old('cell-number') ? 'autofocus' : '' ?>>
  50. <button id="sign-in-btn" class="mt-2 btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
  51. </div>
  52. </div>
  53. </form>
  54. </div>
  55. <p class="text-center mt-5 mb-3 text-muted">&copy; {{ date('Y') }}</p>
  56. </div>
  57. </div>
  58. </body>
  59. </html>