{% extends 'base.html.twig' %}
{% block title %}Pricing{% endblock %}
{% block body %}
<section class="background-secondary text-white p-t-40 p-b-40">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1>Pricing</h1>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row pricing-table colored pt-5">
{% for plan in plans %}
{% if plan.price > 0 %}
<div class="col-lg-3 col-md-12 col-12">
<div class="plan featured">
<div class="plan-header">
<h2 class="text-white">{{ plan.name }}</h2>
<p class="text-muted">{{ plan.description }}</p>
<div class="plan-price"><sup>$</sup>{{ plan.price }}<span>/mo</span></div>
<a href="{{ path('app_register',{plan:plan.name}) }}" class="btn btn-outline btn-rounded btn-white"><span><i class="icon-chevron-right"></i> Get Started</span></a>
</div>
<div class="plan-list">
<ul>
<li><i class="fas fa-globe-americas"></i>Requests {{ plan.calls | number_format }}/day</li>
<li><i class="fa fa-server"></i>{{ plan.services }} services</li>
<li class="text-center">{% if plan.isFreeTrial %}<div class="h5 badge badge-success text-white">14 day free trial</div>{% endif %}</li>
</ul>
</div>
</div>
</div>
{% else %}
<div class="col-lg-3 col-md-12 col-12">
<div class="plan featured">
<div class="plan-header background-secondary">
<h2 class="text-white">{{ plan.name }}</h2>
<p class="text-muted">{{ plan.description }}</p>
<h4 class="text-white">FREE Forever</h4>
<a href="{{ path('app_register',{plan:plan.name}) }}" class="btn btn-outline btn-rounded btn-white"><span><i class="icon-chevron-right"></i> Get Started</span></a>
</div>
<div class="plan-list">
<ul>
<li><i class="fas fa-globe-americas"></i>Requests {{ plan.calls | number_format }}/day</li>
<li><i class="fa fa-server"></i>{{ plan.services }} service</li>
</ul>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% endblock %}