{% set feedback_form = {
vars: {
action: "",
method: "POST",
multipart: false,
id: "review-form-add",
full_name: "review-form-add"
},
rating: {
vars: {
label: "Vaše hodnocení:",
full_name: "rating",
},
},
author_img: {
vars: {
label: "Nahrát avatara",
description: "(JPG, PNG)",
name: "review-author-img",
id: "review-author-img-id"
}
},
name: {
vars: {
label: "Jméno a příjmení",
full_name: "review-name",
id: "review-name-id",
required: true
}
},
email: {
vars: {
label: "E-mail",
full_name: "review-email",
id: "review-email-id",
type: "email",
required: true
}
},
order: {
vars: {
label: "Číslo objednávky:",
full_name: "review-order",
id: "review-order-id",
}
},
message: {
vars: {
label: "Doplňkové info k tisku",
name: "note"
},
},
term: {
vars: {
label: "Odesláním souhlasím se zpracováním <a href='#'>osobních údajů</a>.",
full_name: "bussiness-terms",
id: "auth_send-cv-form_terms",
required: true
}
},
submit: {
vars: {
label: "Odeslat zpětnou vazbu",
full_name: "send-cv-submit"
}
},
_token: {
vars: {
value: "asdasdasdasdasjhdasdadasd",
full_name: "coupon[_token]",
id: "coupon[_token]"
}
}
} %}
{% include "@Components/forms/review-form/review-form.twig" with {props: feedback_form} %}
<form class="base-form f-review u-border u-border--text-500 u-rounded-4 u-posr mt-3 mt-sm-2" id="review-form-add" action="" method="POST">
<h2 class="base-heading mb-0 u-fw-700 u-h3 u-posa u-bg-white px-3 u-left-50-p u-translate-middle text-center u-h--form-absolute">
Nebo napište zpětnou vazbu přímo zde:
</h2>
<div class="f-review__content row p-5 p-sm-7 gx-4 gy-4">
<div class="col-md-6">
<fieldset class="f-rating d-flex flex-wrap align-items-center gap-2">
<span class="u-fz-lg u-fw-700">Vaše hodnocení:</span>
<span class="f-rating__group d-flex justify-content-end gap-1 gap-sm-2">
<input type="radio" id="rating-5" name="rating" value="5" />
<label class="d-block u-posr u-cursor-pointer overflow-hidden"
for="rating-5"
title="Po4et hvězdiček: 5"
>5</label>
<input type="radio" id="rating-4" name="rating" value="4" />
<label class="d-block u-posr u-cursor-pointer overflow-hidden"
for="rating-4"
title="Po4et hvězdiček: 4"
>4</label>
<input type="radio" id="rating-3" name="rating" value="3" />
<label class="d-block u-posr u-cursor-pointer overflow-hidden"
for="rating-3"
title="Po4et hvězdiček: 3"
>3</label>
<input type="radio" id="rating-2" name="rating" value="2" />
<label class="d-block u-posr u-cursor-pointer overflow-hidden"
for="rating-2"
title="Po4et hvězdiček: 2"
>2</label>
<input type="radio" id="rating-1" name="rating" value="1" />
<label class="d-block u-posr u-cursor-pointer overflow-hidden"
for="rating-1"
title="Po4et hvězdiček: 1"
>1</label>
</span>
</fieldset>
</div>
<div class="col-md-6">
<div class="f-file d-flex flex-column gap-2 u-posr">
<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 --icon-before --full-width w-100 f-file__button">
<span class="btn__title u-z-index-1">
Nahrát avatara
</span>
<span class="u-fz-xs u-color-text-400 u-z-index-1 btn__description">
(JPG, PNG)
</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="M1 2.146C1 .963 2.006 0 3.243 0h6.482L15 5.048V16H1V2.146Zm9.243.74v1.666h1.74l-1.74-1.665Zm-7-1.195a.466.466 0 0 0-.475.455v12.162h10.464V6.244H8.476V1.69H3.243Zm5.793 5.84h.004l2.445 2.342-1.248 1.195-1.353-1.294v3.624H7.116v-3.63l-1.352 1.301-1.25-1.196L6.9 7.59a1.609 1.609 0 0 1 2.136-.057Z" clip-rule="evenodd"/></svg> </span>
</span>
</span>
<div class="f-file__files d-flex gap-1 flex-wrap"></div>
<input class="f-file__input" type="file" id="review-author-img-id">
<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>
<div class="col-md-4">
<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 --required" for="review-name-id">
Jméno a příjmení
</label>
<input class="f-base f-text__input" type="text" id="review-name-id" name=review-name required>
<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>
<div class="col-md-4">
<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 --required" for="review-email-id">
E-mail
</label>
<input class="f-base f-text__input" type="email" id="review-email-id" name=review-email required>
<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>
<div class="col-md-4">
<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" for="review-order-id">
Číslo objednávky:
</label>
<input class="f-base f-text__input" type="text" id="review-order-id" name=review-order>
<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>
<div class="col-12">
<div class="f-textarea d-flex flex-column gap-1 u-posr">
<label class="f-label d-flex align-items-center mb-0 u-fz-md">
Doplňkové info k tisku
</label>
<div class="f-textarea__wrap d-flex align-items-center u-posr">
<textarea class="f-base f-textarea__input" name=note></textarea>
<span class="f-textarea__resize">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3554_63363)"><path fill="#15324F" fill-rule="evenodd" d="M1 13 13 1l-.707-.707-12 12L1 13Zm8 3 7-7-.707-.707-7 7L9 16Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3554_63363"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></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>
<div class="col-md-6 d-flex align-items-center pt-2 mt-md-7">
<label class="f-checkbox d-inline-flex gap-1 u-posr mb-2 align-items-top --checkbox --sm">
<input class="f-checkbox__input u-posa" type="checkbox" id="auth_send-cv-form_terms" required name=bussiness-terms>
<span class="f-checkbox__visual flex-shrink-0 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="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
<div class="f-checkbox__body d-flex column-gap-1 align-items-center">
<span class="f-checkbox__title">
Odesláním souhlasím se zpracováním <a href='#'>osobních údajů</a>.
</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>
</label>
</div>
<div class="col-md-6 d-flex justify-content-md-end mt-md-7">
<button 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-mobile send-cv-submit" type="submit" aria-label="Odeslat zpětnou vazbu" name=send-cv-submit>
<span class="btn__title u-z-index-1">
Odeslat zpětnou vazbu
</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"><g clip-path="url(#clip0_3547_100367)"><path fill="currentColor" fill-rule="evenodd" d="M8 0c4.412 0 8 3.588 8 8s-3.588 8-8 8H0V8c0-4.412 3.588-8 8-8Zm6.309 8A6.316 6.316 0 0 0 8 1.691 6.316 6.316 0 0 0 1.691 8v6.309H8A6.316 6.316 0 0 0 14.309 8Zm-3.057-1.17a1.171 1.171 0 1 1 0 2.342 1.171 1.171 0 0 1 0-2.343ZM8 6.83A1.171 1.171 0 1 1 8 9.17 1.171 1.171 0 0 1 8 6.83Zm-3.252 0a1.171 1.171 0 1 1 0 2.341 1.171 1.171 0 0 1 0-2.342Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100367"><path fill="currentColor" d="M0 0h16v16H0z"/></clipPath></defs></svg> </span>
</span>
</button>
</div>
</div>
</form>