Pattern Library

{% if has_message %}
  {% include 'patterns/molecules/blocks/message_block.html' with is_last_child=True %}
{% endif %}

{% include 'patterns/organisms/layout/onboarding/navbar.html' %}

<main role="main" class="universal-content-container">
  <h1 class="head-7xl">Naloďte se</h1>

  <div class="mb-6">
    {% include 'patterns/atoms/text/paragraph.html' with text='Naloděním si vytoříte uživatelský účet v Pirátské identitě, která slouží k přihlášení do všech Pirátských aplikací a systémů.' %}
  </div>

  <div class="grid grid-cols-1 gap-6 max-w-max mb-8 lg:grid-cols-2">
    {% include 'patterns/atoms/form_fields/form_input.html' with placeholder='Registrační email' is_required=True extra_classes='w-72 text-lg' %}
    {% include 'patterns/atoms/form_fields/form_input.html' with placeholder='Uživatelské jméno' hint='nejméně 4 znaky, povoleny jsou písmena, čísla, tečka a podtržítko' is_required=True extra_classes='w-72 text-lg' %}

    {% include 'patterns/atoms/form_fields/form_input.html' with placeholder='Heslo' hint='nejméně 10 znaků, alespoň jedno velké, jedno malé písmeno a jedna číslice' is_required=True extra_classes='w-72 text-lg' %}
    {% include 'patterns/atoms/form_fields/form_input.html' with placeholder='Potvrzení hesla' is_required=True extra_classes='w-72 text-lg' %}

    {% include 'patterns/atoms/form_fields/form_input.html' with placeholder='Jméno' extra_classes='w-72 text-lg' %}
    {% include 'patterns/atoms/form_fields/form_input.html' with placeholder='Příjmení' extra_classes='w-72 text-lg' %}

    {% include 'patterns/atoms/form_fields/form_input.html' with placeholder='Telefon' extra_classes='w-72 text-lg' %}
  </div>

  <div class="flex flex-col gap-4">
    <div class="mb-4">
      {% include 'patterns/atoms/form_fields/form_checkbox.html' with label='Můžete mě kontaktovat s možnostmi zapojení se do aktivit Pirátů (pomáhat jako dobrovolník, stát se registrovaným příznivcem, členem, apod.).' %}
    </div>

    {% include 'patterns/atoms/form_fields/form_select.html' with label='Kraj' is_required=True %}

    {% include 'patterns/atoms/form_fields/form_checkbox.html' with label='Můžete mě kontaktovat s možnostmi podpořit Piráty a pirátské projekty finančním darem.' %}
    {% include 'patterns/atoms/form_fields/form_checkbox.html' with label='Chci dostávat novinky emailem.' %}

    <div class="mt-2 mb-6">
      {% include 'patterns/atoms/form_fields/form_input.html' with is_required=True label='Jméno prvního československého prezidenta?' is_required=True placeholder='' extra_classes='w-72 text-lg' %}
    </div>

    <div class="mb-6">
      {% include 'patterns/atoms/text/paragraph.html' with text='Odesláním formuláře souhlasíte se zpracováním osobních údajů.' %}
    </div>

    {% include 'patterns/atoms/buttons/round_button.html' with button_text='Nalodit se' %}
  </div>
</main>

{% include 'patterns/organisms/layout/footer.html' %}