{% extends 'Franchise/base.html.twig' %}

{% block title %}
	{{ 'app.manager.pages.templates.head_title'|trans }}
{% endblock %}

{% block toolbar_actions %} {% endblock %}

{% block component_body %}
	<div id="kt_project_users_card_pane" class="tab-pane fade show active">
		<div class="row g-6 g-xl-9">
			{% for template in templates %}
				<div class="col-md-6 col-xxl-4">
					<div class="card card-stretch">
						<div class="overlay">
							<div class="overlay-layer card-rounded bg-dark bg-opacity-75 z-index-3">
								{{ link('preview', template.link) }}
							</div>
							<div class="card-body pt-5">
								<div class="d-flex flex-center flex-column mb-5">
									<div class="symbol symbol-250px symbol-circle mb-7">
										{% set image = getImage(templates_images ~ template.cover) %}
										<object height="160px" width="300px" data="{{ asset(image) }}"></object>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			{% endfor %}
		</div>
	</div>
{% endblock %}