Ideone.com

download

copy

@php
    $registerCaption = getContent('register.content',true);
@endphp
@extends($activeTemplate .'layouts.master')
@section('content')
@include($activeTemplate.'breadcrumb')
 
 
        <!-- 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.login') }}" style="background-image: -webkit-linear-gradient(229.45deg,#ffeb3a,#4def8e); padding:6px 15px; font-size: 14px; border-radius: 10px; color: black; font-weight: 500;">
                Login
            </a>
        </div>
    </div>
    <!-- * App Header -->
 
 
 
 
 
 
 
 
 
 
 
 
<div id="appCapsule">
 
 
    <div class="section mt-2 text-center">
            <h1 style="color: white;">Register now</h1>
            <h4 style="color: white;">Create an account</h4>
        </div>
 
 
 
    <section class="section mb-5 p-2 pt-120 pb-120">
 
      <div class="card">
          <div class="card-body">
 
        <div class="row justify-content-center">
          <div class="col">
            <div class="login-area">
 
              <form class="action-form mt-50 loginForm" action="{{ route('user.register') }}" method="post">
                @csrf
                @if($reference)
 
 
                <div class="form-group basic">
                  <label class="label">@lang('Referred By')</label>
                  <input type="text" name="referBy" class="form-control" autocomplete="off" autofocus="off" value="{{ $reference }}" readonly>
                </div><!-- form-group end -->
                @endif
 
 
 
 
 
 
 
 
                <div class="form-group basic">
                  <label class="label">E-mail</label>
                  <input type="email" name="email" placeholder="@lang('Your e-mail')" class="form-control checkUser" value="{{ old('email') }}">
                </div><!-- form-group end -->
 
 
                <div class="form-group basic">
                    <label class="label" for="country">{{ __('Country') }}</label>
                    <select name="country" id="country" class="form-control">
                        @foreach($countries as $key => $country)
                            <option data-mobile_code="{{ $country->dial_code }}" value="{{ $country->country }}" data-code="{{ $key }}">{{ __($country->country) }}</option>
                        @endforeach
                    </select>
                </div>
 
 
 
                <div class="form-group basic">
                  <label class="label">@lang('Username')</label>
                  <input type="text" name="username" placeholder="@lang('Username')" class="form-control checkUser" value="{{ old('username') }}">
                  <small class="text-danger usernameExist"></small>
                </div><!-- form-group end -->
 
                <div class="form-group basic hover-input-popup">
                  <label class="label">Password</label>
                  <input type="password" name="password" placeholder="@lang('Password')" class="form-control">
                   @if($general->secure_password)
                      <div class="input-popup">
                        <p class="error lower">@lang('1 small letter minimum')</p>
                        <p class="error capital">@lang('1 capital letter minimum')</p>
                        <p class="error number">@lang('1 number minimum')</p>
                        <p class="error special">@lang('1 special character minimum')</p>
                        <p class="error minimum">@lang('6 character password')</p>
                      </div>
                  @endif
                </div><!-- form-group end -->
 
                <div class="form-group basic">
                  <label class="label">@lang('Re-type Password')</label>
                  <input type="password" name="password_confirmation" placeholder="@lang('Re-type Password')" class="form-control">
                </div><!-- form-group end -->
                <div class="form-group d-flex justify-content-center">
                  @php echo recaptcha() @endphp
                </div><!-- form-group end -->
                @include('partials.custom-captcha')
                @if($general->agree)
                <div class="form-group">
                    @php
                      $links = getContent('footer_link.element');
                    @endphp
                    <input type="checkbox" name="agree" required class="mr-2">
                    @lang('I agree with ')@foreach($links as $link) 
                    <a href="{{ route('links',[$link->id,slug($link->data_values->title)]) }}"> {{ __($link->data_values->title) }} </a>
                    @if(!$loop->last) , @endif @endforeach
                </div><!-- form-group end -->
                @endif
                <div class="form-button-group text-center transparent">
                  <button type="submit" class="cmn-btn btn btn-primary btn-block btn-lg">@lang('Register Now')</button>
 
 
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
      </div>
 
    </section>
 
</div>
 
 
 
 
 
 
<div class="modal fade" id="existModalCenter" tabindex="-1" role="dialog" aria-labelledby="existModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="existModalLongTitle">@lang('You are with us')</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <h6 class="text-center">@lang('You already have an account please Sign in ')</h6>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">@lang('Close')</button>
        <a href="{{ route('user.login') }}" class="btn btn-primary">@lang('Login')</a>
      </div>
    </div>
  </div>
