{% embed 'Dashboard/Components/Containers/_dashboard-table.html.twig' with {
	title: type == 'shop'
		? 'app.global.pages.dashboard.shops.best_selling'|trans
		: 'app.global.pages.dashboard.products.best_selling'|trans,
	subtitle: type == 'shop'
		? 'app.global.pages.dashboard.shops.total'|trans
		: 'app.global.pages.dashboard.products.total'|trans
} %}
{% block table %}
	<table class="table table-row-dashed align-middle gs-0 gy-3 my-0 dashboard-table">
		<thead>
			<tr class="fs-7 fw-bold text-gray-500 border-bottom-0 text-uppercase">
				<th class="ps-0 dashboard-table__col dashboard-table__col--media">
					{{ (type == 'shop' ? 'app.global.pages.dashboard.shops.item' : 'app.global.pages.dashboard.products.item')|trans }}
				</th>
				<th class="dashboard-table__col dashboard-table__col--main"></th>
				<th class="text-end dashboard-table__col dashboard-table__col--metric">
					{{ (type == 'shop' ? 'app.global.pages.dashboard.shops.quantity' : 'app.global.pages.dashboard.products.quantity')|trans }}
				</th>
			</tr>
		</thead>
		<tbody class="fw-semibold text-gray-600">
			{% for item in items %}
				<tr>
					<td class="ps-0 dashboard-table__cell dashboard-table__cell--media">
						{% if type == 'shop' %}
							{{ (shops_images ~ item.image)|path_to_image(50) }}
						{% else %}
							{{ (products_images ~ item.image)|path_to_image(50) }}
						{% endif %}
					</td>
					<td class="dashboard-table__cell dashboard-table__cell--main">
						{% if type == 'shop' %}
							<a href="{{ path('foxorders_shop_shop_edit', {id: item.id}) }}" class="dashboard-table__primary text-hover-primary d-block">{{ item.name }}</a>
						{% else %}
							<span class="dashboard-table__primary d-block">{{ item.name }}</span>
						{% endif %}
						<span class="dashboard-table__secondary d-block">{{ item.createdAt|date('d/m/Y H:i') }}</span>
					</td>
					<td class="dashboard-table__cell dashboard-table__cell--metric text-end">
						<span class="dashboard-table__primary">x{{ type == 'shop' ? item.totalOrders : item.total }}</span>
					</td>
				</tr>
			{% else %}
				{% include 'Dashboard/Components/Containers/_table-empty.html.twig' with { colspan: 3 } only %}
			{% endfor %}
		</tbody>
	</table>
{% endblock %}
{% endembed %}