{% include 'patterns/organisms/layout/district/navbar.html' with selected_item='Krajské volby' %}

<div class="__js-root">
  <ui-view-provider
    :initial="{view1: true, view2: false}" :sync-location="true"
    v-slot="{ isCurrentView, toggleView }"
  >
    {% include 'patterns/organisms/header/district/elections_header.html' with ui_switch_iterable=ui_switch_iterable title=title %}

    <main role="main">
      <template v-if="isCurrentView('view1')">
        {% include 'patterns/organisms/candidates/elections/candidate_primary_list.html' with id='kandidati' %}
        {% include "patterns/organisms/candidates/district/candidate_secondary_list.html" %}
      </template>
      <template v-if="isCurrentView('view2')">
        <div class="container--wide my-20">
          <div class="prose max-w-screen-lg mb-14">
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed felis sed lacus sollicitudin pharetra. Phasellus sollicitudin consectetur rutrum. Donec dapibus imperdiet libero, ac bibendum ex volutpat mattis. Fusce laoreet mauris at ligula fermentum, id eleifend sem molestie. Suspendisse sed ante cursus, ornare magna at, mollis erat. Ut lobortis vitae tortor nec aliquam. Duis ut fringilla tortor, commodo efficitur nisi. Mauris dignissim sem quis urna faucibus, eget blandit enim tristique. Donec in nisl congue, semper quam id, mattis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec finibus in leo sed porta. Nunc dictum eros est, eget vestibulum magna molestie molestie. Fusce vel dolor odio. Etiam ligula erat, sollicitudin ut purus in, molestie varius est.
            </p>

            <p>
              Aliquam erat volutpat. Phasellus nisl urna, dignissim quis nisl eget, congue tempus justo. Sed id consequat ante. Nam a felis eu est volutpat viverra eu non leo. Phasellus eleifend est orci, vel imperdiet sem sollicitudin sollicitudin. Cras arcu mi, feugiat sit amet orci a, gravida bibendum sapien. Mauris quis sagittis nunc. Nulla non justo luctus, lobortis justo eu, lacinia mi. Nulla ipsum erat, tincidunt vitae nisl in, rhoncus sagittis libero. Vivamus mollis est libero, nec sollicitudin purus ultrices in. Aenean id eros nulla.
            </p>
          </div>

          {% include 'patterns/organisms/popouts/district/program_popout_list.html' %}
        </div>
      </template>
    </main>
  </ui-view-provider>
</div>

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