</div>
@endsection
 
 
@push('style')
<style>
    body{
        background-color:#282828 !important;
    }
    .country-code .input-group-prepend .input-group-text{
        background: #fff !important;
    }
    .country-code select{
        border: none;
    }
    .country-code select:focus{
        border: none;
        outline: none;
    }
    .hover-input-popup {
        position: relative;
    }
    .hover-input-popup:hover .input-popup {
        opacity: 1;
        visibility: visible;
    }
    .input-popup {
        position: absolute;
        bottom: 130%;
        left: 50%;
        width: 280px;
        background-color: #1a1a1a;
        color: #fff;
        padding: 20px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .input-popup::after {
        position: absolute;
        content: '';
        bottom: -19px;
        left: 50%;
        margin-left: -5px;
        border-width: 10px 10px 10px 10px;
        border-style: solid;
        border-color: transparent transparent #1a1a1a transparent;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .input-popup p {
        padding-left: 20px;
        position: relative;
    }
    .input-popup p::before {
        position: absolute;
        content: '';
        font-family: 'Line Awesome Free';
        font-weight: 900;
        left: 0;
        top: 4px;
        line-height: 1;
        font-size: 18px;
    }
    .input-popup p.error {
        text-decoration: line-through;
    }
    .input-popup p.error::before {
        content: "\f057";
        color: #ea5455;
    }
    .input-popup p.success::before {
        content: "\f058";
        color: #28c76f;
    }
</style>
@endpush
 
@push('script-lib')
<script src="{{ asset('assets/global/js/secure_password.js') }}"></script>
@endpush
 
@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 = '';
              }
 
 
              @if($mobile_code)
              $(`option[data-code={{ $mobile_code }}]`).attr('selected','');
              @endif
              $('select[name=country]').change(function(){
                  $('input[name=mobile_code]').val($('select[name=country] //:selected').data('mobile_code'));
                  $('input[name=country_code]').val($('select[name=country] :selected').data('code'));
                  $('.mobile-code').text('+'+$('select[name=country] :selected').data('mobile_code'));
              });
              $('input[name=mobile_code]').val($('select[name=country] :selected').data('mobile_code'));
              $('input[name=country_code]').val($('select[name=country] :selected').data('code'));
              $('.mobile-code').text('+'+$('select[name=country] :selected').data('mobile_code'));
              @if($general->secure_password)
                  $('input[name=password]').on('input',function(){
                      secure_password($(this));
                  });
              @endif
              $('.checkUser').on('focusout',function(e){
                  var url = '{{ route('user.checkUser') }}';
                  var value = $(this).val();
                  var token = '{{ csrf_token() }}';
                  if ($(this).attr('name') == 'mobile') {
                      var mobile = `${$('.mobile-code').text().substr(1)}${value}`;
                      var data = {mobile:mobile,_token:token}
                  }
                  if ($(this).attr('name') == 'email') {
                      var data = {email:value,_token:token}
                  }
                  if ($(this).attr('name') == 'username') {
                      var data = {username:value,_token:token}
                  }
                  $.post(url,data,function(response) {
                    if (response['data'] && response['type'] == 'email') {
                      $('#existModalCenter').modal('show');
                    }else if(response['data'] != null){
                      $(`.${response['type']}Exist`).text(`${response['type']} already exist`);
                    }else{
                      $(`.${response['type']}Exist`).text('');
                    }
                  });
              });
        })(jQuery,document);
    </script>
@endpush

