{% set send_cv_form = {
vars: {
action: "",
method: "POST",
multipart: false,
id: "send-cv-form-id",
full_name: "send-cv-form"
},
name: {
vars: {
label: "Jméno a příjmení",
full_name: "send-cv-name",
id: "send-cv-name-id",
required: true
}
},
email: {
vars: {
label: "E-mail",
full_name: "send-cv-email",
id: "send-cv-email-id",
type: "email",
required: true
}
},
subject: {
vars: {
label: "Předmět dotazu",
full_name: "send-cv-subject",
id: "send-cv-subject-id",
required: true
}
},
role: {
vars: {
label: "Poptávaná pracovní pozice",
full_name: "send-cv-role",
id: "send-cv-role-id",
required: true
}
},
file: {
vars: {
label: "Připojit CV",
description: "(PDF, DOC)",
full_name: "send-cv-file",
id: "send-cv-file-id",
icon: {
src: "@Images/svg/file.svg"
}
}
},
message: {
vars: {
label: "Dotaz na pracovní pozici",
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 CV",
full_name: "send-cv-submit"
}
},
} %}
{% include "@Components/forms/send-cv-form/send-cv-form.twig" with {props: send_cv_form} %}
<form class="base-form --validate f-send-cv row g-3 gy-3" id="send-cv-form-id" action="" method="POST" name=f-send-cv>
<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="send-cv-name-id">
Jméno a příjmení
</label>
<input class="f-base f-text__input" type="text" id="send-cv-name-id" name=send-cv-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="send-cv-email-id">
E-mail
</label>
<input class="f-base f-text__input" type="email" id="send-cv-email-id" name=send-cv-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 --required" for="send-cv-subject-id">
Předmět dotazu
</label>
<input class="f-base f-text__input" type="text" id="send-cv-subject-id" name=send-cv-subject 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-6">
<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="send-cv-role-id">
Poptávaná pracovní pozice
</label>
<input class="f-base f-text__input" type="text" id="send-cv-role-id" name=send-cv-role 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-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">
Připojit CV
</span>
<span class="u-fz-xs u-color-text-400 u-z-index-1 btn__description">
(PDF, DOC)
</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" name=send-cv-file id="send-cv-file-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-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">
Dotaz na pracovní pozici
</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 col-lg-7 d-flex align-items-center pt-2">
<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 col-lg-5">
<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 send-cv-submit --full-width w-100" type="submit" aria-label="Odeslat CV" name=send-cv-submit>
<span class="btn__title u-z-index-1">
Odeslat CV
</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="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m2 7.995 8.086 4.814-2.053 2.053 1.105 1.105 2.052-2.052L16.005 22 22 2 2 7.995Zm3.85.476L18.09 4.804l-6.866 6.866L5.85 8.47Zm9.68 9.676-3.2-5.372 6.867-6.867-3.668 12.239Z"/></svg> </span>
</span>
</button>
</div>
<input type="hidden" class="f-hidden" name="token" value="csrf_token">
</form>