Edit File: register.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<style> .up-area{ margin: 7px; position: relative; } .up-area img{ width: 150px; opacity: 0; } a { color: #41b8b4; } .checkBox { display: block; margin-bottom: 15px; } .checkBox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .checkBox label { position: relative; cursor: pointer; } .checkBox label:before { content:''; -webkit-appearance: none; background-color: transparent; border: 2px solid #41b8b4; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; } .checkBox input:checked + label:after { content: ''; display: block; position: absolute; top: 5px; left: 9px; width: 6px; height: 14px; border: solid #41b8b4; border-width: 0 2px 2px 0; transform: rotate(45deg); } .input-img-cont .input-img{ width: 100%; height: 100%; border-radius: 50%; } </style> </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.sign_up')}}</h5> <p class="m-3"> {{trans('delegates_dashboard.sign_up_rule')}}</p> </div> <div class="container"> <div class="row justify-content-center"> <div class="col-8"> <div class="m-auto round10 p-3 form-cont" > <form id="submitform" enctype="multipart/form-data" class="row justify-content-center"> @csrf <div class="col-12"><h6 class="bold border-bottom pt-3 pb-3 mb-4">{{trans('site.join_delegate_company')}}</h6></div> <div class="col-md-11 col-12"> <div class="form-group"> <div class="row align-items-center justify-content-start "> <div class=" "> <label for="file1"> <div class="input-img-cont "> <img src="{{URL::to('site/imgs/icons/upload-img.png')}}" id="view1" class="input-img" alt=""> <img src="{{URL::to('site/imgs/icons/camera.png')}}" class="input-img-camera" alt=""> </div> <input onchange="viewImg(event ,'#view1')" class="d-none" type="file" name="avatar" id="file1"> </label> </div> <div class="col"> <h6 class="bold font14">{{trans('delegates_dashboard.avatar')}}</h6> </div> </div> </div> </div> <div class="col-md-11 col-12"> <div class="form-group"> <label class="bold font14"> {{trans('delegates_dashboard.company_name')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label> <input type="text" name="name" class="form-control" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.company_name')}}"> </div> </div> <div class="col-md-11 col-12"> <div class="form-group"> <label class="bold font14"> {{trans('delegates_dashboard.phone')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label> <div class="row"> <div class="col-4 col-md-2 p-1 pr-0"> <select id="exampleInputEmail1" type="text" name="country_key" class="form-control"> @foreach($countries as $country) <option value="{{$country->calling_code}}" selected >{{$country->calling_code}}</option> @endforeach </select> </div> <div class="col pt-1 pb-1 pl-0 pr-1"> <input type="phone" name="phone" class="form-control" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.phone')}}"> </div> </div> </div> </div> <div class="col-md-11 col-12"> <div class="form-group"> <label class="bold font14"> {{trans('delegates_dashboard.email')}}<span style="color: #ff3333;margin: auto 20px;"> * </span></label> <input type="email" name="email" class="form-control" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.email')}}"> </div> </div> <div class="col-md-11 col-12"> <div class="form-group"> <label class="bold font14"> {{trans('delegates_dashboard.city')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label> <select name="city_id" class="form-control"> <option selected disabled>{{trans('delegates_dashboard.choose_city')}}</option> @foreach($cities as $city) <option value="{{$city->id}}">{{$city->name}}</option> @endforeach </select> </div> </div> <div class="col-md-11 col-12"> <div class="form-group"> <label class="bold font14"> {{trans('delegates_dashboard.commercial_number')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label> <input type="number" name="commercial_number" class="form-control" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.commercial_number')}} "> </div> </div> <div class="col-md-11 col-12"> <div class="form-group"> <label class="bold font14">{{trans('delegates_dashboard.commercial_img')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label> <input type="text" class="form-control img-uploader" onclick="document.getElementById('imgInp').click()" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.commercial_img')}} "> <input type="file" name="commercial_image" id="imgInp" class="d-none"> <div class="up-area"> <img id="blah" class="" src="#" alt="{{trans('delegates_dashboard.commercial_img')}} " /> </div> </div> </div> <div class="col-md-11 col-12"> <div class="form-group"> <label class="bold font14"> {{trans('delegates_dashboard.bank_number')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label> <input type="number" name="bank_account_number" class="form-control" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.bank_number')}} "> </div> </div> <div class="col-md-11 col-12"> <div class="form-group"> <label class="bold font14" for="Password1"> {{trans('delegates_dashboard.password')}} </label> <div class="password-cont"> <input type="password" name="password" class="form-control" id="Password1" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.password')}}"> <i class="fa fa-eye color-gray" id="signInShowPassword1"></i> </div> </div> </div> <div class="col-md-11 col-12"> <div class="form-group"> <label class="bold font14" for="Password1">{{trans('delegates_dashboard.password_confirmation')}} </label> <div class="password-cont"> <input type="password" name="password_confirmation" class="form-control" id="Password2" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.password_confirmation')}} "> <i class="fa fa-eye color-gray" id="signInShowPassword2"></i> </div> </div> </div> <div class="col-md-11 col-12"> <div class="checkBox d-flex align-items-center"> <input type="checkbox" name="terms" id="terms"> <label for="terms"></label> <p class="mb-0 mr-2 ml-2"><b> {{trans('delegates_dashboard.accept_policy')}} <a href="{{route('delegates_dashboard.terms')}}" >{{trans('delegates_dashboard.policy')}} </a></b></p> </div> </div> <div class="col-12"> <button id="submitbtn" type="submit" class="button1 w-100 mt-3 " > {{trans('delegates_dashboard.sign_up')}} </button> </div> <div class="col-12"> <div class="text-center p-3"> <p> {{trans('delegates_dashboard.have_account')}}<a href="{{route('delegates_dashboard.get_login')}}" > {{trans('delegates_dashboard.press')}} </a></p> </div> </div> </form> </div> </div> </div> </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> $("#submitbtn").on('click',function(e){ e.preventDefault(); var form = $('#submitform').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_register')}}", type:"POST", data: formData, dataType: "json", processData: false, contentType: false, cache: false, success:function(data){ $('#submitbtn').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> $(function (){ var inpImg = document.getElementById("imgInp"); var imgUp = document.getElementById("blah"); $(".up-area").slideUp(); inpImg.onchange = evt => { const [file] = inpImg.files if (file) { imgUp.src = URL.createObjectURL(file) $(".up-area").slideDown(300); $(".up-area img").css('opacity' , '1'); var colseBtn = document.createElement('') }else { $(".up-area").slideUp(100); $(".up-area img").css('opacity' , '0'); } } }) </script> </body> </html>
Back to File Manager