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

{% block title %}
    {{ 'app.admin.pages.menu_clones.title'|trans }}
{% endblock %}

{% block component_body %}
    <div class="alert alert-dismissible clone-in-progress bg-light-danger d-flex flex-center flex-column py-10 px-10 px-lg-20 mb-10 d-none">
		<i class="ki-duotone ki-information-5 fs-5tx text-danger mb-5"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i>
		<div class="text-center">
			<h1 class="fw-bold mb-5">La carte est en cours du clonage</h1>
			<div class="separator separator-dashed border-danger opacity-25 mb-5"></div>
			<div class="mb-9 text-gray-900">
				<ul>
					<li><strong><u>Il ne faut absolument pas</u></strong> modifier les données des shops de cette franchise, tant que le clonage n'a pas terminée<br/></li>
					<li>Vous pouvez quitter la page sans problème. le clonage se passe en <strong><u>arrière plan</u></strong>.</li>
					<li>Une alerte s'affichera dans les toute les pages pour indiquer que la duplication n'a encore terminé.</li>
					<li>Il faut attendre la fin de du clonage avant de faire d'autres.</li>
				</ul>
			</div>
			<div class="d-flex flex-center flex-wrap">
				<button type="button" class="btn btn-danger m-2" data-bs-dismiss="alert">Ok, Je comprends</button>
			</div>
		</div>
	</div>
    <div class="card card-flush">
        {% include 'Admin/CloneMenu/Blocks/clone_page.html.twig' %}
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        modalTransferMessage = '{{ 'app.admin.pages.menu_clones.message.shop_menu_confirm_transfer'|trans|raw }}';
        modalTransferYes = '{{ 'app.global.labels.yes'|trans|raw }}';
        modalTransferNo = '{{ 'app.global.labels.no'|trans|raw }}';
        modalTransferBtnOk = '{{ 'app.global.buttons.ok'|trans|raw }}';
    </script>
    <script src="{{asset('foxorders/js/admin/clone-menu.js') }}"></script>
{% endblock %}