fork(2) download
  1. @php
  2. $loginCaption = getContent('login.content',true);
  3. @endphp
  4. @extends($activeTemplate .'layouts.master')
  5. @section('content')
  6. @include($activeTemplate.'breadcrumb')
  7. <style>
  8. body{
  9. background-color:#282828 !important;
  10. }
  11. </style>
  12.  
  13.  
  14. <!-- App Header -->
  15. <!-- <div class="appHeader no-border transparent position-absolute">
  16. <div class="left">
  17. <a href="#" class="headerButton goBack">
  18. <ion-icon name="chevron-back-outline"></ion-icon>
  19. </a>
  20. </div>
  21. <div class="pageTitle"></div>
  22. <div class="right">
  23. <a href="{{ route('user.register') }}" class="headerButton">
  24. Register
  25. </a>
  26. </div>
  27. </div>-->
  28. <!-- * App Header -->
  29.  
  30.  
  31.  
  32.  
  33. <!-- App Capsule -->
  34. <div id="appCapsule">
  35.  
  36. <div class="section mt-2 text-center">
  37. <h1 style="color: white;">Log in</h1>
  38. <h4 style="color: white;">Fill the form to log in</h4>
  39. </div>
  40. <div class="section mb-5 p-2">
  41.  
  42. <form class="action-form mt-50 loginForm" action="{{ route('user.login') }}" method="post">
  43. @csrf
  44. <div class="card">
  45. <div class="card-body pb-1">
  46.  
  47.  
  48. <div class="form-group basic">
  49. <div class="input-wrapper">
  50. <label class="label">Username</label>
  51. <input type="username" name="username" class="form-control" placeholder="@lang('Your Username')">
  52. <i class="clear-input">
  53. <ion-icon name="close-circle"></ion-icon>
  54. </i>
  55. </div>
  56. </div>
  57.  
  58. <div class="form-group basic">
  59. <div class="input-wrapper">
  60. <label class="label">Password</label>
  61. <input type="password" name="password" class="form-control" placeholder="@lang('Your Password')">
  62. <i class="clear-input">
  63. <ion-icon name="close-circle"></ion-icon>
  64. </i>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69.  
  70.  
  71. <div class="form-links mt-2">
  72. <div class="right">
  73. <a href="{{ route('user.register') }}" style="background-image: -webkit-linear-gradient(229.45deg,#ffeb3a,#4def8e); padding:10px 20px; font-size: 14px; border-radius: 10px; color: black; font-weight: 500;">
  74. Register
  75. </a>
  76. </div>
  77. <div>
  78. <a href="{{ route('user.password.request') }}">Forgotten Password?</a>
  79. </div>
  80.  
  81. </div>
  82.  
  83. <div class="form-group d-flex justify-content-center">
  84. @php echo recaptcha() @endphp
  85. </div><!-- form-group end -->
  86. @include('partials.custom-captcha')
  87.  
  88. <div class="form-button-group transparent">
  89. <button type="submit" class="btn btn-primary btn-block btn-lg cmn-btn">Log in</button>
  90. </div>
  91.  
  92.  
  93.  
  94. </form>
  95. </div>
  96.  
  97. </div>
  98. <!-- * App Capsule -->
  99.  
  100.  
  101. @endsection
  102.  
  103.  
  104. @push('script')
  105. <script>
  106. (function ($,document) {
  107. "use strict";
  108. $('.loginForm').on('submit',function(){
  109. var response = grecaptcha.getResponse();
  110. if(response.length == 0) {
  111. document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Captcha field is required.</span>';
  112. return false;
  113. }
  114. return true;
  115. });
  116.  
  117. function verifyCaptcha() {
  118. document.getElementById('g-recaptcha-error').innerHTML = '';
  119. }
  120. })(jQuery,document);
  121. </script>
  122. @endpush
  123.  
Success #stdin #stdout 0.03s 25856KB
stdin
H
stdout
@php
    $loginCaption = getContent('login.content',true);
@endphp
@extends($activeTemplate .'layouts.master')
@section('content')
@include($activeTemplate.'breadcrumb')
<style>
    body{
        background-color:#282828 !important;
    }
</style>


    <!-- App Header -->
   <!-- <div class="appHeader no-border transparent position-absolute">
        <div class="left">
            <a href="#" class="headerButton goBack">
                <ion-icon name="chevron-back-outline"></ion-icon>
            </a>
        </div>
        <div class="pageTitle"></div>
        <div class="right">
            <a href="{{ route('user.register') }}" class="headerButton">
                Register
            </a>
        </div>
    </div>-->
    <!-- * App Header -->
    
    
    

    <!-- App Capsule -->
    <div id="appCapsule">

        <div class="section mt-2 text-center">
            <h1 style="color: white;">Log in</h1>
            <h4 style="color: white;">Fill the form to log in</h4>
        </div>
        <div class="section mb-5 p-2">

            <form class="action-form mt-50 loginForm" action="{{ route('user.login') }}" method="post">
                @csrf
                <div class="card">
                    <div class="card-body pb-1">
                        
                        
                        <div class="form-group basic">
                            <div class="input-wrapper">
                                <label class="label">Username</label>
                                <input type="username" name="username" class="form-control" placeholder="@lang('Your Username')">
                                <i class="clear-input">
                                    <ion-icon name="close-circle"></ion-icon>
                                </i>
                            </div>
                        </div>

                        <div class="form-group basic">
                            <div class="input-wrapper">
                                <label class="label">Password</label>
                                <input type="password" name="password" class="form-control" placeholder="@lang('Your Password')">
                                <i class="clear-input">
                                    <ion-icon name="close-circle"></ion-icon>
                                </i>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="form-links mt-2">
                    <div class="right">
            <a href="{{ route('user.register') }}" style="background-image: -webkit-linear-gradient(229.45deg,#ffeb3a,#4def8e); padding:10px 20px; font-size: 14px; border-radius: 10px; color: black; font-weight: 500;">
                Register
            </a>
        </div>
                    <div>
                        <a href="{{ route('user.password.request') }}">Forgotten Password?</a>
                    </div>
                    
                </div>
                
                <div class="form-group d-flex justify-content-center">
                  @php echo recaptcha() @endphp
                </div><!-- form-group end -->
                @include('partials.custom-captcha')
                
                <div class="form-button-group  transparent">
                    <button type="submit" class="btn btn-primary btn-block btn-lg cmn-btn">Log in</button>
                </div>

                

            </form>
        </div>

    </div>
    <!-- * App Capsule -->
   

@endsection


@push('script')
    <script>
      (function ($,document) {
            "use strict";
            $('.loginForm').on('submit',function(){
              var response = grecaptcha.getResponse();
              if(response.length == 0) {
                document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Captcha field is required.</span>';
                return false;
              }
              return true;
            });

              function verifyCaptcha() {
                  document.getElementById('g-recaptcha-error').innerHTML = '';
              }
        })(jQuery,document);
    </script>
@endpush