Edit File: activate_delegate.blade.php
<!DOCTYPE html> <?php $settings= App\Models\Setting::all()->pluck('value', 'key'); ?> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{{$settings['site_name']}} </title> <!-- styles --> <link rel="stylesheet" href="{{URL::to('site/css/all.min.css')}}"> <link rel="stylesheet" href="{{URL::to('site/css/bootstrap.min.css')}}"> <link rel="stylesheet" href="{{URL::to('site/webfonts/stylesheet.css')}}"> <link rel="stylesheet" href="{{URL::to('site/css/animate.css')}}"> <link rel="stylesheet" href="{{URL::to('site/css/statics.css')}}"> <link rel="stylesheet" href="{{URL::to('site/css/styles.css')}}"> @if(Session::has('lang')&&Session::get('lang')=='en') <link rel="stylesheet" href="{{URL::to('site/css/styles_en.css')}}"> @endif </head> <body class="direction"> <!-- start navbar --> <nav class="nav-bar"> <div class="container-lg"> <div class="row align-items-center "> <div class="col-2 text-center"> <a href="{{route('site.index')}}"><img src="{{$settings['logo']?URL::to('assets/uploads/settings/'.$settings['logo']):URL::to('site/imgs/logo.png')}}" style="width: 36px;" alt=""></a> </div> <div class="side-over-lay"></div> <div class="col-md nav-side"> <div class="nav-buttons d-inline-block"> <a class="nav-button" href="{{route('site.index')}}">{{trans('site.Home')}}</a> <a class="nav-button" href="{{route('site.index')}}">{{trans('site.who_are_we')}}</a> <a class="nav-button" href="{{route('site.index')}}">{{trans('site.advantages')}}</a> <a class="nav-button" href="{{route('site.index')}}">{{trans('site.order_steps')}}</a> <a class="nav-button" href="{{route('site.index')}}"> {{trans('site.contact_us')}} </a> </div> <div class="d-inline-flex ml-md-4 mr-md-5 align-items-center user-section"> <a href="{{route('stores_dashboard.get_login')}}" class="material-button button1 m-1"> {{trans('site.join_store')}}</a> <a href="{{route('delegates_dashboard.get_login')}}" class="material-button button2 m-1">{{trans('site.join_delegate_company')}} </a> </div> <div class="d-inline-block" > @if(Session::has('lang')&&Session::get('lang')=='en') <button class="lang-selector font10 color-gray2" > <img src="{{URL::to('site/imgs/icons/united_states.svg')}}" alt=""> English <i class="fa fa-angle-down"></i> <div class="langs"> <ul> <li> <a href="/lang/ar"> <img src="{{URL::to('site/imgs/icons/saudi.svg')}}" alt=""> العربية </a> </li> </ul> </div> </button> @else <button class="lang-selector font10 color-gray2" > <img src="{{URL::to('site/imgs/icons/saudi.svg')}}" alt=""> العربية <i class="fa fa-angle-down"></i> <div class="langs"> <ul> <li> <a href="/lang/en"> <img src="{{URL::to('site/imgs/icons/united_states.svg')}}" alt=""> English </a> </li> </ul> </div> </button> @endif </div> </div> <button class="d-none nav-toggler" ><i class="fa fa-align-justify"></i></button> </div> </div> </nav> <!-- end navbar --> <div class="background"> <img src="{{URL::to('site/imgs/bg/header.svg')}}" alt=""> </div> <!-- start page content --> <div class="page-content"> <div class="mt-4 mb-3 text-center"> <h5 class="bold">{{trans('delegates_dashboard.activationcode')}}</h5> <p class="m-3"> {{trans('delegates_dashboard.inter_code')}}</p> </div> <div class="w-md-50 m-auto round10 p-3 form-cont" > <form id="activeForm" class="container "> @csrf <h6 class="bold border-bottom pt-3 pb-3 mb-4">{{trans('delegates_dashboard.activationcode')}}</h6> <h <div class="form-group"> <div style="direction: ltr;" class="row justify-content-center"> <div class="pt-1 d-inline-block code-input pb-1 pl-0 pr-2"> <input name='code[]' class='code-input form-control code' required/> </div> <div class="pt-1 d-inline-block code-input pb-1 pl-0 pr-2"> <input name='code[]' class='code-input form-control code' required/> </div> <div class="pt-1 d-inline-block code-input pb-1 pl-0 pr-2"> <input name='code[]' class='code-input form-control code' required/> </div> <div class="pt-1 d-inline-block code-input pb-1 pl-0 pr-2"> <input name='code[]' class='code-input form-control code' required/> </div> <div class="pt-1 d-inline-block code-input pb-1 pl-0 pr-2"> <input name='code[]' class='code-input form-control code' required/> </div> <div class="pt-1 d-inline-block code-input pb-1 pl-0 pr-2"> <input name='code[]' class='code-input form-control code' required/> </div> </div> </div> <div class="font12 text-center"> <p> {{awtTrans(' لم تستلم الكود؟ ')}} <a class="resend" href="#"> {{awtTrans(' إعادة الارسال ')}} </a></p> </div> <button id="activebtn" type="submit" class="button1 w-100 mt-3 material-button" > {{trans('delegates_dashboard.confirm')}}</button> </form> </div> </div> <!-- end page content --> <!-- start of footer --> <!-- end of footer --> <!-- scripts --> <script src="{{URL::to('site/js/jquery-3.4.1.js')}}" ></script> <script src="{{URL::to('site/js/intlTelInput.js')}}" ></script> <script src="{{URL::to('site/js/popper.js')}}" ></script> <script src="{{URL::to('site/js/bootstrap.min.js')}}" ></script> <script src="{{URL::to('site/js/alerts.js')}}" ></script> <script src="{{URL::to('site/js/scripts.js')}}" ></script> <script> const inputElements = [...document.querySelectorAll('input.code-input')] inputElements.forEach((ele,index)=>{ ele.addEventListener('keydown',(e)=>{ if(e.keyCode === 8 && e.target.value==='') inputElements[Math.max(0,index-1)].focus() }) ele.addEventListener('input',(e)=>{ const [first,...rest] = e.target.value e.target.value = first ?? '' if(index!==inputElements.length-1 && first!==undefined) { inputElements[index+1].focus() inputElements[index+1].value = rest.join('') inputElements[index+1].dispatchEvent(new Event('input')) } }) }) function onSubmit(e){ e.preventDefault() const code = [...document.getElementsByTagName('input')] .filter(({name})=>name) .map(({value})=>value) .join('') console.log(code) } </script> <script> $("#activebtn").on('click',function(e){ e.preventDefault(); var form = $('#activeForm').get(0); var formData = new FormData(form); var oldText = $(this).text(); $(this).prop('disabled', true).css({ opacity:'0.5' }).text("{{trans('delegates_dashboard.loading')}}"); $.ajax({ url:"{{route('delegates_dashboard.post_activate_delegate')}}", type:"POST", data: formData, dataType: "json", processData: false, contentType: false, cache: false, success:function(data){ $('#activebtn').removeAttr("disabled").css({ opacity:'1' }).text(oldText); if(data.key =='success'){ location.assign(data.msg); }else{ Swal.fire({ title: data.msg, position:'top', timer: 3000, type:'error', showCloseButton: false, showConfirmButton:false, animation: true }) } } }); }); </script> <script> $('.resend').on('click',function(e){ e.preventDefault(); $.ajax({ url:"{{route('delegates_dashboard.resendVcode')}}", type:"GET", dataType: "json", processData: false, contentType: false, cache: false, success:function(data){ if(data.key =='success') { swal.fire({ title: data.msg, position:'top', timer: 3000, type:'success', showCloseButton: false, showConfirmButton:false, animation: true }) location.assign(data.location); }else{ swal.fire({ title: data.msg, position:'top', timer: 3000, type:'error', showCloseButton: false, showConfirmButton:false, animation: true }) } } }); }); </script> </body> </html>
Back to File Manager