506.blade.php 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Error 506</title>
  6. <meta name="apple-mobile-web-app-capable" content="yes" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  8. <meta name="description" content="The most powerful Errors template">
  9. <meta name="keywords" content="Enter, your, keywords">
  10. <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  11. <link href="https://fonts.googleapis.com/css?family=Poppins:400,700" rel="stylesheet">
  12. <link rel="stylesheet" href="{{ asset('/css/error.css') }}">
  13. <script src="{{ csset('/js/main/jquery.min.js') }}"></script>
  14. <link rel="stylesheet" href="{{ csset('/css/bootstrap.min.css') }}">
  15. <script src="{{ csset('/js/main/bootstrap.bundle.min.js') }}"></script>
  16. <script src="{{ csset('/js/app.js') }}"></script>
  17. </head>
  18. <body>
  19. @include('vendor.lara-izitoast.toast')
  20. <div class="main">
  21. <div class="error">506</div>
  22. <img src="{{ asset('/images/error/506.png') }}" />
  23. <h2>의심스러운 활동이 발견되었습니다. 사람 사용자이신가요 ?</h2>
  24. <!--<h6>Something want wrong,<br />Please try again</h6>-->
  25. <div class="btn_wrap">
  26. <button type="button" class="button" data-toggle="modal" data-target="#captchaModal">네 맞습니다</button>
  27. </div>
  28. </div>
  29. <!-- Modal -->
  30. <div class="modal fade" id="captchaModal" tabindex="-1" role="dialog" aria-labelledby="captchaModalLabel" aria-hidden="true">
  31. <div class="modal-dialog modal-dialog-centered" style="max-width: 350px;" role="document">
  32. <div class="modal-content">
  33. <div class="modal-header">
  34. <h5 class="modal-title" id="captchaModalLabel">캡챠(휴먼 증명)</h5>
  35. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  36. <span aria-hidden="true">&times;</span>
  37. </button>
  38. </div>
  39. <form method="GET" action="{{ url('captcha-validation') }}">
  40. <div class="modal-body px-0 m-auto py-3" style="max-width: 300px;">
  41. <p style="font-size: 17px;">
  42. 로봇이 아니라는 것을 증명하기 위해 아래의 문자열을 정확하게 입력한 후 확인을 클릭해 주십시요.<br>
  43. 문자열 해독이 힘들면 <span class="text-danger">"새로고침"</span>을 클릭하여 다른 문자열로 바꿀 수 있습니다.<br>
  44. </p>
  45. <div class="form-group mb-1">
  46. <div class="captcha text-center">
  47. <span>{!! captcha_img() !!}</span>
  48. </div>
  49. </div>
  50. <div class="form-group d-flex mb-0">
  51. <input id="captcha" type="text" class="form-control col-8 radius-r0" placeholder="문자열 입력" name="captcha">
  52. <button type="button" class="btn btn-danger reload col radius-l0" id="reload">
  53. 새로고침
  54. </button>
  55. </div>
  56. </div>
  57. <div class="modal-footer">
  58. <button type="submit" class="btn btn-primary">확인</button>
  59. </div>
  60. </form>
  61. </div>
  62. </div>
  63. </div>
  64. </body>
  65. </html>
  66. <script type="text/javascript">
  67. $('#reload').click(function () {
  68. $.ajax({
  69. type: 'GET',
  70. url: '{{ url('reload-captcha') }}',
  71. success: function (data) {
  72. $('#captcha').val('')
  73. $(".captcha span").html(data.captcha);
  74. }
  75. });
  76. });
  77. </script>