@section('title') {{'Dashboard - Reply reviews'}} @endsection
@php
   $planName = $user->subscription?->plan?->name ?? 'Starter';
   $price=0;
    if($planName=='Pro Monthly'){
        $price=env('PRICE_MONTHLY_PLAN_A');
    }elseif($planName=='Multi Pro Monthly'){
        $price=env('PRICE_MONTHLY_PLAN_B') ;
    }
     elseif($planName=='Pro Yearly'){
    $price=env('PRICE_YEARLY_PLAN_A') ;
    } 
    elseif($planName=='Multi Pro Yearly'){
        $price=env('PRICE_YEARLY_PLAN_B') ;
    } 
    //$price=1 ;
    $price = number_format((float)$price, 2, '.', '') ; 
    $googleRedirect = 'https://www.google.com/search?q=';
    if($business){
      $googleRedirect = $googleRedirect.urlencode($business->name);
    }
   $now = \carbon\Carbon::now();  
   $expire = $user->subscription?->expired_at ? \carbon\Carbon::create($user->subscription->expired_at) : null;
   $planExpired = $expire ? $now->greaterThanOrEqualTo($expire) : false;
      ;
@endphp
    <!-- Affilliate tracking code-->
    @if ($isValidAffiliate)
    <img src="https://www.shareasale.com/sale.cfm?tracking={{$payment->orderID}}&amount={{$price}}&merchantID=144233&transtype=sale" width="1" height="1">
    <script src="https://www.dwin1.com/57689.js" type="text/javascript" defer="defer"></script>
    
    @endif
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
            {{ __('Payment successful') }} 
        </h2>
        
    </x-slot>

  <section class="padding-y-lg pb-12 pt-5">
    
    <div class="max-w-7xl mx-auto py-1 px-4 sm:px-6 lg:px-8">
        <div id="alert"> </div>
       
       

              <!-- Hero Content -->
      <div class="flex   space-y-16 lg:space-y-0 text-center lg:text-left container xl:max-w-7xl mx-auto px-4 py-16 lg:px-8 lg:py-16 bg-white border border-gray-200 rounded-lg shadow sm:p-8 dark:bg-gray-800 dark:border-gray-700">
    

    
        <div class="lg:w-3/5  items-center  justify-center">
          <div class="text-center">
           
            <div class="flex flex-row gap-4 justify-center" >
              <img src="{{ asset('img/logo.png') }}" style="height:50px;" />
             
              
              
    
             
    
            </div>
            <h1 class="text-xl md:text-2xl font-extrabold mb-0 mt-1">
              REPLY.REVIEWS
            </h1>
            <p class="mb-4 text-black-600 text-xs">AI POWERED REPLIES </p>
           
            <h2 class="text-lg md:text-xl md:leading-relaxed font-medium text-black-600 z-50 mb-4">
             Thank you  {{ $user->name }}
            </h2>
            
            <p>Current Plan: <b>{{ $planName }} </b></p>
            
            <p>Order ID :<b> {{ $payment->orderID }} </b> </p>
            <p>Subscription ID :<b> {{ $payment->subscriptionID }} </b> </p>
            <p>Total Reply Credits :<b> {{ $user->getTotalCharges('ai-replies') }}/month</b> </p>
           <p class="mb-6 mt-4">
            <a href="{{ $googleRedirect }}"  target="_blank" class="text-white bg-gradient-to-r from-cyan-500 to-blue-500 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-cyan-300 dark:focus:ring-cyan-800 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 mb-2">Get Started Now</a> 
           </p>
             
           <p class="mb-6 mt-4">  
              <a  class="underline-offset-2 underline" href="https://chrome.google.com/webstore/detail/reply-to-google-reviews/nnlapinnlakdekodfepkeiakidelgfoa" target="_blank">
                
                    Add Reply Extension to Chrome
               
              </a> 
            </p>
             
             
            
          </div>
        </div>
    
        <div class="lg:w-2/5 lg:mr-16 lg:flex lg:justify-center lg:items-center">
          <div class="lg:w-11/12 relative">
            <div class="absolute pattern-dots-xl text-blue-100 top-0 left-0 w-32 h-48 md:h-96 transform -translate-y-12 -translate-x-16 -rotate-3"></div>
            <div class="absolute pattern-dots-xl text-blue-100 bottom-0 right-0 w-32 h-48 md:h-96 transform translate-y-12 translate-x-16 rotate-3"></div>
            <div class="absolute rounded-full top-0 right-0 w-32 h-32 bg-yellow-200 bg-opacity-50 -mt-12 -mr-12"></div>
            <div class="absolute rounded-xl bottom-0 left-0 w-32 h-32 bg-blue-200 bg-opacity-50 -mb-10 -ml-10 transform rotate-3"></div>
            <div class="aspect-video relative rounded-lg mx-auto shadow-lg">
                <iframe
                class="w-full h-full relative rounded-lg mx-auto shadow-lg"
                src="https://www.youtube.com/embed/HpK0bAhU1j4"
                frameborder="0"
                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                allowfullscreen>
                </iframe>
          </div>
            
          </div>
        </div>
        
    
      </div>

        
    </div>
 


</section>

</div>



  
  

</x-app-layout>