QHBocAogICAgJHJlZ2lzdGVyQ2FwdGlvbiA9IGdldENvbnRlbnQoJ3JlZ2lzdGVyLmNvbnRlbnQnLHRydWUpOwpAZW5kcGhwCkBleHRlbmRzKCRhY3RpdmVUZW1wbGF0ZSAuJ2xheW91dHMubWFzdGVyJykKQHNlY3Rpb24oJ2NvbnRlbnQnKQpAaW5jbHVkZSgkYWN0aXZlVGVtcGxhdGUuJ2JyZWFkY3J1bWInKQoKCiAgICAgICAgPCEtLSBBcHAgSGVhZGVyIC0tPgogICAgPGRpdiBjbGFzcz0iYXBwSGVhZGVyIG5vLWJvcmRlciB0cmFuc3BhcmVudCBwb3NpdGlvbi1hYnNvbHV0ZSI+CiAgICAgICAgPGRpdiBjbGFzcz0ibGVmdCI+CiAgICAgICAgICAgIDxhIGhyZWY9IiMiIGNsYXNzPSJoZWFkZXJCdXR0b24gZ29CYWNrIj4KICAgICAgICAgICAgICAgIDxpb24taWNvbiBuYW1lPSJjaGV2cm9uLWJhY2stb3V0bGluZSI+PC9pb24taWNvbj4KICAgICAgICAgICAgPC9hPgogICAgICAgIDwvZGl2PgogICAgICAgIDxkaXYgY2xhc3M9InBhZ2VUaXRsZSI+PC9kaXY+CiAgICAgICAgPGRpdiBjbGFzcz0icmlnaHQiPgogICAgICAgICAgICA8YSBocmVmPSJ7eyByb3V0ZSgndXNlci5sb2dpbicpIH19IiBzdHlsZT0iYmFja2dyb3VuZC1pbWFnZTogLXdlYmtpdC1saW5lYXItZ3JhZGllbnQoMjI5LjQ1ZGVnLCNmZmViM2EsIzRkZWY4ZSk7IHBhZGRpbmc6NnB4IDE1cHg7IGZvbnQtc2l6ZTogMTRweDsgYm9yZGVyLXJhZGl1czogMTBweDsgY29sb3I6IGJsYWNrOyBmb250LXdlaWdodDogNTAwOyI+CiAgICAgICAgICAgICAgICBMb2dpbgogICAgICAgICAgICA8L2E+CiAgICAgICAgPC9kaXY+CiAgICA8L2Rpdj4KICAgIDwhLS0gKiBBcHAgSGVhZGVyIC0tPgoKCgoKCgoKCgoKCgo8ZGl2IGlkPSJhcHBDYXBzdWxlIj4KICAgIAogICAgCiAgICA8ZGl2IGNsYXNzPSJzZWN0aW9uIG10LTIgdGV4dC1jZW50ZXIiPgogICAgICAgICAgICA8aDEgc3R5bGU9ImNvbG9yOiB3aGl0ZTsiPlJlZ2lzdGVyIG5vdzwvaDE+CiAgICAgICAgICAgIDxoNCBzdHlsZT0iY29sb3I6IHdoaXRlOyI+Q3JlYXRlIGFuIGFjY291bnQ8L2g0PgogICAgICAgIDwvZGl2PgoKCgogICAgPHNlY3Rpb24gY2xhc3M9InNlY3Rpb24gbWItNSBwLTIgcHQtMTIwIHBiLTEyMCI+CiAgICAgICAgCiAgICAgIDxkaXYgY2xhc3M9ImNhcmQiPgogICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZC1ib2R5Ij4KICAgICAgICAgIAogICAgICAgIDxkaXYgY2xhc3M9InJvdyBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIj4KICAgICAgICAgIDxkaXYgY2xhc3M9ImNvbCI+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImxvZ2luLWFyZWEiPgogICAgICAgICAgICAgCiAgICAgICAgICAgICAgPGZvcm0gY2xhc3M9ImFjdGlvbi1mb3JtIG10LTUwIGxvZ2luRm9ybSIgYWN0aW9uPSJ7eyByb3V0ZSgndXNlci5yZWdpc3RlcicpIH19IiBtZXRob2Q9InBvc3QiPgogICAgICAgICAgICAgICAgQGNzcmYKICAgICAgICAgICAgICAgIEBpZigkcmVmZXJlbmNlKQogICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tZ3JvdXAgYmFzaWMiPgogICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImxhYmVsIj5AbGFuZygnUmVmZXJyZWQgQnknKTwvbGFiZWw+CiAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJyZWZlckJ5IiBjbGFzcz0iZm9ybS1jb250cm9sIiBhdXRvY29tcGxldGU9Im9mZiIgYXV0b2ZvY3VzPSJvZmYiIHZhbHVlPSJ7eyAkcmVmZXJlbmNlIH19IiByZWFkb25seT4KICAgICAgICAgICAgICAgIDwvZGl2PjwhLS0gZm9ybS1ncm91cCBlbmQgLS0+CiAgICAgICAgICAgICAgICBAZW5kaWYKICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgCiAgICAgCiAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZm9ybS1ncm91cCBiYXNpYyI+CiAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0ibGFiZWwiPkUtbWFpbDwvbGFiZWw+CiAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJlbWFpbCIgbmFtZT0iZW1haWwiIHBsYWNlaG9sZGVyPSJAbGFuZygnWW91ciBlLW1haWwnKSIgY2xhc3M9ImZvcm0tY29udHJvbCBjaGVja1VzZXIiIHZhbHVlPSJ7eyBvbGQoJ2VtYWlsJykgfX0iPgogICAgICAgICAgICAgICAgPC9kaXY+PCEtLSBmb3JtLWdyb3VwIGVuZCAtLT4KICAgICAgICAgICAgICAgIAoKICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tZ3JvdXAgYmFzaWMiPgogICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0ibGFiZWwiIGZvcj0iY291bnRyeSI+e3sgX18oJ0NvdW50cnknKSB9fTwvbGFiZWw+CiAgICAgICAgICAgICAgICAgICAgPHNlbGVjdCBuYW1lPSJjb3VudHJ5IiBpZD0iY291bnRyeSIgY2xhc3M9ImZvcm0tY29udHJvbCI+CiAgICAgICAgICAgICAgICAgICAgICAgIEBmb3JlYWNoKCRjb3VudHJpZXMgYXMgJGtleSA9PiAkY291bnRyeSkKICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxvcHRpb24gZGF0YS1tb2JpbGVfY29kZT0ie3sgJGNvdW50cnktPmRpYWxfY29kZSB9fSIgdmFsdWU9Int7ICRjb3VudHJ5LT5jb3VudHJ5IH19IiBkYXRhLWNvZGU9Int7ICRrZXkgfX0iPnt7IF9fKCRjb3VudHJ5LT5jb3VudHJ5KSB9fTwvb3B0aW9uPgogICAgICAgICAgICAgICAgICAgICAgICBAZW5kZm9yZWFjaAogICAgICAgICAgICAgICAgICAgIDwvc2VsZWN0PgogICAgICAgICAgICAgICAgPC9kaXY+CgogICAgICAgICAgICAgICAKCiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJmb3JtLWdyb3VwIGJhc2ljIj4KICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYWJlbCI+QGxhbmcoJ1VzZXJuYW1lJyk8L2xhYmVsPgogICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idXNlcm5hbWUiIHBsYWNlaG9sZGVyPSJAbGFuZygnVXNlcm5hbWUnKSIgY2xhc3M9ImZvcm0tY29udHJvbCBjaGVja1VzZXIiIHZhbHVlPSJ7eyBvbGQoJ3VzZXJuYW1lJykgfX0iPgogICAgICAgICAgICAgICAgICA8c21hbGwgY2xhc3M9InRleHQtZGFuZ2VyIHVzZXJuYW1lRXhpc3QiPjwvc21hbGw+CiAgICAgICAgICAgICAgICA8L2Rpdj48IS0tIGZvcm0tZ3JvdXAgZW5kIC0tPgogICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJmb3JtLWdyb3VwIGJhc2ljIGhvdmVyLWlucHV0LXBvcHVwIj4KICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYWJlbCI+UGFzc3dvcmQ8L2xhYmVsPgogICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0icGFzc3dvcmQiIG5hbWU9InBhc3N3b3JkIiBwbGFjZWhvbGRlcj0iQGxhbmcoJ1Bhc3N3b3JkJykiIGNsYXNzPSJmb3JtLWNvbnRyb2wiPgogICAgICAgICAgICAgICAgICAgQGlmKCRnZW5lcmFsLT5zZWN1cmVfcGFzc3dvcmQpCiAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJpbnB1dC1wb3B1cCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPSJlcnJvciBsb3dlciI+QGxhbmcoJzEgc21hbGwgbGV0dGVyIG1pbmltdW0nKTwvcD4KICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9ImVycm9yIGNhcGl0YWwiPkBsYW5nKCcxIGNhcGl0YWwgbGV0dGVyIG1pbmltdW0nKTwvcD4KICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9ImVycm9yIG51bWJlciI+QGxhbmcoJzEgbnVtYmVyIG1pbmltdW0nKTwvcD4KICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9ImVycm9yIHNwZWNpYWwiPkBsYW5nKCcxIHNwZWNpYWwgY2hhcmFjdGVyIG1pbmltdW0nKTwvcD4KICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9ImVycm9yIG1pbmltdW0iPkBsYW5nKCc2IGNoYXJhY3RlciBwYXNzd29yZCcpPC9wPgogICAgICAgICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICAgIEBlbmRpZgogICAgICAgICAgICAgICAgPC9kaXY+PCEtLSBmb3JtLWdyb3VwIGVuZCAtLT4KICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZm9ybS1ncm91cCBiYXNpYyI+CiAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0ibGFiZWwiPkBsYW5nKCdSZS10eXBlIFBhc3N3b3JkJyk8L2xhYmVsPgogICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0icGFzc3dvcmQiIG5hbWU9InBhc3N3b3JkX2NvbmZpcm1hdGlvbiIgcGxhY2Vob2xkZXI9IkBsYW5nKCdSZS10eXBlIFBhc3N3b3JkJykiIGNsYXNzPSJmb3JtLWNvbnRyb2wiPgogICAgICAgICAgICAgICAgPC9kaXY+PCEtLSBmb3JtLWdyb3VwIGVuZCAtLT4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tZ3JvdXAgZC1mbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXIiPgogICAgICAgICAgICAgICAgICBAcGhwIGVjaG8gcmVjYXB0Y2hhKCkgQGVuZHBocAogICAgICAgICAgICAgICAgPC9kaXY+PCEtLSBmb3JtLWdyb3VwIGVuZCAtLT4KICAgICAgICAgICAgICAgIEBpbmNsdWRlKCdwYXJ0aWFscy5jdXN0b20tY2FwdGNoYScpCiAgICAgICAgICAgICAgICBAaWYoJGdlbmVyYWwtPmFncmVlKQogICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZm9ybS1ncm91cCI+CiAgICAgICAgICAgICAgICAgICAgQHBocAogICAgICAgICAgICAgICAgICAgICAgJGxpbmtzID0gZ2V0Q29udGVudCgnZm9vdGVyX2xpbmsuZWxlbWVudCcpOwogICAgICAgICAgICAgICAgICAgIEBlbmRwaHAKICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0iY2hlY2tib3giIG5hbWU9ImFncmVlIiByZXF1aXJlZCBjbGFzcz0ibXItMiI+CiAgICAgICAgICAgICAgICAgICAgQGxhbmcoJ0kgYWdyZWUgd2l0aCAnKUBmb3JlYWNoKCRsaW5rcyBhcyAkbGluaykgCiAgICAgICAgICAgICAgICAgICAgPGEgaHJlZj0ie3sgcm91dGUoJ2xpbmtzJyxbJGxpbmstPmlkLHNsdWcoJGxpbmstPmRhdGFfdmFsdWVzLT50aXRsZSldKSB9fSI+IHt7IF9fKCRsaW5rLT5kYXRhX3ZhbHVlcy0+dGl0bGUpIH19IDwvYT4KICAgICAgICAgICAgICAgICAgICBAaWYoISRsb29wLT5sYXN0KSAsIEBlbmRpZiBAZW5kZm9yZWFjaAogICAgICAgICAgICAgICAgPC9kaXY+PCEtLSBmb3JtLWdyb3VwIGVuZCAtLT4KICAgICAgICAgICAgICAgIEBlbmRpZgogICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZm9ybS1idXR0b24tZ3JvdXAgdGV4dC1jZW50ZXIgdHJhbnNwYXJlbnQiPgogICAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9InN1Ym1pdCIgY2xhc3M9ImNtbi1idG4gYnRuIGJ0bi1wcmltYXJ5IGJ0bi1ibG9jayBidG4tbGciPkBsYW5nKCdSZWdpc3RlciBOb3cnKTwvYnV0dG9uPgogICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICA8L2Zvcm0+CiAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgPC9kaXY+CiAgICAgICAgPC9kaXY+CiAgICAgIDwvZGl2PgogICAgICA8L2Rpdj4KICAgICAgCiAgICA8L3NlY3Rpb24+Cgo8L2Rpdj4KCgoKCgoKPGRpdiBjbGFzcz0ibW9kYWwgZmFkZSIgaWQ9ImV4aXN0TW9kYWxDZW50ZXIiIHRhYmluZGV4PSItMSIgcm9sZT0iZGlhbG9nIiBhcmlhLWxhYmVsbGVkYnk9ImV4aXN0TW9kYWxDZW50ZXJUaXRsZSIgYXJpYS1oaWRkZW49InRydWUiPgogIDxkaXYgY2xhc3M9Im1vZGFsLWRpYWxvZyBtb2RhbC1kaWFsb2ctY2VudGVyZWQiIHJvbGU9ImRvY3VtZW50Ij4KICAgIDxkaXYgY2xhc3M9Im1vZGFsLWNvbnRlbnQiPgogICAgICA8ZGl2IGNsYXNzPSJtb2RhbC1oZWFkZXIiPgogICAgICAgIDxoNSBjbGFzcz0ibW9kYWwtdGl0bGUiIGlkPSJleGlzdE1vZGFsTG9uZ1RpdGxlIj5AbGFuZygnWW91IGFyZSB3aXRoIHVzJyk8L2g1PgogICAgICAgIDxidXR0b24gdHlwZT0iYnV0dG9uIiBjbGFzcz0iY2xvc2UiIGRhdGEtZGlzbWlzcz0ibW9kYWwiIGFyaWEtbGFiZWw9IkNsb3NlIj4KICAgICAgICAgIDxzcGFuIGFyaWEtaGlkZGVuPSJ0cnVlIj4mdGltZXM7PC9zcGFuPgogICAgICAgIDwvYnV0dG9uPgogICAgICA8L2Rpdj4KICAgICAgPGRpdiBjbGFzcz0ibW9kYWwtYm9keSI+CiAgICAgICAgPGg2IGNsYXNzPSJ0ZXh0LWNlbnRlciI+QGxhbmcoJ1lvdSBhbHJlYWR5IGhhdmUgYW4gYWNjb3VudCBwbGVhc2UgU2lnbiBpbiAnKTwvaDY+CiAgICAgIDwvZGl2PgogICAgICA8ZGl2IGNsYXNzPSJtb2RhbC1mb290ZXIiPgogICAgICAgIDxidXR0b24gdHlwZT0iYnV0dG9uIiBjbGFzcz0iYnRuIGJ0bi1zZWNvbmRhcnkiIGRhdGEtZGlzbWlzcz0ibW9kYWwiPkBsYW5nKCdDbG9zZScpPC9idXR0b24+CiAgICAgICAgPGEgaHJlZj0ie3sgcm91dGUoJ3VzZXIubG9naW4nKSB9fSIgY2xhc3M9ImJ0biBidG4tcHJpbWFyeSI+QGxhbmcoJ0xvZ2luJyk8L2E+CiAgICAgIDwvZGl2PgogICAgPC9kaXY+CiAgPC9kaXY+CjwvZGl2PgpAZW5kc2VjdGlvbgoKCkBwdXNoKCdzdHlsZScpCjxzdHlsZT4KICAgIGJvZHl7CiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjojMjgyODI4ICFpbXBvcnRhbnQ7CiAgICB9CiAgICAuY291bnRyeS1jb2RlIC5pbnB1dC1ncm91cC1wcmVwZW5kIC5pbnB1dC1ncm91cC10ZXh0ewogICAgICAgIGJhY2tncm91bmQ6ICNmZmYgIWltcG9ydGFudDsKICAgIH0KICAgIC5jb3VudHJ5LWNvZGUgc2VsZWN0ewogICAgICAgIGJvcmRlcjogbm9uZTsKICAgIH0KICAgIC5jb3VudHJ5LWNvZGUgc2VsZWN0OmZvY3VzewogICAgICAgIGJvcmRlcjogbm9uZTsKICAgICAgICBvdXRsaW5lOiBub25lOwogICAgfQogICAgLmhvdmVyLWlucHV0LXBvcHVwIHsKICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICB9CiAgICAuaG92ZXItaW5wdXQtcG9wdXA6aG92ZXIgLmlucHV0LXBvcHVwIHsKICAgICAgICBvcGFjaXR5OiAxOwogICAgICAgIHZpc2liaWxpdHk6IHZpc2libGU7CiAgICB9CiAgICAuaW5wdXQtcG9wdXAgewogICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgICBib3R0b206IDEzMCU7CiAgICAgICAgbGVmdDogNTAlOwogICAgICAgIHdpZHRoOiAyODBweDsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMWExYTFhOwogICAgICAgIGNvbG9yOiAjZmZmOwogICAgICAgIHBhZGRpbmc6IDIwcHg7CiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4OwogICAgICAgIC13ZWJraXQtYm9yZGVyLXJhZGl1czogNXB4OwogICAgICAgIC1tb3otYm9yZGVyLXJhZGl1czogNXB4OwogICAgICAgIC1tcy1ib3JkZXItcmFkaXVzOiA1cHg7CiAgICAgICAgLW8tYm9yZGVyLXJhZGl1czogNXB4OwogICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpOwogICAgICAgIC1tcy10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7CiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpOwogICAgICAgIG9wYWNpdHk6IDA7CiAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuOwogICAgICAgIC13ZWJraXQtdHJhbnNpdGlvbjogYWxsIDAuM3M7CiAgICAgICAgLW8tdHJhbnNpdGlvbjogYWxsIDAuM3M7CiAgICAgICAgdHJhbnNpdGlvbjogYWxsIDAuM3M7CiAgICB9CiAgICAuaW5wdXQtcG9wdXA6OmFmdGVyIHsKICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAgICAgY29udGVudDogJyc7CiAgICAgICAgYm90dG9tOiAtMTlweDsKICAgICAgICBsZWZ0OiA1MCU7CiAgICAgICAgbWFyZ2luLWxlZnQ6IC01cHg7CiAgICAgICAgYm9yZGVyLXdpZHRoOiAxMHB4IDEwcHggMTBweCAxMHB4OwogICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7CiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAjMWExYTFhIHRyYW5zcGFyZW50OwogICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTsKICAgICAgICAtbXMtdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgfQogICAgLmlucHV0LXBvcHVwIHAgewogICAgICAgIHBhZGRpbmctbGVmdDogMjBweDsKICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICB9CiAgICAuaW5wdXQtcG9wdXAgcDo6YmVmb3JlIHsKICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAgICAgY29udGVudDogJyc7CiAgICAgICAgZm9udC1mYW1pbHk6ICdMaW5lIEF3ZXNvbWUgRnJlZSc7CiAgICAgICAgZm9udC13ZWlnaHQ6IDkwMDsKICAgICAgICBsZWZ0OiAwOwogICAgICAgIHRvcDogNHB4OwogICAgICAgIGxpbmUtaGVpZ2h0OiAxOwogICAgICAgIGZvbnQtc2l6ZTogMThweDsKICAgIH0KICAgIC5pbnB1dC1wb3B1cCBwLmVycm9yIHsKICAgICAgICB0ZXh0LWRlY29yYXRpb246IGxpbmUtdGhyb3VnaDsKICAgIH0KICAgIC5pbnB1dC1wb3B1cCBwLmVycm9yOjpiZWZvcmUgewogICAgICAgIGNvbnRlbnQ6ICJcZjA1NyI7CiAgICAgICAgY29sb3I6ICNlYTU0NTU7CiAgICB9CiAgICAuaW5wdXQtcG9wdXAgcC5zdWNjZXNzOjpiZWZvcmUgewogICAgICAgIGNvbnRlbnQ6ICJcZjA1OCI7CiAgICAgICAgY29sb3I6ICMyOGM3NmY7CiAgICB9Cjwvc3R5bGU+CkBlbmRwdXNoCgpAcHVzaCgnc2NyaXB0LWxpYicpCjxzY3JpcHQgc3JjPSJ7eyBhc3NldCgnYXNzZXRzL2dsb2JhbC9qcy9zZWN1cmVfcGFzc3dvcmQuanMnKSB9fSI+PC9zY3JpcHQ+CkBlbmRwdXNoCgpAcHVzaCgnc2NyaXB0JykKICAgIDxzY3JpcHQ+CiAgICAgIChmdW5jdGlvbiAoJCxkb2N1bWVudCkgewogICAgICAgICAgICAidXNlIHN0cmljdCI7CgogICAgICAgICAgICAkKCcubG9naW5Gb3JtJykub24oJ3N1Ym1pdCcsZnVuY3Rpb24oKXsKCiAgICAgICAgICAgICAgdmFyIHJlc3BvbnNlID0gZ3JlY2FwdGNoYS5nZXRSZXNwb25zZSgpOwogICAgICAgICAgICAgIGlmKHJlc3BvbnNlLmxlbmd0aCA9PSAwKSB7CiAgICAgICAgICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZy1yZWNhcHRjaGEtZXJyb3InKS5pbm5lckhUTUwgPSAnPHNwYW4gc3R5bGU9ImNvbG9yOnJlZDsiPkNhcHRjaGEgZmllbGQgaXMgcmVxdWlyZWQuPC9zcGFuPic7CiAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7CiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHJldHVybiB0cnVlOwogICAgICAgICAgICB9KTsKCiAgICAgICAgICAgICAgZnVuY3Rpb24gdmVyaWZ5Q2FwdGNoYSgpIHsKICAgICAgICAgICAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2ctcmVjYXB0Y2hhLWVycm9yJykuaW5uZXJIVE1MID0gJyc7CiAgICAgICAgICAgICAgfQoKCiAgICAgICAgICAgICAgQGlmKCRtb2JpbGVfY29kZSkKICAgICAgICAgICAgICAkKGBvcHRpb25bZGF0YS1jb2RlPXt7ICRtb2JpbGVfY29kZSB9fV1gKS5hdHRyKCdzZWxlY3RlZCcsJycpOwogICAgICAgICAgICAgIEBlbmRpZgogICAgICAgICAgICAgICQoJ3NlbGVjdFtuYW1lPWNvdW50cnldJykuY2hhbmdlKGZ1bmN0aW9uKCl7CiAgICAgICAgICAgICAgICAgICQoJ2lucHV0W25hbWU9bW9iaWxlX2NvZGVdJykudmFsKCQoJ3NlbGVjdFtuYW1lPWNvdW50cnldIC8vOnNlbGVjdGVkJykuZGF0YSgnbW9iaWxlX2NvZGUnKSk7CiAgICAgICAgICAgICAgICAgICQoJ2lucHV0W25hbWU9Y291bnRyeV9jb2RlXScpLnZhbCgkKCdzZWxlY3RbbmFtZT1jb3VudHJ5XSA6c2VsZWN0ZWQnKS5kYXRhKCdjb2RlJykpOwogICAgICAgICAgICAgICAgICAkKCcubW9iaWxlLWNvZGUnKS50ZXh0KCcrJyskKCdzZWxlY3RbbmFtZT1jb3VudHJ5XSA6c2VsZWN0ZWQnKS5kYXRhKCdtb2JpbGVfY29kZScpKTsKICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgICAkKCdpbnB1dFtuYW1lPW1vYmlsZV9jb2RlXScpLnZhbCgkKCdzZWxlY3RbbmFtZT1jb3VudHJ5XSA6c2VsZWN0ZWQnKS5kYXRhKCdtb2JpbGVfY29kZScpKTsKICAgICAgICAgICAgICAkKCdpbnB1dFtuYW1lPWNvdW50cnlfY29kZV0nKS52YWwoJCgnc2VsZWN0W25hbWU9Y291bnRyeV0gOnNlbGVjdGVkJykuZGF0YSgnY29kZScpKTsKICAgICAgICAgICAgICAkKCcubW9iaWxlLWNvZGUnKS50ZXh0KCcrJyskKCdzZWxlY3RbbmFtZT1jb3VudHJ5XSA6c2VsZWN0ZWQnKS5kYXRhKCdtb2JpbGVfY29kZScpKTsKICAgICAgICAgICAgICBAaWYoJGdlbmVyYWwtPnNlY3VyZV9wYXNzd29yZCkKICAgICAgICAgICAgICAgICAgJCgnaW5wdXRbbmFtZT1wYXNzd29yZF0nKS5vbignaW5wdXQnLGZ1bmN0aW9uKCl7CiAgICAgICAgICAgICAgICAgICAgICBzZWN1cmVfcGFzc3dvcmQoJCh0aGlzKSk7CiAgICAgICAgICAgICAgICAgIH0pOwogICAgICAgICAgICAgIEBlbmRpZgogICAgICAgICAgICAgICQoJy5jaGVja1VzZXInKS5vbignZm9jdXNvdXQnLGZ1bmN0aW9uKGUpewogICAgICAgICAgICAgICAgICB2YXIgdXJsID0gJ3t7IHJvdXRlKCd1c2VyLmNoZWNrVXNlcicpIH19JzsKICAgICAgICAgICAgICAgICAgdmFyIHZhbHVlID0gJCh0aGlzKS52YWwoKTsKICAgICAgICAgICAgICAgICAgdmFyIHRva2VuID0gJ3t7IGNzcmZfdG9rZW4oKSB9fSc7CiAgICAgICAgICAgICAgICAgIGlmICgkKHRoaXMpLmF0dHIoJ25hbWUnKSA9PSAnbW9iaWxlJykgewogICAgICAgICAgICAgICAgICAgICAgdmFyIG1vYmlsZSA9IGAkeyQoJy5tb2JpbGUtY29kZScpLnRleHQoKS5zdWJzdHIoMSl9JHt2YWx1ZX1gOwogICAgICAgICAgICAgICAgICAgICAgdmFyIGRhdGEgPSB7bW9iaWxlOm1vYmlsZSxfdG9rZW46dG9rZW59CiAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICAgaWYgKCQodGhpcykuYXR0cignbmFtZScpID09ICdlbWFpbCcpIHsKICAgICAgICAgICAgICAgICAgICAgIHZhciBkYXRhID0ge2VtYWlsOnZhbHVlLF90b2tlbjp0b2tlbn0KICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgICBpZiAoJCh0aGlzKS5hdHRyKCduYW1lJykgPT0gJ3VzZXJuYW1lJykgewogICAgICAgICAgICAgICAgICAgICAgdmFyIGRhdGEgPSB7dXNlcm5hbWU6dmFsdWUsX3Rva2VuOnRva2VufQogICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICAgICQucG9zdCh1cmwsZGF0YSxmdW5jdGlvbihyZXNwb25zZSkgewogICAgICAgICAgICAgICAgICAgIGlmIChyZXNwb25zZVsnZGF0YSddICYmIHJlc3BvbnNlWyd0eXBlJ10gPT0gJ2VtYWlsJykgewogICAgICAgICAgICAgICAgICAgICAgJCgnI2V4aXN0TW9kYWxDZW50ZXInKS5tb2RhbCgnc2hvdycpOwogICAgICAgICAgICAgICAgICAgIH1lbHNlIGlmKHJlc3BvbnNlWydkYXRhJ10gIT0gbnVsbCl7CiAgICAgICAgICAgICAgICAgICAgICAkKGAuJHtyZXNwb25zZVsndHlwZSddfUV4aXN0YCkudGV4dChgJHtyZXNwb25zZVsndHlwZSddfSBhbHJlYWR5IGV4aXN0YCk7CiAgICAgICAgICAgICAgICAgICAgfWVsc2V7CiAgICAgICAgICAgICAgICAgICAgICAkKGAuJHtyZXNwb25zZVsndHlwZSddfUV4aXN0YCkudGV4dCgnJyk7CiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgICB9KTsKICAgICAgICB9KShqUXVlcnksZG9jdW1lbnQpOwogICAgPC9zY3JpcHQ+CkBlbmRwdXNoCg==

