{% set trueIcon = '<i class="fa fa-check text-success"></i>' %}
{% set falseIcon = '<i class="fa fa-times text-danger"></i>' %}
{% set certViewLimit = 1000 %}
<div class="p-4 table-container">
	<table class="table mb-0">
		<thead>
			<tr>
				<th class="border-0">{{ 'Features'|trans }}</th>
				<th class="text-center border-0">{{ 'Free Package'|trans }}</th>
				<th class="text-center border-0">{{ 'Paid package'|trans }}</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td></td>
				<td class="text-center">{{ 'You can use these features for free forever.'|trans }}</td>
				<td class="text-center">{{ 'You can try all paid features free for %days% days. After %days% days you can use the free package.'|trans({'%days%': days}) }}</td>
			</tr>
			<tr>
				<td class="pt-3 border-0"><strong>{{ 'Reviews'|trans }}</strong></td>
				<td class="border-0"></td>
				<td class="border-0"></td>
			</tr>
			<tr>
				{# <td>{{ '%platforms% Review Platforms Available'|trans(['%platforms%' => WordpressPluginManager::getNumberOfPlatforms()]) }}</td> #}
				<td>{{ '%platforms% Review Platforms Available'|trans({'%platforms%': cdn.getFileContent(cdn.getFilePath('assets/platform/total.number'))}) }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td>{{ 'Download All Reviews'|trans }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td>{{ 'Automatic Update'|trans }}</td>
				<td class="text-center">{{ falseIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td class="pt-3 border-0"><strong>{{ 'Get Reviews'|trans }}</strong></td>
				<td class="border-0"></td>
				<td class="border-0"></td>
			</tr>
			<tr>
				<td>{{ 'Manual Campaigns'|trans }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td>{{ 'Automatic Campaigns'|trans }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td>{{ 'QR code'|trans }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td class="pt-3 border-0"><strong>{{ 'Review management'|trans }}</strong></td>
				<td class="border-0"></td>
				<td class="border-0"></td>
			</tr>
			<tr>
				<td>{{ 'Reply reviews with %platform%'|trans({'%platform%': 'ChatGPT'}) }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td>{{ 'Review summary page'|trans }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td class="pt-3 border-0"><strong>{{ 'Professional Widgets'|trans }}</strong></td>
				<td class="border-0"></td>
				<td class="border-0"></td>
			</tr>
			<tr>
				<td>{{ 'Unlimited Number of Widgets'|trans }}</td>
				<td class="text-center">{{ falseIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td>{{ 'Unlimited Widget Impression'|trans }}</td>
				<td class="text-center">{{ falseIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td>{{ 'Review Widget'|trans }}</td>
				<td class="text-center">{{ falseIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td>{{ 'Feed Widgets (%platforms%)'|trans({'%platforms%': 'Instagram, Facebook, Youtube, Tiktok...'}) }}</td>
				<td class="text-center">{{ falseIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td>{{ 'Review Certificate'|trans }}</td>
				{# <td class="text-center">{{ '%visitors% views'|trans(['%visitors%' => CertificateValidator::$cert_view_limit]) }}</td> #}
				<td class="text-center">{{ '%visitors% views'|trans({'%visitors%': certViewLimit}) }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td>{{ 'Email Signature'|trans }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td>{{ 'Trustmarks'|trans }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td>{{ 'Review Images'|trans }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
				<td class="text-center">{{ trueIcon|raw }}</td>
			</tr>
			<tr>
				<td colspan=2></td>
				<td class="text-center">
					{# <a class="mt-2 btn btn-sm btn-primary" href="<?php echo url_for('subscription/change'); ?>"><?php echo __('Subscribe now'); ?></a> #}
					<a class="mt-2 btn btn-sm btn-primary" href="/subscription/change">{{ 'Subscribe now'|trans }}</a>
				</td>
			</tr>
		</tbody>
	</table>
</div>