reset-password.blade.php 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. <!DOCTYPE html>
  2. <html lang="en">
  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, shrink-to-fit=no" />
  7. <meta name="csrf-token" content="{{ csrf_token() }}">
  8. <meta property="og:image" itemprop="image" content="https://admin.meemorder.io/public/assets/images/meem_meta.png"> <title>meem</title>
  9. <meta name="description" content="meem food ordering system">
  10. <meta property="og:type" content="website" />
  11. <!-- Favicon Icon -->
  12. <link rel="icon" type="image/png" href="{!! env('APP_ASSETS') !!}images/favicon.ico">
  13. <link rel="apple-touch-icon" sizes="128x128" href="{!! env('APP_ASSETS') !!}images/favicon.ico">
  14. <link rel="shortcut icon" sizes="128x128" href="{!! env('APP_ASSETS') !!}images/favicon.ico">
  15. <!-- Feather Icon-->
  16. <link href="{!! env('APP_ASSETS') !!}css/vendors_css.css" rel="stylesheet" type="text/css">
  17. <!-- Fontawesome Icon-->
  18. <link href="{!! env('APP_ASSETS') !!}css/style.css" rel="stylesheet" type="text/css">
  19. <link href="{!! env('APP_ASSETS') !!}css/style_new.css" rel="stylesheet" type="text/css">
  20. <style>
  21. .user-section{
  22. max-width: 440px; margin: 0 auto; width: 100%;
  23. }
  24. .register-form{
  25. display: -webkit-box;
  26. display: -ms-flexbox;
  27. display: flex;
  28. -webkit-box-align: center;
  29. -ms-flex-align: center;
  30. align-items: center;
  31. -webkit-box-flex: 1;
  32. -ms-flex: 1 0 500px;
  33. flex: 1 0 500px;
  34. max-width: 100%;
  35. padding: 3vmax 2.5vmax;
  36. min-height: 100vh;
  37. }
  38. .form-control, .form-select {
  39. height: 46px !important;
  40. border-color: #E4E6EB !important;
  41. border-radius: 7px !important;
  42. }
  43. label.error{
  44. color: #F00;
  45. }
  46. .alert{
  47. display: none;
  48. }
  49. </style>
  50. </head>
  51. <body class="light-skin sidebar-mini theme-primary fixed">
  52. <div class="wrapper" style="overflow-y: auto !important">
  53. <div class="row">
  54. <div class="col-md-6 register-form">
  55. @if(isset($user))
  56. @csrf
  57. <div class="user-section">
  58. <form id="reset-password-form" action="{!! env('APP_URL') !!}update/password/user" method="POST" enctype="multipart/form-data">
  59. @csrf
  60. <input type="hidden" name="user_id" value="{!! request()->get('u') !!}">
  61. <h3 class="mb-50"><img src="{!! env('APP_ASSETS') !!}images/logo-dashboard.png" style="margin-right: 10px;" />Meem</h3>
  62. <h3 class="mt-30 mb-15">Reset Password</h3>
  63. <div class="row">
  64. <div class="col-md-12">
  65. <div class="form-group">
  66. <label>Password <span class="mandatory">*</span></label>
  67. <input type="password" class="form-control" required name="password" minlength="8" id="password" placeholder="Enter your password" />
  68. </div>
  69. </div>
  70. <div class="col-md-12">
  71. <div class="form-group">
  72. <label>Confirm Password <span class="mandatory">*</span></label>
  73. <input type="password" class="form-control" name="confirm_password" id="confirm_password" minlength="8" required placeholder="Enter your confirm password" />
  74. </div>
  75. </div>
  76. </div>
  77. <div class="row mt-10">
  78. <div class="col-sm-12">
  79. <div class="alert alert-success"></div>
  80. <div class="alert alert-danger"></div>
  81. </div>
  82. </div>
  83. <div class="row mt-10">
  84. <div class="col-md-12 text-center">
  85. <button class="btn btn-primary w-100 reset-password" style="width: 100% !important;">Reset Password</button>
  86. </div>
  87. </div>
  88. </form>
  89. </div>
  90. @else
  91. <div class="user-section text-center">
  92. <p class="text-danger">Invitation link is expired.</p>
  93. </div>
  94. @endif
  95. </div>
  96. <div class="col-md-6" style="background: #ffab00;">
  97. </div>
  98. </div>
  99. </div>
  100. </body>
  101. <script src="{!! env('APP_ASSETS') !!}js/vendors.min.js"></script>
  102. <script src="{!! env('APP_ASSETS') !!}js/jquery.validate.min.js"></script>
  103. <script src="{!! env('APP_ASSETS') !!}js/jquery.form.js"></script>
  104. <script type="text/javascript">
  105. $(function(){
  106. $('#reset-password-form').validate({
  107. rules : {
  108. password : {
  109. minlength : 8
  110. },
  111. confirm_password : {
  112. minlength : 8,
  113. equalTo : "#password"
  114. }
  115. }
  116. });
  117. $("body").on("click",".reset-password",function(e){
  118. if($("#reset-password-form").valid()){
  119. $("#reset-password-form").ajaxForm(function(response){
  120. if(response){
  121. if(response.type=="success"){
  122. $(".alert-success").html(response.message);
  123. $(".alert-success").show();
  124. setTimeout(function(){
  125. window.location = "{!! env('APP_URL') !!}dashboard";
  126. },2500);
  127. }else{
  128. $(".alert-danger").html(response.message);
  129. $(".alert-danger").show();
  130. }
  131. }
  132. }).submit();
  133. }
  134. e.preventDefault();
  135. });
  136. })
  137. </script>
  138. </head>