Success #stdin #stdout 0.03s 25452KB

stdin

copy

Standard input is empty

stdout

copy

@php
    $registerCaption = getContent('register.content',true);
@endphp
@extends($activeTemplate .'layouts.master')
@section('content')
@include($activeTemplate.'breadcrumb')


        <!-- 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.login') }}" style="background-image: -webkit-linear-gradient(229.45deg,#ffeb3a,#4def8e); padding:6px 15px; font-size: 14px; border-radius: 10px; color: black; font-weight: 500;">
                Login
            </a>
        </div>
    </div>
    <!-- * App Header -->












<div id="appCapsule">
    
    
    <div class="section mt-2 text-center">
            <h1 style="color: white;">Register now</h1>
            <h4 style="color: white;">Create an account</h4>
        </div>



    <section class="section mb-5 p-2 pt-120 pb-120">
        
      <div class="card">
          <div class="card-body">
          
        <div class="row justify-content-center">
          <div class="col">
            <div class="login-area">
             
              <form class="action-form mt-50 loginForm" action="{{ route('user.register') }}" method="post">
                @csrf
                @if($reference)
                
                
                <div class="form-group basic">
                  <label class="label">@lang('Referred By')</label>
                  <input type="text" name="referBy" class="form-control" autocomplete="off" autofocus="off" value="{{ $reference }}" readonly>
                </div><!-- form-group end -->
                @endif
                
                
                
                
                
     
                
                
                <div class="form-group basic">
                  <label class="label">E-mail</label>
                  <input type="email" name="email" placeholder="@lang('Your e-mail')" class="form-control checkUser" value="{{ old('email') }}">
                </div><!-- form-group end -->
                

                <div class="form-group basic">
                    <label class="label" for="country">{{ __('Country') }}</label>
                    <select name="country" id="country" class="form-control">
                        @foreach($countries as $key => $country)
                            <option data-mobile_code="{{ $country->dial_code }}" value="{{ $country->country }}" data-code="{{ $key }}">{{ __($country->country) }}</option>
                        @endforeach
                    </select>
                </div>

               

                <div class="form-group basic">
                  <label class="label">@lang('Username')</label>
                  <input type="text" name="username" placeholder="@lang('Username')" class="form-control checkUser" value="{{ old('username') }}">
                  <small class="text-danger usernameExist"></small>
                </div><!-- form-group end -->
                
                <div class="form-group basic hover-input-popup">
                  <label class="label">Password</label>
                  <input type="password" name="password" placeholder="@lang('Password')" class="form-control">
                   @if($general->secure_password)
                      <div class="input-popup">
                        <p class="error lower">@lang('1 small letter minimum')</p>
                        <p class="error capital">@lang('1 capital letter minimum')</p>
                        <p class="error number">@lang('1 number minimum')</p>
                        <p class="error special">@lang('1 special character minimum')</p>
                        <p class="error minimum">@lang('6 character password')</p>
                      </div>
                  @endif
                </div><!-- form-group end -->
                
                <div class="form-group basic">
                  <label class="label">@lang('Re-type Password')</label>
                  <input type="password" name="password_confirmation" placeholder="@lang('Re-type Password')" class="form-control">
                </div><!-- form-group end -->
                <div class="form-group d-flex justify-content-center">
                  @php echo recaptcha() @endphp
                </div><!-- form-group end -->
                @include('partials.custom-captcha')
                @if($general->agree)
                <div class="form-group">
                    @php
                      $links = getContent('footer_link.element');
                    @endphp
                    <input type="checkbox" name="agree" required class="mr-2">
                    @lang('I agree with ')@foreach($links as $link) 
                    <a href="{{ route('links',[$link->id,slug($link->data_values->title)]) }}"> {{ __($link->data_values->title) }} </a>
                    @if(!$loop->last) , @endif @endforeach
                </div><!-- form-group end -->
                @endif
                <div class="form-button-group text-center transparent">
                  <button type="submit" class="cmn-btn btn btn-primary btn-block btn-lg">@lang('Register Now')</button>
                  
                  
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
      </div>
      
    </section>

