{% set modal_id = "modal-delete-comparator" %}
{% include "@Components/button/button.twig" with {props: {
title: "Open",
data: {
"modal-target": modal_id
}
}
} %}
{% include "@Components/modals/delete-comparator-modal/delete-comparator-modal.twig" with {props: {
modal_id: modal_id,
comparator_id: "PP23-00487",
comparator_name: "Vánoční tašky Petr",
comparator_color: "support-blue-400",
delete_url: "?delete-comparator-XYZ"
}} %}
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary" href='#' data-modal-target="modal-delete-comparator">
<span class="btn__title u-z-index-1">
Open
</span>
</a>
<div class="c-modal --size-sm m-delete-comparator --hidden" id="modal-delete-comparator">
<div class="c-modal__dialog">
<div class="c-modal__content u-rounded-4">
<div class="c-modal__inner d-flex flex-column">
<header class="c-modal__header d-flex flex-column gap-1">
<h2 class="u-h3 c-modal__heading">Odstranit porovnání konfigurací</h2>
</header>
<div class="c-modal__body ">
<div class="m-delete-comparator__body d-flex flex-column">
<h2 class="base-heading mb-0 u-fw-700 u-h5">
Opravdu si přejete odstranit toto porovnání konfigurací
</h2>
<div class="d-flex align-items-center gap-1 mt-1">
<span class="u-fw-600">PP23-00487</span>
<span class="px-1 u-fw-600 u-lh-24 u-fz-sm u-bg-support-blue-400">Vánoční tašky Petr</span>
</div>
<div class="d-flex flex-column mt-5 gap-2">
<span class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --full-width w-100 c-modal__close">
<span class="btn__title u-z-index-1">
Zrušit odstranění
</span>
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M6.868 8 2.434 3.565l1.131-1.13L8 6.867l4.434-4.434 1.132 1.131L9.13 8l4.434 4.434-1.13 1.132L8 9.13l-4.435 4.434-1.13-1.13L6.867 8Z" clip-rule="evenodd"/></svg> </span>
</span>
</span>
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --full-width w-100" href='?delete-comparator-XYZ'>
<span class="btn__title u-z-index-1">
Opravdu odstranit
</span>
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg> </span>
</span>
</a>
</div>
</div>
</div>
<div class="c-modal__button-container">
<button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only c-modal__close c-modal__close-cross" aria-label="close modal">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg> </span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>