Delete comparator product modal

id:
figma

Open

Odstranit produkt

Opravdu si přejete odstranit produkt z konfigurace tisku?

Papírová taška hnědá Takeaway 26x16x30

Zrušit odstranění Opravdu odstranit

        {% set modal_id = "modal-edit-comparator-name" %}

{% include "@Components/button/button.twig" with {props: {
    title: "Open",
    data: {
      "modal-target": "modal-delete-comparator-product"
    }
  }
} %}

{% include "@Components/modals/delete-comparator-product-modal/delete-comparator-product-modal.twig" with {props: {
  delete_url: "/delete-comparator-product",
  product: {
    title: "Papírová taška hnědá Takeaway 26x16x30"
  }
}} %}

          
<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-product">
      <span class="btn__title u-z-index-1">
      Open
    </span>
      
  
  </a>


  <div class="c-modal --size-sm m-delete-comparator-product --hidden" id="modal-delete-comparator-product">
  <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 produkt</h2>
                      </header>
        
        <div class="c-modal__body ">
              <h2 class="base-heading mb-0 u-fw-700 u-h5 m-delete-comparator-product__subtitle">
            Opravdu si přejete odstranit produkt z konfigurace tisku?
      </h2>

    <div class="u-fw-600 mt-1 --js-product-name">
              Papírová taška hnědá Takeaway 26x16x30
          </div>

    <div class="d-flex flex-column gap-2 mt-5">
      <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  m-delete-comparator-product__delete-button --js-delete-product-confirm" href='#' data-default-url="/delete-comparator-product">
      <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 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>