ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / omvstudio.com / resources / views / auth

@extends('front.layouts.loginMasterLayout')
@section('title', 'Register')
@section('login-content')
@if (count($page_banners->pageBanners))
<div class="image__card__wrapp">
   @foreach ($page_banners->pageBanners as $pageBanner)
   <div class="image__box"><img src="{{ asset('storage/page_banners/' . $pageBanner->banner_image) }}"
      alt="" /></div>
   @endforeach
</div>
@endif
<div class="body__container__wrapp__single body__container__wrapp__register">
   <div class="form__wrapp">
      <div class="header__wrapp">
         <div class="logo__wrapp">
            <a href="{{ route('home') }}"><img
               src="{{ isset($setting->site_logo) ? asset('storage/site_settings/' . $setting->site_logo) : asset('admin_assets/images/default-image.png') }}"></a>
         </div>
         <h1>Welcome!</h1>
         <p>Get access to your Orders, Wishlist and Recommendations.</p>
      </div>
      <div class="form__wrapp__inner">
         <form method="POST" action="{{ route('register') }}">
            @csrf
            <div class="form-group form-floating form__group">
               <input type="text" class="form-control form__control @error('first_name') is-invalid @enderror"
                  name="first_name" placeholder="" value="{{ old('first_name') }}" required
                  autocomplete="first_name" autofocus>
               <label class="form__label">First Name</label>
               @error('first_name')
               <span class="invalid-feedback" role="alert">
               <strong>{{ $message }}</strong>
               </span>
               @enderror
            </div>
            <div class="form-group form-floating form__group">
               <input type="text" class="form-control form__control @error('last_name') is-invalid @enderror"
                  name="last_name" placeholder="" value="{{ old('last_name') }}" required autocomplete="last_name"
                  autofocus>
               <label class="form__label">Last Name</label>
               @error('last_name')
               <span class="invalid-feedback" role="alert">
               <strong>{{ $message }}</strong>
               </span>
               @enderror
            </div>
            <div class="form-group form-floating form__group">
               <input type="text" class="form-control form__control @error('username') is-invalid @enderror"
                  name="username" placeholder="" value="{{ old('username') }}" required autocomplete="username"
                  autofocus>
               <label class="form__label">User Name</label>
               @error('username')
               <span class="invalid-feedback" role="alert">
               <strong>{{ $message }}</strong>
               </span>
               @enderror
            </div>
            <div class="form-group form-floating form__group">
               <input type="text" class="form-control form__control @error('email') is-invalid @enderror"
                  name="email" placeholder="" value="{{ !empty($referred_user) ? $referred_user : old('email') }}"
                  required autocomplete="email" autofocus>
               <label class="form__label">Email</label>
               @error('email')
               <span class="invalid-feedback" role="alert">
               <strong>{{ $message }}</strong>
               </span>
               @enderror
            </div>
            <div class="form-group form-floating form__group">
               <input type="text" class="form-control form__control @error('phone_number') is-invalid @enderror"
                  name="phone_number" placeholder="" value="{{ old('phone_number') }}" required
                  autocomplete="phone_number" autofocus>
               <label class="form__label">Phone</label>
               @error('phone_number')
               <span class="invalid-feedback" role="alert">
               <strong>{{ $message }}</strong>
               </span>
               @enderror
            </div>
            <div class="form-group form-floating form__group">
               <input type="password" name="password" id="password"
                  class="form-control form__control @error('password') is-invalid @enderror" placeholder=""
                  required autocomplete="current-password">
               <label class="form__label">Password</label>
               @error('password')
               <span class="invalid-feedback" role="alert">
               <strong>{{ $message }}</strong>
               </span>
               @enderror
            </div>
            <div class="form-group form-floating form__group">
               <input type="password" name="password_confirmation" id="password-confirm"
                  class="form-control form__control @error('password_confirmation') is-invalid @enderror"
                  placeholder="" required autocomplete="current-password">
               <label class="form__label">Confirm Password</label>
               @error('password')
               <span class="invalid-feedback" role="alert">
               <strong>{{ $message }}</strong>
               </span>
               @enderror
            </div>
            <div class="multiple__radio__check">
               <p style="text-align: left;">From where did they hear about the Mogul?</p>
               <input type="radio" id="search_engine" name="hear_from" value="Search Engine" checked="">
               <label for="search_engine">Heard from search engine</label>
               <input type="radio" id="social_media" name="hear_from" value="Social Media">
               <label for="social_media">Social media</label>
               <input type="radio" id="others" name="hear_from" value="Others">
               <label for="others">Others</label>
               <input type="radio" id="ads" name="hear_from" value="Ads">
               <label for="ads">Ads</label>
               <input type="radio" id="referred_friend" name="hear_from" value="REFERENCE">
               <label for="referred_friend">Referred by a friend</label>
               <div class="first-question">
                  <p style="text-align: left;">Is your friend an existing customer of Mogul?</p>
                  <input type="radio" id="yes" name="question_2" value="Yes">
                  <label for="yes">Yes</label>
                  <input type="radio" id="no" name="question_2" value="No">
                  <label for="no">No</label>
               </div>
               <div class="form-group form__group">
                  <div class="show-username">
                     <label for="referrer-username" class="username__optional">Choose Referrer Username</label>
                     <input list="referrer-list" id="referrer-username" name="referrer"
                        value="{{ $referrer_user->username ?? '' }}" class="form-control form__control"
                        placeholder="Enter Referrer Username" />
             
                     <datalist id="referrer-list">
                        @if ($users->count() > 0)
                        @foreach ($users as $user)
                        <option>{{ $user->username }}</option>
                        @endforeach
                        @endif
                     </datalist>
                  </div>
               </div>
            </div>

