@extends('user.user_dashboard')
@section('home')






<!-- ================================
    START BREADCRUMB AREA
================================= -->
<section class="breadcrumb-area section-padding img-bg-2 ">
   <div class="overlay"></div>

   <div class="container">

       <div class="breadcrumb-content d-flex flex-wrap align-items-center justify-content-between">


           
          
           <div class="section-heading">
               <h2 class="section__title text-white">  <a href="{{ route('dashboard.referral') }}"> <i class="la la-chevron-left icon text-white"> </i> </a>   Influencer Onboarding &nbsp;  &nbsp; &nbsp; </h2>
           </div>

           <ul class="generic-list-item generic-list-item-white generic-list-item-arrow d-flex flex-wrap align-items-center">
               <li> <a href="{{ route('dashboard') }}"> Dashboard </a> </li>
               <li> <a href="{{ route('dashboard.referral') }}">   Referrals   </a>  </li>
               <li> <a href="{{ route('referral.influencer.onboarding') }}">   Influencer Onboarding   </a>  </li>
           </ul>


       </div><!-- end breadcrumb-content -->

       

   </div><!-- end container -->
</section><!-- end breadcrumb-area -->
<!-- ================================
   END BREADCRUMB AREA
================================= -->


<!-- ================================
       START CONTACT AREA
================================= -->
<section class="cart-area section--padding">
    
    <div class="container">
       
        <div class="row">

            <div class="col-lg-10">


                 <form method="POST" action="{{ route('referral.influencer.onboarding.update') }}">
 
                    @csrf

   
                    <div class="form-body mt-4">                     
       
                        <div class="card card-item">
          
                            <div class="card-body">

                             <h3 class="card-title fs-22 pb-3"> Digital Influencer Onboarding </h3>
                             <div class="divider"><span></span></div>

              
                            <div class="input-box col-lg-12">
                                <label class="form-label">Full Name</label>
                                <div class="form-group">
                                    <input class="form-control form--control" type="text" name="firstname" placeholder="Enter Fullname" readonly value="{{ auth()->user()->title .' '. auth()->user()->firstname .' '. auth()->user()->surname  }}" >
                                    <span class="la la-user input-icon"></span>
                                </div>
                            </div><!-- end input-box -->


                              <div class="input-box col-lg-12">
                                  @php
                                    $referralLink = url('/register?ref=' . auth()->user()->username);
                                 @endphp

                                <label class="form-label"> Referral Link </label>
                                <div class="form-group">
                                     <input class="form-control form--control" type="text" name="espees_username" placeholder="Enter Espees Username" readonly  value="{{ $referralLink }}" >
                                    
                                     <span class="la la-link input-icon"></span>
                                </div>
                            </div><!-- end input-box -->



                            <div class="input-box col-lg-12">
                                <label class="form-label"> Kingschat Username (Connected to Espees Wallet) </label>
                                <div class="form-group">
                                    <input class="form-control form--control" type="text" name="espees_username" placeholder="Enter Kingschat Username Connected to Espees Wallet" value="" >
                                    <span class="la la-user-circle input-icon"></span>

                                </div>

                                  @error('espees_username')
                                      <span class="text-danger">{{ $message }}</span>
                                  @enderror
                            </div><!-- end input-box -->


                            <div class="input-box col-lg-12">
                                <label class="form-label"> Espees Wallet Address </label>
                                <div class="form-group">
                                    <input id="phone" class="form-control form--control" type="text"  name="espees_wallet_address" placeholder="Enter Espees Wallet Address" value="" >
                                    <span class="la la-wallet input-icon"></span>
                                </div>

                                 @error('espees_wallet_address')
                                      <span class="text-danger">{{ $message }}</span>
                                 @enderror
                            </div><!-- end input-box -->

           
                            </div><!-- end card-body -->

                           
      
                        </div><!-- end card -->

                        <button type="submit" class="btn theme-btn btn-block mt-4">
                            <span class="la la-check-circle mr-2"></span> Complete Onboarding
                        </button>

                       
   
                    </div>

                </form>



  




            </div><!-- end col-lg-10 -->



         


        </div><!-- end row -->
        

         


           <div class="section-block"></div>

       
    </div><!-- end container -->
</section>
<!-- ================================
       END CONTACT AREA
================================= -->













@endsection