auth-login.blade.php 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. @extends('layouts.master-without-nav')
  2. @section('title')
  3. @lang('translation.Login')
  4. @endsection
  5. @section('body')
  6. <body>
  7. @endsection
  8. @section('content')
  9. <div class="account-pages my-5 pt-sm-5">
  10. <div class="container">
  11. <div class="row justify-content-center">
  12. <div class="col-md-8 col-lg-6 col-xl-5">
  13. <div class="card overflow-hidden">
  14. <div class="bg-primary bg-soft">
  15. <div class="row">
  16. <div class="col-7">
  17. <div class="text-primary p-4">
  18. <h5 class="text-primary">Welcome Back !</h5>
  19. <p>Sign in to continue to Skote.</p>
  20. </div>
  21. </div>
  22. <div class="col-5 align-self-end">
  23. <img src="{{ URL::asset('/assets/images/profile-img.png') }}" alt=""
  24. class="img-fluid">
  25. </div>
  26. </div>
  27. </div>
  28. <div class="card-body pt-0">
  29. <div class="auth-logo">
  30. <a href="index" class="auth-logo-light">
  31. <div class="avatar-md profile-user-wid mb-4">
  32. <span class="avatar-title rounded-circle bg-light">
  33. <img src="{{ URL::asset('/assets/images/logo-light.svg') }}" alt=""
  34. class="rounded-circle" height="34">
  35. </span>
  36. </div>
  37. </a>
  38. <a href="index" class="auth-logo-dark">
  39. <div class="avatar-md profile-user-wid mb-4">
  40. <span class="avatar-title rounded-circle bg-light">
  41. <img src="{{ URL::asset('/assets/images/logo.svg') }}" alt=""
  42. class="rounded-circle" height="34">
  43. </span>
  44. </div>
  45. </a>
  46. </div>
  47. <div class="p-2">
  48. <form class="form-horizontal" action="{{ route('admin.login') }}" method="POST">
  49. @csrf
  50. <div class="mb-3">
  51. <label for="username" class="form-label">Username</label>
  52. <input type="text" name="email" class="form-control" id="username" placeholder="Enter username" required>
  53. </div>
  54. <div class="mb-3">
  55. <label class="form-label">Password</label>
  56. <div class="input-group auth-pass-inputgroup">
  57. <input type="password" name="password" class="form-control" placeholder="Enter password" aria-label="Password" aria-describedby="password-addon" required>
  58. <button class="btn btn-light " type="button" id="password-addon"><i class="mdi mdi-eye-outline"></i></button>
  59. </div>
  60. </div>
  61. <div class="form-check">
  62. <input class="form-check-input" type="checkbox" id="remember-check">
  63. <label class="form-check-label" for="remember-check">
  64. Remember me
  65. </label>
  66. </div>
  67. <div class="mt-3 d-grid">
  68. <button class="btn btn-primary waves-effect waves-light" type="submit">Log
  69. In</button>
  70. </div>
  71. <div class="mt-4 text-center">
  72. <h5 class="font-size-14 mb-3">Sign in with</h5>
  73. <ul class="list-inline">
  74. <li class="list-inline-item">
  75. <a href="javascript::void()"
  76. class="social-list-item bg-primary text-white border-primary">
  77. <i class="mdi mdi-facebook"></i>
  78. </a>
  79. </li>
  80. <li class="list-inline-item">
  81. <a href="javascript::void()"
  82. class="social-list-item bg-info text-white border-info">
  83. <i class="mdi mdi-twitter"></i>
  84. </a>
  85. </li>
  86. <li class="list-inline-item">
  87. <a href="javascript::void()"
  88. class="social-list-item bg-danger text-white border-danger">
  89. <i class="mdi mdi-google"></i>
  90. </a>
  91. </li>
  92. </ul>
  93. </div>
  94. <div class="mt-4 text-center">
  95. <a href="auth-recoverpw" class="text-muted"><i
  96. class="mdi mdi-lock me-1"></i> Forgot your password?</a>
  97. </div>
  98. </form>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="mt-5 text-center">
  103. <div>
  104. <p>Don't have an account ? <a href="auth-register" class="fw-medium text-primary">
  105. Signup now </a> </p>
  106. <p>© <script>
  107. document.write(new Date().getFullYear())
  108. </script> Skote. Crafted with <i class="mdi mdi-heart text-danger"></i> by Themesbrand
  109. </p>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <!-- end account-pages -->
  117. @endsection