@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
 

QHBocAogICAgJGxvZ2luQ2FwdGlvbiA9IGdldENvbnRlbnQoJ2xvZ2luLmNvbnRlbnQnLHRydWUpOwpAZW5kcGhwCkBleHRlbmRzKCRhY3RpdmVUZW1wbGF0ZSAuJ2xheW91dHMubWFzdGVyJykKQHNlY3Rpb24oJ2NvbnRlbnQnKQpAaW5jbHVkZSgkYWN0aXZlVGVtcGxhdGUuJ2JyZWFkY3J1bWInKQo8c3R5bGU+CiAgICBib2R5ewogICAgICAgIGJhY2tncm91bmQtY29sb3I6IzI4MjgyOCAhaW1wb3J0YW50OwogICAgfQo8L3N0eWxlPgoKCiAgICA8IS0tIEFwcCBIZWFkZXIgLS0+CiAgIDwhLS0gPGRpdiBjbGFzcz0iYXBwSGVhZGVyIG5vLWJvcmRlciB0cmFuc3BhcmVudCBwb3NpdGlvbi1hYnNvbHV0ZSI+CiAgICAgICAgPGRpdiBjbGFzcz0ibGVmdCI+CiAgICAgICAgICAgIDxhIGhyZWY9IiMiIGNsYXNzPSJoZWFkZXJCdXR0b24gZ29CYWNrIj4KICAgICAgICAgICAgICAgIDxpb24taWNvbiBuYW1lPSJjaGV2cm9uLWJhY2stb3V0bGluZSI+PC9pb24taWNvbj4KICAgICAgICAgICAgPC9hPgogICAgICAgIDwvZGl2PgogICAgICAgIDxkaXYgY2xhc3M9InBhZ2VUaXRsZSI+PC9kaXY+CiAgICAgICAgPGRpdiBjbGFzcz0icmlnaHQiPgogICAgICAgICAgICA8YSBocmVmPSJ7eyByb3V0ZSgndXNlci5yZWdpc3RlcicpIH19IiBjbGFzcz0iaGVhZGVyQnV0dG9uIj4KICAgICAgICAgICAgICAgIFJlZ2lzdGVyCiAgICAgICAgICAgIDwvYT4KICAgICAgICA8L2Rpdj4KICAgIDwvZGl2Pi0tPgogICAgPCEtLSAqIEFwcCBIZWFkZXIgLS0+CiAgICAKICAgIAogICAgCgogICAgPCEtLSBBcHAgQ2Fwc3VsZSAtLT4KICAgIDxkaXYgaWQ9ImFwcENhcHN1bGUiPgoKICAgICAgICA8ZGl2IGNsYXNzPSJzZWN0aW9uIG10LTIgdGV4dC1jZW50ZXIiPgogICAgICAgICAgICA8aDEgc3R5bGU9ImNvbG9yOiB3aGl0ZTsiPkxvZyBpbjwvaDE+CiAgICAgICAgICAgIDxoNCBzdHlsZT0iY29sb3I6IHdoaXRlOyI+RmlsbCB0aGUgZm9ybSB0byBsb2cgaW48L2g0PgogICAgICAgIDwvZGl2PgogICAgICAgIDxkaXYgY2xhc3M9InNlY3Rpb24gbWItNSBwLTIiPgoKICAgICAgICAgICAgPGZvcm0gY2xhc3M9ImFjdGlvbi1mb3JtIG10LTUwIGxvZ2luRm9ybSIgYWN0aW9uPSJ7eyByb3V0ZSgndXNlci5sb2dpbicpIH19IiBtZXRob2Q9InBvc3QiPgogICAgICAgICAgICAgICAgQGNzcmYKICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNhcmQiPgogICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNhcmQtYm9keSBwYi0xIj4KICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJmb3JtLWdyb3VwIGJhc2ljIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImlucHV0LXdyYXBwZXIiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0ibGFiZWwiPlVzZXJuYW1lPC9sYWJlbD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idXNlcm5hbWUiIG5hbWU9InVzZXJuYW1lIiBjbGFzcz0iZm9ybS1jb250cm9sIiBwbGFjZWhvbGRlcj0iQGxhbmcoJ1lvdXIgVXNlcm5hbWUnKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9ImNsZWFyLWlucHV0Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlvbi1pY29uIG5hbWU9ImNsb3NlLWNpcmNsZSI+PC9pb24taWNvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2k+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+CgogICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJmb3JtLWdyb3VwIGJhc2ljIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImlucHV0LXdyYXBwZXIiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0ibGFiZWwiPlBhc3N3b3JkPC9sYWJlbD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0icGFzc3dvcmQiIG5hbWU9InBhc3N3b3JkIiBjbGFzcz0iZm9ybS1jb250cm9sIiBwbGFjZWhvbGRlcj0iQGxhbmcoJ1lvdXIgUGFzc3dvcmQnKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9ImNsZWFyLWlucHV0Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlvbi1pY29uIG5hbWU9ImNsb3NlLWNpcmNsZSI+PC9pb24taWNvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2k+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICA8L2Rpdj4KCgogICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZm9ybS1saW5rcyBtdC0yIj4KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJyaWdodCI+CiAgICAgICAgICAgIDxhIGhyZWY9Int7IHJvdXRlKCd1c2VyLnJlZ2lzdGVyJykgfX0iIHN0eWxlPSJiYWNrZ3JvdW5kLWltYWdlOiAtd2Via2l0LWxpbmVhci1ncmFkaWVudCgyMjkuNDVkZWcsI2ZmZWIzYSwjNGRlZjhlKTsgcGFkZGluZzoxMHB4IDIwcHg7IGZvbnQtc2l6ZTogMTRweDsgYm9yZGVyLXJhZGl1czogMTBweDsgY29sb3I6IGJsYWNrOyBmb250LXdlaWdodDogNTAwOyI+CiAgICAgICAgICAgICAgICBSZWdpc3RlcgogICAgICAgICAgICA8L2E+CiAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICAgICAgPGRpdj4KICAgICAgICAgICAgICAgICAgICAgICAgPGEgaHJlZj0ie3sgcm91dGUoJ3VzZXIucGFzc3dvcmQucmVxdWVzdCcpIH19Ij5Gb3Jnb3R0ZW4gUGFzc3dvcmQ/PC9hPgogICAgICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tZ3JvdXAgZC1mbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXIiPgogICAgICAgICAgICAgICAgICBAcGhwIGVjaG8gcmVjYXB0Y2hhKCkgQGVuZHBocAogICAgICAgICAgICAgICAgPC9kaXY+PCEtLSBmb3JtLWdyb3VwIGVuZCAtLT4KICAgICAgICAgICAgICAgIEBpbmNsdWRlKCdwYXJ0aWFscy5jdXN0b20tY2FwdGNoYScpCiAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tYnV0dG9uLWdyb3VwICB0cmFuc3BhcmVudCI+CiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiIGNsYXNzPSJidG4gYnRuLXByaW1hcnkgYnRuLWJsb2NrIGJ0bi1sZyBjbW4tYnRuIj5Mb2cgaW48L2J1dHRvbj4KICAgICAgICAgICAgICAgIDwvZGl2PgoKICAgICAgICAgICAgICAgIAoKICAgICAgICAgICAgPC9mb3JtPgogICAgICAgIDwvZGl2PgoKICAgIDwvZGl2PgogICAgPCEtLSAqIEFwcCBDYXBzdWxlIC0tPgogICAKCkBlbmRzZWN0aW9uCgoKQHB1c2goJ3NjcmlwdCcpCiAgICA8c2NyaXB0PgogICAgICAoZnVuY3Rpb24gKCQsZG9jdW1lbnQpIHsKICAgICAgICAgICAgInVzZSBzdHJpY3QiOwogICAgICAgICAgICAkKCcubG9naW5Gb3JtJykub24oJ3N1Ym1pdCcsZnVuY3Rpb24oKXsKICAgICAgICAgICAgICB2YXIgcmVzcG9uc2UgPSBncmVjYXB0Y2hhLmdldFJlc3BvbnNlKCk7CiAgICAgICAgICAgICAgaWYocmVzcG9uc2UubGVuZ3RoID09IDApIHsKICAgICAgICAgICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdnLXJlY2FwdGNoYS1lcnJvcicpLmlubmVySFRNTCA9ICc8c3BhbiBzdHlsZT0iY29sb3I6cmVkOyI+Q2FwdGNoYSBmaWVsZCBpcyByZXF1aXJlZC48L3NwYW4+JzsKICAgICAgICAgICAgICAgIHJldHVybiBmYWxzZTsKICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgcmV0dXJuIHRydWU7CiAgICAgICAgICAgIH0pOwoKICAgICAgICAgICAgICBmdW5jdGlvbiB2ZXJpZnlDYXB0Y2hhKCkgewogICAgICAgICAgICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZy1yZWNhcHRjaGEtZXJyb3InKS5pbm5lckhUTUwgPSAnJzsKICAgICAgICAgICAgICB9CiAgICAgICAgfSkoalF1ZXJ5LGRvY3VtZW50KTsKICAgIDwvc2NyaXB0PgpAZW5kcHVzaAo=