<div class="row">
  {# {% include "@syndexAcademic/Default/subscription_card.html.twig" with {
    'title': 'subscribe.daily.title'|trans({},'Subscribe') ,
    'src': 'paper.png',
    'price': ds_subscripe,
    'type': 'subscribe.daily.type'|trans({},'Subscribe'),
    'shortTitle': 'subscribe.daily.des'|trans({},'Subscribe'),
    'features': [
      'subscribe.daily.fea.1'|trans({},'Subscribe'),'subscribe.daily.fea.2'|trans({},'Subscribe')
    ],
    'color': 'primary',
    'id':'subscribe-daily'
  } %} #}

  {% include "@syndexAcademic/Default/subscription_card.html.twig" with {
    'title': 'subscribe.monthly.title'|trans({},'Subscribe') ,
    'src': 'book.png',
    'price': ms_subscripe,
    'type': 'subscribe.monthly.type'|trans({},'Subscribe') ,
    'shortTitle': 'subscribe.monthly.des'|trans({},'Subscribe'),
    'features': [
      'subscribe.monthly.fea.1'|trans({},'Subscribe'),'subscribe.monthly.fea.2'|trans({},'Subscribe') , 'subscribe.monthly.fea.3'|trans({},'Subscribe') , 'subscribe.monthly.fea.4'|trans({},'Subscribe'), 'subscribe.monthly.fea.5'|trans({},'Subscribe')
    ],
    'color': 'danger',
    'id':'subscribe-monthly',
    'active': activeID == "monthly",
    'outlineColor': '#ac2925'
  } %}  


  {% include "@syndexAcademic/Default/subscription_card.html.twig" with {
    'title': 'subscribe.pro.title'|trans({},'Subscribe') ,
    'src': 'bookspile.png',
    'price': ps_subscripe,
    'type': 'subscribe.pro.type'|trans({},'Subscribe') ,
    'shortTitle': 'subscribe.pro.des'|trans({},'Subscribe'),
    'features': [
      'subscribe.pro.fea.1'|trans({},'Subscribe'),'subscribe.pro.fea.2'|trans({},'Subscribe') , 'subscribe.pro.fea.3'|trans({},'Subscribe') ,  'subscribe.pro.fea.4'|trans({},'Subscribe') ,  'subscribe.pro.fea.5'|trans({},'Subscribe')
    ],
    'color': 'success',
    'id':'subscribe-pro',
    'active': activeID == 'pro',
    'outlineColor': '#398439'
  } %}

  {% include "@syndexAcademic/Default/subscription_card.html.twig" with {
    'title': 'subscribe.annual.title'|trans({},'Subscribe') ,
    'src': 'shelf.png',
    'price': as_subscripe,
    'type': 'subscribe.annual.type'|trans({},'Subscribe') ,
    'shortTitle': 'subscribe.annual.des'|trans({},'Subscribe'),
    'features': [
      'subscribe.annual.fea.1'|trans({},'Subscribe'),'subscribe.annual.fea.2'|trans({},'Subscribe') , 'subscribe.annual.fea.3'|trans({},'Subscribe') , 'subscribe.annual.fea.4'|trans({},'Subscribe') , 'subscribe.annual.fea.5'|trans({},'Subscribe')
    ],
    'color': 'warning',
    'id':'subscribe-annual',
    'active': activeID == 'annual',
    'outlineColor': '#d58512'
  } %}

    {% include "@syndexAcademic/Default/subscription_card.html.twig" with {
    'title': 'subscribe.monthly-chatbot.title'|trans({},'Subscribe') ,
    'src': 'chatbot.jpg',
    'price': mas_subscripe,
    'type': 'subscribe.monthly-chatbot.type'|trans({},'Subscribe') ,
    'shortTitle': 'subscribe.monthly-chatbot.des'|trans({},'Subscribe'),
    'features': [
      'subscribe.monthly-chatbot.fea.1'|trans({},'Subscribe') , 'subscribe.monthly-chatbot.fea.2'|trans({},'Subscribe'), 'subscribe.annual.fea.3'|trans({},'Subscribe')  , 'subscribe.annual.fea.4'|trans({},'Subscribe')
    ],
    'color': 'primary',
    'id':'subscribe-monthly-chatbot',
    'active': activeID == 'monthly-chatbot',
    'outlineColor': '#2e6da4'
  } %}
</div>