{% extends 'base.html.twig' %}
{% block title %}Hello HomeController!{% endblock %}
{% block body %}
<div class="uk-section uk-section-default">
<h1 class="uk-text-center">Escoja sus Membresías</h1>
{# <div class="container uk-padding-large">#}
<div class="uk-flex uk-background-muted uk-margin uk-text-center">
<div class="uk-margin-auto uk-margin-auto-vertical uk-width-1-2@s uk-card uk-card-default uk-card-body">
<form method="POST" action="{{ path('app_cart') }}">
{# {{ form(form) }}#}
<table class="uk-table uk-table-hover uk-table-middle uk-table-divider">
<thead>
<tr>
<th class="uk-table-shrink"></th>
<th class="uk-table-expand uk-text-center">Membresía</th>
<th class="uk-table-shrink uk-text-nowrap">Precio</th>
</tr>
</thead>
<tbody>
{% set x = 1 %}
{% for p in prods %}
<tr>
<td><input class="uk-checkbox chekea" type="checkbox" name="check[]" value="{{ p.id }}"></td>
{# <td><input class="uk-checkbox chekea" type="checkbox" name="check[]" value="{{ p.stripePriceId }}"></td>#}
<td class="uk-table-link">
{{ p.productName }}
</td>
<td class="uk-text-nowrap">${{ p.productPrice }} <small>(+IVU)</small></td>
</tr>
{% set x = x + 1 %}
{% endfor %}
<tr>
<td></td>
<td>
{{ form_start(form) }}
{{ form_row(form.ids) }}
<p>
<input class="uk-checkbox" type="checkbox" uk-toggle="target: #boton; cls: uk-disabled">
He leído y comprendido TODOS los términos descritos en <a href="{{ path('app_terminos') }}">Términos y Condiciones</a>
</p>
<button type="submit" class="uk-button uk-button-primary uk-disabled" id="boton">
Continuar
</button>
{{ form_end(form) }}
</td>
<td></td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
{# <div class="uk-overflow-auto">#}
{# </div>#}
{# </div>#}
</div>
{% block javascripts %}
{{ parent() }}
<script src="{{ asset('js/cart.js') }}"></script>
{% endblock %}
{% endblock %}