{% extends 'czech/base.html.twig' %}
{% set bodyClass = 'login' %}
{% block page %}
{{ form_start(form, { 'attr' : {'class': 'register-form'} }) }}
<div class="container sm:px-10">
<div class="block xl:grid grid-cols-2 gap-4">
<div class="hidden xl:flex flex-col min-h-screen">
<a href="{{ path('czech_homepage') }}" class="-intro-x flex items-center pt-5 relative">
<img alt="flowy" class="w-32" src="{{ asset('czech/assets/images/logo_white.svg') }}">
</a>
<div class="my-auto">
<img alt="Midone - HTML Admin Template" class="register-image -intro-x w-1/2 -mt-16" src="{{ asset('czech/assets/images/1.png') }}">
<div class="-intro-x text-white font-medium text-4xl leading-tight mt-5">
Vytvoření účtu máte<br/>na pár kliku.
</div>
<div class="-intro-x mt-5 text-lg text-white text-opacity-70 dark:text-slate-400">Veškerá data
tak budete mít na jednom mistě
</div>
</div>
</div>
<div class="xl:h-auto flex py-5 xl:py-0 my-auto">
<div class="mb-auto mx-auto xl:ml-20 bg-white dark:bg-darkmode-600 xl:bg-transparent px-5 sm:px-8 py-8 xl:p-0 rounded-md shadow-md xl:shadow-none w-full sm:w-3/4 lg:w-2/4 xl:w-auto">
<h2 class="intro-x font-bold text-2xl xl:text-3xl text-center xl:text-left">Registrace účtu</h2>
<div class="intro-x mt-2 text-slate-400 dark:text-slate-400 xl:hidden text-center">
Vytvoření účtu máte na pár kliku.
</div>
<div class="intro-x mt-8">
{{ form_row(form.firstName) }}
{{ form_row(form.lastName) }}
{{ form_row(form.email) }}
{{ form_row(form.password) }}
{{ form_row(form.repeatPassword) }}
{{ form_row(form.companyName) }}
{{ form_row(form.businessID) }}
{{ form_row(form.taxID) }}
{{ form_row(form.vatPayerSelect) }}
{{ form_row(form.type) }}
</div>
<div class="intro-x items-center text-slate-600 dark:text-slate-500 mt-4 text-xs sm:text-sm">
<div class="flex">
{{ form_widget(form.agree) }}
<div>
<label class="cursor-pointer select-none" for="{{ form.agree.vars.id }}">Zaškrtnutím souhlasím s</label><a href="https://www.flowy.digital/index.php/obchodni-podminky/" target="_blank" class="text-primary dark:text-slate-200 ml-1">obchodními podmínkami</a>.
</div>
</div>
{{ form_errors(form.agree) }}
</div>
<div class="intro-x mt-5 xl:mt-8 text-center xl:text-left">
<button type="submit" class="btn btn-primary py-3 px-4 w-full xl:w-32 xl:mr-3 align-top">Registrace</button>
<a href="{{ path('czech_login') }}" class="btn btn-outline-secondary py-3 px-4 w-full xl:w-32 mt-3 xl:mt-0 align-top">Přihlásit se</a>
</div>
</div>
</div>
</div>
</div>
{{ form_end(form) }}
{% endblock %}