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


<div class="col-md-4 mb-3">
   <div class="gz_plan_request_box bg-white position-relative h-100">
      <img src="{{ asset('assets/gz-page/images/plans') }}/{{$product_img[$key] ?? 0}}" alt="" class="img-fluid">

      <div class="d-flex align-items-center justify-content-between p-3">
         <div class="">
            <h4 class="gz_request_plan_head mb-1">{{ $plan->name ?? ''}}</h4>
            <h1 class="gz_price_plan_head mb-0"><span class="">$</span>{{ $plan->min_price ?? ''}}</h1>
         </div>
         <div class="">
            <div class="request-product request-action">
               <label>
                  <input class="add-cart-js" type="checkbox" value="{{$plan->id ?? ''}}"><span
                     class="py-2 px-4 cart-text-js">Add to Cart</span>
               </label>
            </div>
            <!-- <div class="text-end">
               <a class="detail-link" href="#">See details</a>
            </div> -->
         </div>
      </div>

      <div class="request_hover_box">
         <div class="">
            <h4 class="gz_request_plan_head mb-1 text-white">{{ $plan->name ?? ''}}</h4>
            <h1 class="gz_price_plan_head mb-3"><span class="">$</span>{{ $plan->min_price ?? ''}}</h1>
            <h3 class="gz_request_include mb-3">What Included: </h3>
            <ul class="gz_request_include_list">
               @foreach (unserialize($plan->plan_features) ?? [] as $key => $feature)
               <li>{{$feature ??''}}</li>
               @endforeach
            </ul>
            <div class="request-product-hover request-action-hover" for="plan_item_{{$plan->id ?? ''}}">
               <label>
                  <input class="add-cart-js" type="checkbox" value="{{$plan->id ?? ''}}" id="plan_item_{{$plan->id ?? ''}}"><span
                     class="px-4 cart-text-js">Add to Cart</span>
               </label>
            </div>
         </div>
      </div>
   </div>
</div>
@endforeach