@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>  Update Username &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('dashboard.referral.generate') }}">   Update Username   </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.username.update') }}">
 
                    @csrf

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

              
                                <div class="card-title fs-5 mb-3">
                 
                                    Enter Your KingsChat Username
               
                                </div>

              
                                <div class="divider"><span></span></div>

               
                                <div class="row align-items-center">
                  
                                    <div class="col-md-8 mb-3 mb-md-0">


                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">@</span>
                                            </div>
                            
                                            <input class="form-control form--control"  type="text"   name="username"  placeholder="Enter Username"    value="{{ old('username') }}">
                                        </div>
                   

                                         @error('username')
                                                <span class="text-danger">{{ $message }}</span>
                                         @enderror
                                    </div>

                  
                                    <div class="col-md-4 text-md-left">
                      
                                        <input type="submit" class="btn theme-btn btn-block btn-sm" value="Save">
                   
                                    </div>
               
                                </div>

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

                </form>



  




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



         


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

         


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

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













@endsection