במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

]]jkjjgdjffksdkdxdsghfghdfghfgdfsdsdfsdfsfdsbcxvxcbccwewqeqwewqskfgj במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

@extends('layouts.app')
@section('mainContent')

<div class="ltn__breadcrumb-area text-left bg-overlay-white-30 bg-image "  data-bs-bg="{{asset('image')}}/cmspage/{{$pageTitleBanner->top_image}}"alt="Refer A Friend Image">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ltn__breadcrumb-inner">
                        <h1 class="page-title">REFER A FRIEND</h1>
                        <div class="ltn__breadcrumb-list">
                            <ul>
                                <li><a href="{{route('langindCountry',[currentCountry()])}}">
                                    <span class="ltn__secondary-color"><i class="fas fa-home"></i></span> Home</a></li>
                                <li>REFER A FRIEND</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="refer pt-30 pb-20 ">
            <div class="container">
               <div class="row mb-30">
                  <div class="col-lg-12 align-self-center">
                     <div class="about-us-info-wrap">
                        <div class="section-title-area ltn__section-title-2--- mb-20 text-center">
                           <h3 class="">{{$pageTitleBanner->top_title}}<span>.</span></h3>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="row">
                    <div class="col-lg-6 col-md-6">
                        <div class="blox-element blox-element-text">{{$pageTitleBanner->mid_title}}
                            <ol class="ol-steps">
                            @foreach($pageDetails as $key=>$value)    
                            <li>{{$value->top_title}}</li>
                            @endforeach
                            </ol>
                        </div>
                        <div class="blox-element-today">{{$pageTitleBanner->btm_title}}</div>
                    </div>
                    @guest
                    <div class="col-lg-6 col-md-6">
                        <div class="blox-element blox-element-texted  mb-10">You have the ability to refer more than one friend!</div>
                        <div class="aw-referrals-well">
                            <h4>Please Login</h4>
                            <p>You must have an account to refer a friend.</p>
                            <p><a href="{{route('userLogin')}}" class="theme-btn-1 btn btn-effect-1" tabindex="0">Login or Register</a></p>
                        </div>
                    </div>
                    
                    @else
                        <div class="col-lg-6 col-md-6">
                            <div class="blox-element blox-element-texted  mb-10">You have the ability to refer more than one friend!</div>
                            <div class="aw-referrals-well">
                                <h4>Referral Code</h4>
                                <p>{{Auth::user()->referal}}</p>
                                <input type="hidden" value="{{route('userSingUp')}}?refreal={{Auth::user()->referal}}" id="copytextarea"> 
                                <p><a href="javascript:void('0')" id="copyTextBtn" class="theme-btn-1 btn btn-effect-1" tabindex="0">Copy Link</a></p>
                            </div>
                        </div>
                    
                    @endif
                    </div>
               </div>
            </div>
    <div class="ltn__call-to-action-area call-to-action-6 before-bg-bottom" data-bs-bg="img/1.jpg--">
         <div class="container">
            <div class="row">
               <div class="col-lg-12">
                  <div class="call-to-action-inner call-to-action-inner-6 ltn__secondary-bg position-relative text-center---">
                     <div class="coll-to-info text-color-white">
                        <h2>Looking for a Project / Assignment / Homework Help?</h2>
                     </div>
                     <div class="btn-wrapper">
                        <a class="btn btn-effect-3 btn-white" href="{{route('order_now',[currentCountry()])}}">Order Now <i class="icon-next"></i></a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>

@endsection

@section('customJS')
<script>
   copyTextBtn = document.querySelector('#copyTextBtn');
  copyTextBtn.addEventListener('click', function(event) {
    let copyTextarea = document.querySelector('#copytextarea');
    copyTextarea.focus();
    copyTextarea.select();
    try {
      let successful = document.execCommand('copy');
      let msg = successful ? 'successful' : 'unsuccessful';
      alert('Copy text command was ' + msg);
    } catch(err) {
      alert('Unable to copy');
    }
  });
</script>
@endsection