{% include "@Components/forms/discount-form/discount-form.twig" with {props: {
vars: {
action: "",
method: "POST",
multipart: false,
id: "coupon-form-add",
full_name: "coupon-form-add"
},
code: {
vars: {
label: "Váš promo kód",
full_name: "code",
},
},
submit: {
vars: {
label: "Uplatnit",
full_name: "code-submit"
}
},
_token: {
vars: {
value: "asdasdasdasdasjhdasdadasd",
full_name: "coupon[_token]",
id: "coupon[_token]"
}
}
}} %}
<form class="base-form f-coupon-add" id="coupon-form-add" action="" method="POST">
<div class="f-discount d-flex flex-column flex-sm-row row-gap-2 align-items-center gap-1 justify-content-center flex-grow-1">
<span class="icon d-flex align-items-center justify-content-center --lg mx-2 u-mr-2 f-discount__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#clip0_3554_68143)"><path fill="#15324F" d="M23.636 10.375v1.507H21.76v11.25H1.879v-11.25H.004v-1.507h1.875v-3.75h4.687l-.222-.294a4.488 4.488 0 0 1-.903-2.702V1h.754a6.384 6.384 0 0 1 5.468 3.096l.157.262.157-.262A6.384 6.384 0 0 1 17.445 1h.754v2.629a4.486 4.486 0 0 1-.903 2.702l-.222.294h4.687v3.75h1.875Zm-11.062 0h7.68V8.132h-7.68v2.243Zm4.117-6.746V2.56l-.22.045a4.887 4.887 0 0 0-3.8 3.799l-.044.221h1.068a3 3 0 0 0 2.996-2.996Zm-9.742 0a3 3 0 0 0 2.996 2.996h1.068l-.045-.221a4.887 4.887 0 0 0-3.8-3.799l-.22-.045v1.069Zm4.117 8.253h-7.68v9.743h7.68v-9.743Zm1.508 9.743h7.68v-9.743h-7.68v9.743ZM11.066 8.132h-7.68v2.243h7.68V8.132Z"/><path fill="#ADC9BD" fill-rule="evenodd" d="M6.95 3.631a3 3 0 0 0 2.995 2.997h1.068l-.045-.221a4.887 4.887 0 0 0-3.799-3.8l-.22-.045v1.07ZM16.691 3.631V2.563l-.22.044a4.887 4.887 0 0 0-3.799 3.8l-.045.22h1.068a3 3 0 0 0 2.996-2.995Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3554_68143"><path fill="#fff" d="M0 1h24v23H0z"/></clipPath></defs></svg> </span>
<div class="f-discount__input-wrap flex-grow-1 w-100 u-posr">
<div class="f-text d-flex flex-column gap-1 u-posr">
<div class="f-text__wrap d-flex align-items-center u-posr">
<label class="f-label d-flex align-items-center mb-0 u-fz-md">
Váš promo kód
</label>
<input class="f-base f-text__input" type="text" name=code>
<span class="icon d-flex align-items-center justify-content-center --colored --danger f-text__invalid-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg> </span>
</div>
<span class="f-error u-fz-sm gap-1 d-none">
<span class="f-error__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg> </span>
</span>
<span class="f-error__title"></span>
</span>
</div>
<div class="f-discount__submit end-0 u-posa u-top-50-p u-translate-middle-y">
<button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --no-style code-submit --no-padding" type="submit" aria-label="Uplatnit" name=code-submit>
<span class="btn__title u-z-index-1">
Uplatnit
</span>
<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="#23846F" d="M19.532 5.571 22 3.105 20.894 2l-2.467 2.466-3.474-.694a3.899 3.899 0 0 0-3.528 1.068l-8.51 8.51a3.129 3.129 0 0 0 0 4.42l3.314 3.314a3.123 3.123 0 0 0 4.42 0l8.51-8.51a3.898 3.898 0 0 0 1.068-3.528l-.695-3.475Zm-1.478 5.898-8.51 8.51c-.61.61-1.599.61-2.21 0L4.02 16.665c-.61-.61-.61-1.601 0-2.21l8.51-8.51a2.339 2.339 0 0 1 2.117-.641l2.452.49-1.73 1.73-1.104-1.105-1.105 1.105 3.314 3.315 1.105-1.105-1.105-1.105 1.73-1.73.491 2.453a2.34 2.34 0 0 1-.641 2.117Z"/></svg> </span>
</span>
</button>
</div>
</div>
</div>
</form>