@extends('theme.default')
@section('title')
   Referrals
@endsection

@section('canonical')
   <link rel="canonical" href="https://www.surveybakery.com/referrals">
@endsection

@section('content')

   <section class="contact  pad-btm pad-top ">
      <div class="container">
         <div class="row">
            <div class="col-md-7 wow fadeInDown">
               <div class="constes m3-h  wow fadeInUp">
                  <h2>Invite your friends and watch your earnings grow each time they complete a survey</h2>
                  <h5>Join our referral program and unlock more chances to earn money online</h5>
               </div>
               <br>
               <br>
               <div class="cpshead payup refwe p10">
                  <p>YourName Referral Links & Banners</p>
               </div>
               <div class=" paybalnor  m4-h p9">


                  <div class="marksa resfcs" style="background-image:url({!! asset('images/referslas.png') !!});">
                     <div class="secp">
                        <p>Give And Receive - Refer A Friend To Survey Bakery And Enjoy Rewards</p>
                     </div>
                     <p>Your Friends Get A $0.20 Credit Too!</p>
                  </div>
               </div>

               <div class="refp p13">
                  <p>Invite your friends and family to join our survey community using your personal referral link or by sharing our referral banners. By encouraging them to share their opinions, you're not just helping them get their voices heard, but also increasing your chances of earning rewards. Whenever someone you've referred completes a survey, we'll make sure you get a fair share of the payout. Don't wait – start referring and earning rewards now!</p>
               </div>


               <div class="refp m4-h">
                  <h5>Earn Cash When Each Friend Completes Surveys!</h5>
               </div>


               <div class="basrrefe">
                  <div class="secp2 p9">
                     <p>Your Referral Link</p>
                  </div>
                  <div class="uniq p10">
                     <p>Find your exclusive referral link right here. All you need to do is share it with others to start getting new referrals. </p>
                  </div>
                  <div class="livkbox p5">
                     <p><a href="{{route('registration',['ref'=>!empty(Auth::user())? Auth::user()->id : '0'])}}">{{route('registration',['ref'=>!empty(Auth::user())? Auth::user()->id:'0'])}}</a></p>
                  </div>
                  <div class="uniq2 p10">
                     <p>Click here to copy your referral link</p>
                  </div>
               </div>

               <div class="refp m4-h">
                  <h5>Referrals Banners</h5>
               </div>

               <div class="baners1scouo m4-h">
                  <h4>Banner #1</h4>
                  <div class="scoupa">
                     <img src="{!! asset('images/webpi/recoup.webp') !!}" alt="">
                  </div>
                  <h4>Code</h4>
                  <div class="codessho clipboard">
                     <textarea onclick="copy()" class="copy-input code-cop" id="copyClipboard" rows="4" readonly ><a href="https://www.surveybakery.com/registration/{{ Auth::user()->id }}" class="logo"><img src="https://www.surveybakery.com/images/webpi/recoup.webp" title="referrals" alt="referrals"></a>
                     </textarea>
                  </div>
               </div>
               
               <div class="baners1scouo m4-h">
                  <h4>Banner #2</h4>
                  <div class="scoupa">
                     <img src="{!! asset('images/recoup2.png') !!}" alt="">
                  </div>
                  <h4>Code</h4>
                  <div class="codessho clipboard">
                     <textarea onclick="copy2()" class="copy-input code-cop" id="copyClipboard2" rows="4" readonly ><a href="https://www.surveybakery.com/registration/{{ Auth::user()->id }}" class="logo"><img src="https://www.surveybakery.com/images/webpi/recoup2.webp" title="referrals" alt="referrals"></a>
                     </textarea>
                  </div>
               </div>

               <div class="baners1scouo m4-h">
                  <h4>Banner #3</h4>
                  <div class="scoupa">
                     <img src="{!! asset('images/recoup3.png') !!}" alt="">
                  </div>
                  <h4>Code</h4>
                  <div class="codessho clipboard">
                     <textarea onclick="copy3()" class="copy-input code-cop" id="copyClipboard3" rows="4" readonly ><a href="https://www.surveybakery.com/registration/{{ Auth::user()->id }}" class="logo"><img src="https://www.surveybakery.com/images/webpi/recoup3.webp" title="referrals" alt="referrals"></a>
                     </textarea>
                  </div>
               </div>


               <div class="baners1scouo m4-h">
                  <h4>Banner #4</h4>
                  <div class="scoupa">
                     <img src="{!! asset('images/recoup4.png') !!}" alt="">
                  </div>
                  <h4>Code</h4>
                  <div class="codessho clipboard">
                     <textarea onclick="copy4()" class="copy-input code-cop" id="copyClipboard4" rows="4" readonly ><a href="https://www.surveybakery.com/registration/{{ Auth::user()->id }}" class="logo"><img src="https://www.surveybakery.com/images/webpi/recoup4.webp" title="referrals" alt="referrals"></a>
                     </textarea>
                  </div>
               </div>


               <div class="baners1scouo m4-h">
                  <h4>Banner #5</h4>
                  <div class="scoupa">
                     <img src="{!! asset('images/recoup5.png') !!}" alt="">
                  </div>
                  <h4>Code</h4>
                  <div class="codessho clipboard">
                     <textarea onclick="copy5()" class="copy-input code-cop" id="copyClipboard5" rows="4" readonly ><a href="https://www.surveybakery.com/registration/{{ Auth::user()->id }}" class="logo"><img src="https://www.surveybakery.com/images/webpi/recoup5.webp" title="referrals" alt="referrals"></a>
                     </textarea>
                  </div>
               </div>

               <div class="baners1scouo m4-h">
                  <h4>Banner #6</h4>
                  <div class="scoupa">
                     <img src="{!! asset('images/recoup6.png') !!}" alt="">
                  </div>
                  <h4>Code</h4>
                  <div class="codessho clipboard">
                     <textarea onclick="copy6()" class="copy-input code-cop" id="copyClipboard6" rows="4" readonly ><a href="https://www.surveybakery.com/registration/{{ Auth::user()->id }}" class="logo"><img src="https://www.surveybakery.com/images/webpi/recoup6.webp" title="referrals" alt="referrals"></a>
                     </textarea>
                  </div>
               </div>

               <div class="baners1scouo m4-h">
                  <h4>Banner #7</h4>
                  <div class="scoupa">
                     <img src="{!! asset('images/recoup7.png') !!}" alt="">
                  </div>
                  <h4>Code</h4>
                  <div class="codessho clipboard">
                     <textarea onclick="copy7()" class="copy-input code-cop" id="copyClipboard7" rows="4" readonly ><a href="https://www.surveybakery.com/registration/{{ Auth::user()->id }}" class="logo"><img src="https://www.surveybakery.com/images/webpi/recoup7.webp" title="referrals" alt="referrals"></a>
                     </textarea>
                  </div>
               </div>

               <div class="baners1scouo m4-h">
                  <h4>Banner #8</h4>
                  <div class="scoupa">
                     <img src="{!! asset('images/recoup8.png') !!}" alt="">
                  </div>
                  <h4>Code</h4>
                  <div class="codessho clipboard">
                     <textarea onclick="copy8()" class="copy-input code-cop" id="copyClipboard8" rows="4" readonly ><a href="https://www.surveybakery.com/registration/{{ Auth::user()->id }}" class="logo"><img src="https://www.surveybakery.com/images/webpi/recoup8.webp" title="referrals" alt="referrals"></a>
                     </textarea>
                  </div>
               </div>


               <div class="baners1scouo m4-h">
                  <h4>Banner #9</h4>
                  <div class="scoupa">
                     <img src="{!! asset('images/recoup9.png') !!}" alt="">
                  </div>
                  <h4>Code</h4>
                  <div class="codessho clipboard">
                     <textarea onclick="copy9()" class="copy-input code-cop" id="copyClipboard9" rows="4" readonly ><a href="https://www.surveybakery.com/registration/{{ Auth::user()->id }}" class="logo"><img src="https://www.surveybakery.com/images/webpi/recoup9.webp" title="referrals" alt="referrals"></a>
                     </textarea>
                  </div>
               </div>

               <div class="baners1scouo m4-h">
                  <h4>Banner #10</h4>
                  <div class="scoupa">
                     <img src="{!! asset('images/recoup10.png') !!}" alt="">
                  </div>
                  <h4>Code</h4>
                  <div class="codessho clipboard">
                     <textarea onclick="copy10()" class="copy-input code-cop" id="copyClipboard10" rows="4" readonly ><a href="https://www.surveybakery.com/registration/{{ Auth::user()->id }}" class="logo"><img src="https://www.surveybakery.com/images/webpi/recoup10.webp" title="referrals" alt="referrals"></a>
                     </textarea>
                  </div>
               </div>

               <div class="baners1scouo m4-h">
                  <h4>Banner #11</h4>
                  <div class="scoupa">
                     <img src="{!! asset('images/recoup11.png') !!}" alt="">
                  </div>
                  <h4>Code</h4>
                  <div class="codessho clipboard">
                     <textarea onclick="copy11()" class="copy-input code-cop" id="copyClipboard11" rows="4" readonly ><a href="https://www.surveybakery.com/registration/{{ Auth::user()->id }}" class="logo"><img src="https://www.surveybakery.com/images/webpi/recoup11.webp" title="referrals" alt="referrals"></a>
                     </textarea>
                  </div>
               </div>
               
               <div class="baners1scouo m4-h">
                  <div class="cpshead">
                     List referrals
                  </div>
                  <table class="table">
                     <thead>
                     <tr>
                        <th>S/No</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Verify/Pending</th>
                     </tr>
                     </thead>
                     @php
                     $i =1;
                     @endphp
                     <tbody>
                     @if(!empty($users->referralsUser))
                        @foreach ($users->referralsUser as $item)
                           <tr>
                              <td>{{$i}}</td>
                              <td>{{$item->first_name}}</td>
                              <td>{{$item->email}}</td>
                              <td>@if(!empty($item->email_verified_at))
                                    Verified
                                 @else
                                    Pending
                                 @endif
                              </td>
                           </tr>
                           @php
                           $i++;
                           @endphp
                        @endforeach
                     @endif
                     </tbody>
                  </table>
               </div>
            </div>
            @include ('theme.includes.sidebar')
         </div>
      </div>
@endsection