<button type="submit" class="btn btn-default submit__btn">Register</button>
         </form>
         <p>Already have an account?<a href="{{ route('login') }}">Login here</a></p>
      </div>
   </div>
   <div class="container__wrapp__single__footer">
      @isset($pages)
      <ul>
         @foreach ($pages as $menu)
         <li>
            <a href="{{ url($menu['link']) }}">
            {{ $menu['label'] }}
            </a>
         </li>
         @endforeach
      </ul>
      @endisset
      <div class="socila__info">
         <ul>
            @if (isset($setting->facebook_link))
            <li><a href="{{ url($setting->facebook_link) }}" target="_blank"><img
               src="{{ asset('front_assets/images/facebook.svg') }}" alt="" /></a></li>
            @endif
            @if (isset($setting->twitter_link))
            <li><a href="{{ url($setting->twitter_link) }}" target="_blank"><img
               src="{{ asset('front_assets/images/twitter.svg') }}" alt="" /></a></li>
            @endif
            @if (isset($setting->instagram_link))
            <li><a href="{{ url($setting->instagram_link) }}" target="_blank"><img
               src="{{ asset('front_assets/images/instagram.svg') }}" alt="" /></a></li>
            @endif
            @if (isset($setting->linkedin_link))
            <li><a href="{{ url($setting->linkedin_link) }}" target="_blank"><img
               src="{{ asset('front_assets/images/linkedin.svg') }}" alt="" /></a></li>
            @endif
            @if (isset($setting->app_store_link))
            <li><a href="{{ url($setting->app_store_link) }}" target="_blank"><img
               src="{{ asset('front_assets/images/app-store.svg') }}" alt="" /></a></li>
            @endif
            @if (isset($setting->google_store_link))
            <li><a href="{{ url($setting->google_store_link) }}" target="_blank"><img
               src="{{ asset('front_assets/images/plat-store.svg') }}" alt="" /></a></li>
            @endif
         </ul>
      </div>
   </div>
</div>
@endsection
@push('frontend-scripts')
<script type="text/javascript">
   (function($) {
   
       $(document).ready(function() {
           $(".first-question").hide()
           $('.show-username').hide()
   
           let friendReferrer = `{{ isset($referrer_user->username) ? 'REFERENCE' : old('hear_from') }}`,
               refererFirstQuestion = `{{ isset($referrer_user->username) ? 'Yes' : old('question_2') }}`,
               refererId = `{{ $referrer_user->username ?? old('referrer') }}`;
   
   
   
           friendReferrer == 'REFERENCE' && (
               $("#referred_friend").prop('checked', true),
               $(".first-question").show()
           )
   
           refererFirstQuestion == 'Yes' && (
               $("#yes").prop('checked', true),
               $('.show-username').show().find('input[name="referrer"]').val(refererId)
           )
   
   
   
   
           $("input[name=hear_from]").on("change", function() {
               let val = $(this).val();
   
               if (val == 'REFERENCE') {
   
                   $(".first-question").fadeIn("slow");
   
                   $("input[name=question_2]").on("change", function() {
                       let second_question = $(this).val();
                       if (second_question == 'Yes') {
                           $('.show-username').show();
                       } else {
                           $('.show-username').hide();
                       }
                   });
               } else {
                   $('.first-question').hide();
                   $('.show-username').hide();
   
                   $('input[name="question_2"]').prop('checked', false);
                   $('.first-question').fadeOut('slow');
   
               }
   
           });
       })
   
   
   })(jQuery)
   //$(function() {
   
   
   
   // });
</script>
@endpush

[+] ..
[-] register.blade.php [edit]
[-] login.blade.php [edit]
[+] passwords
[-] one-time-register.blade.php [edit]
[-] verify.blade.php [edit]
[-] music-register.blade.php [edit]