@extends('layout.master')
@section('content')

<section class="content pb-5">
  <div class="container-fluid">

    <div class="row pt-4 pt-sm-5">
      <div class="col-md-12 mb-3">
        <div class="title-section">
          <p>Subscription</p>
        </div>
      </div>

      @foreach($subscriptionPlans as $key => $value)

      <div class="col-md-3">
        <div class="card-one">
          <div class="row h-100">
            <div class="col-6">
              <img src="{{ asset('assets/images/silver-medal.svg') }}" class="medal-img" alt="">
            </div>

            <div class="col-6">
              <div class="pricingTable-header down-arrow">
                <h5 class="title">{{ @$value['volume_start'] }} - {{ @$value['volume_end'] }}<br><br></h5>
              </div>
            </div>

            <div class="col-md-12">
              <h6>{{ @$value['subscription_type_name'] }}</h6>
              <ul class="list-unstyled">
                @foreach($value['membershipFeatures'] as $key2 => $value2)
                <li> <img src="{{ asset('assets/images/setting1.svg') }}" alt=""> {{ @$value2['name'] }}</li>
                @endforeach
              </ul>
            </div>

            <div class="col-md-12 mt-auto">
              <div class="text-center">
              </div>
            </div>
          </div>
        </div>

      </div>
      
      @endforeach

   

    </div>
  </div>
</section>

@endsection