{# templates/components/card.html.twig #}

<ul class="list-group">
	{% if app.user %}
		{% for item in cartItems %}
			<li class="d-flex justify-content-between align-items-center">
				<span>{{ item.course.title }}</span>
				<div class="d-flex align-items-center gap-1">
					<span>${{ item.course.price }}</span>
					{# <button class="remove-from-cart" data-controller="cart" data-id="{{ item.id }}" >
						<img src="{{ asset('assets/icons/deleteIcon.svg') }}" alt="Delete">
					</button> #}
                    <form action="{{ path('cart_remove', {'id': item.id}) }}" method="post" data-turbo-frame="cart_container">
						<button type="submit">
						    <img src="{{ asset('assets/icons/deleteIcon.svg') }}" alt="Delete">
						
						</button>
					</form>
				</div>
			</li>
		{% endfor %}
	{% endif %}
</ul>
<div class="cart-totals">
	<div class="d-flex justify-content-between">
		<span>Sub total</span>
		<span>$00.00</span>
	</div>
	<hr>
	<div class="d-flex justify-content-between">
		<span>Total</span>
		<span>$70.00</span>
	</div>
</div>