@foreach($subscription_plans as $key => $plan)
@php
$discOffer = '';
@endphp

<div class="col-md-4 mb-3">
   <div class="gz_plan_box bg-white position-relative h-100">

      @if($plan->min_qty == 2)
      <div class="gz_rc_box text-uppercase">2x output</div>
      @else
      <div class="gz_rc_box text-uppercase">recommended</div>
      @endif
      <div class="d-flex justify-content-between mb-3">
         <div class="">
            <h4 class="gz_plan_head mb-0">{{ $plan->name ?? ''}}</h4>
            <p class="gz-h-tital">{{$plan->min_qty ?? ''}} x Content Project / Day <i class="bi bi-info-circle-fill custom-cursor-pointor" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Work on {{$plan->min_qty ?? ''}} project at a time delivered in 24-48 hrs. Revisions in under 24 hrs. Exclud. weekends"></i></p>
         </div>
         {{-- @if($plan->min_qty != 2)
         <div class="">
            <h3 class="gz-main-price"><sup class="d-sing">$</sup>{{ $plan->min_price
               ?? ''}}</h3>
         </div>
         @endif --}}
      </div>
      {{-- @if($plan->min_qty == 2) --}}
      <h1 class="gz_head_price mb-0"><sup class="gz-h-s">$</sup>{{ $plan->min_price ?? ''}}</h1>
      <p class="gz-d-color px-4"> Per Month</p>
      {{-- @else
      @php
      $discOffer = 'starter-content';
      @endphp
      <h1 class="gz_head_price mb-0"><sup class="gz-h-s">$</sup>99</h1>
      <p class="gz-d-color"> For First Month</p>
      @endif --}}
      <button class="btn bg-theme py-2 px-4 text-white submit-single-button-js" data-plan-item="{{ $plan->id }}"
         data-sc-token="{{ \Illuminate\Support\Facades\Crypt::encrypt([$plan->id]) }}"
         data-action-route="{{ route('register') }}" data-offer="{{base64_encode($discOffer)}}">Choose Plan</button>
      <div class="gz-price-feature mt-4">
         @if($plan->min_qty == 2)
         <h5 class="text-dark">Everything in Growth+</h5>
         @else
         <h5 text-dark>Everything in Starter+</h5>
         @endif
         <ul class="feature-ul mb-0">
            @foreach (unserialize($plan->plan_features) ?? [] as $key => $feature)
            <li class="d-flex gz-f-li mb-2 text-dark align-items-start"><img src="{{ asset('assets/gz-page/images/gz-images/check-s.svg') }}" alt=""
                  class="me-2 al-tick"> {{$feature ??''}} </li>
            @endforeach
         </ul>
      </div>
   </div>
</div>

@endforeach