</div>






<div class="modal fade" id="existModalCenter" tabindex="-1" role="dialog" aria-labelledby="existModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="existModalLongTitle">@lang('You are with us')</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <h6 class="text-center">@lang('You already have an account please Sign in ')</h6>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">@lang('Close')</button>
        <a href="{{ route('user.login') }}" class="btn btn-primary">@lang('Login')</a>
      </div>
    </div>
  </div>
</div>
@endsection


@push('style')
<style>
    body{
        background-color:#282828 !important;
    }
    .country-code .input-group-prepend .input-group-text{
        background: #fff !important;
    }
    .country-code select{
        border: none;
    }
    .country-code select:focus{
        border: none;
        outline: none;
    }
    .hover-input-popup {
        position: relative;
    }
    .hover-input-popup:hover .input-popup {
        opacity: 1;
        visibility: visible;
    }
    .input-popup {
        position: absolute;
        bottom: 130%;
        left: 50%;
        width: 280px;
        background-color: #1a1a1a;
        color: #fff;
        padding: 20px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .input-popup::after {
        position: absolute;
        content: '';
        bottom: -19px;
        left: 50%;
        margin-left: -5px;
        border-width: 10px 10px 10px 10px;
        border-style: solid;
        border-color: transparent transparent #1a1a1a transparent;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .input-popup p {
        padding-left: 20px;
        position: relative;
    }
    .input-popup p::before {
        position: absolute;
        content: '';
        font-family: 'Line Awesome Free';
        font-weight: 900;
        left: 0;
        top: 4px;
        line-height: 1;
        font-size: 18px;
    }
    .input-popup p.error {
        text-decoration: line-through;
    }
    .input-popup p.error::before {
        content: "\f057";
        color: #ea5455;
    }
    .input-popup p.success::before {
        content: "\f058";
        color: #28c76f;
    }
</style>
@endpush

@push('script-lib')
<script src="{{ asset('assets/global/js/secure_password.js') }}"></script>
@endpush

@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 = '';
              }


              @if($mobile_code)
              $(`option[data-code={{ $mobile_code }}]`).attr('selected','');
              @endif
              $('select[name=country]').change(function(){
                  $('input[name=mobile_code]').val($('select[name=country] //:selected').data('mobile_code'));
                  $('input[name=country_code]').val($('select[name=country] :selected').data('code'));
                  $('.mobile-code').text('+'+$('select[name=country] :selected').data('mobile_code'));
              });
              $('input[name=mobile_code]').val($('select[name=country] :selected').data('mobile_code'));
              $('input[name=country_code]').val($('select[name=country] :selected').data('code'));
              $('.mobile-code').text('+'+$('select[name=country] :selected').data('mobile_code'));
              @if($general->secure_password)
                  $('input[name=password]').on('input',function(){
                      secure_password($(this));
                  });
              @endif
              $('.checkUser').on('focusout',function(e){
                  var url = '{{ route('user.checkUser') }}';
                  var value = $(this).val();
                  var token = '{{ csrf_token() }}';
                  if ($(this).attr('name') == 'mobile') {
                      var mobile = `${$('.mobile-code').text().substr(1)}${value}`;
                      var data = {mobile:mobile,_token:token}
                  }
                  if ($(this).attr('name') == 'email') {
                      var data = {email:value,_token:token}
                  }
                  if ($(this).attr('name') == 'username') {
                      var data = {username:value,_token:token}
                  }
                  $.post(url,data,function(response) {
                    if (response['data'] && response['type'] == 'email') {
                      $('#existModalCenter').modal('show');
                    }else if(response['data'] != null){
                      $(`.${response['type']}Exist`).text(`${response['type']} already exist`);
                    }else{
                      $(`.${response['type']}Exist`).text('');
                    }
                  });
              });
        })(jQuery,document);
    </script>
@endpush

https://ideone.com/dlHxDj

language:

PHP (php 7.3.5)

created:

visibility:

public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!

Discover > Sphere Engine API

Discover > IDE Widget

Choose your language