{% extends 'Legal_terms/base.html.twig' %}
{% set displayedType = ('shop_owner' == role() and 'tou' == type) ? 'cgv' : type %}
{% set titleType = ('app.legal_terms.type.' ~ displayedType ~ '.title')|trans %}
{% block title %}
	{{ ('app.legal_terms.type.' ~ displayedType ~ '.head_title')|trans }}
{% endblock %}

{% block component_body %}
	<div class="card card-flush mb-xxl-10 legal-terms-tabs">
		<div class="card-header pt-5">
			<h3 class="card-title align-items-start flex-column">
				<span class="card-label fw-bold text-gray-900">{{ titleType }}</span>
			</h3>
		</div>
		<div class="card-body">
			<div class="d-flex gap-5" style="height: 100%;">
				{% include 'Legal_terms/Components/update.html.twig' %}
				{% include 'Legal_terms/Components/preview.html.twig' %}
			</div>
		</div>
	</div>
{% endblock %}

{% block javascripts %}
	{{ parent() }}
	<script type="text/javascript">
		var type = "{{ titleType }}";
		var translations = {
			"file": {
                "empty": '{{ 'app.global.validation.modal.file.empty'|trans }}',
                "invalid": '{{ 'app.global.validation.modal.file.invalid'|trans }}',
            },
		}
	</script>
	<script src="{{ asset('metronic/v8.1.5/js/scripts.bundle.js') }}"></script>
	<script src="{{ asset('foxorders/js/validation/rules/legal-terms/legal_terms_import_file.js') }}"></script>
	<script src="{{ asset('foxorders/js/global/ckeditor.js') }}"></script>
	<script src="{{ asset('foxorders/js/legal-terms/legal_terms_import_file.js') }}"></script>
{% endblock %}