chairman.mustache

{{> organisms-simplified-navbar-with-avatar }}

<div class="container container--wide pt-8 lg:py-24">
  <article>
    <div class="grid grid-cols-3 gap-8">
      <div class="col-span-2 space-y-8">
        <div class="flex items-start justify-between mb-8">
          <h1 class="head-alt-lg mb-0 pt-1 pr-8">Bod č. 1: Programové priority Pirátské strany pro sněmovní volby 2021</h1>
          <div class="dropdown dropdown--right mt-4">
            <i class="ico--dots-three-vertical cursor-pointer pl-2 text-lg"></i>
            <ul class="dropdown__content whitespace-no-wrap">
              <li class="dropdown__content-item bg-white hover:bg-grey-125">
                <a class="block px-3 py-3" href="#"><i class="ico--edit-pencil mr-2"></i>Přejmenovat bod programu</a>
              </li>
              <li class="dropdown__content-item bg-white hover:bg-grey-125">
                <a class="block px-3 py-3" href="#" id="js-end-discussion"><i class="ico--bubbles mr-2"></i>Ukončit rozpravu</a>
              </li>
              <li class="dropdown__content-item bg-white hover:bg-grey-125">
                <a class="block px-3 py-3" href="#"><i class="ico--switch mr-2"></i>Ukončit bod programu</a>
              </li>
            </ul>
          </div>
        </div>

        <iframe width="100%" height="610" src="https://www.youtube.com/embed/73jJLspL8o8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

        <section>
          <div class="flex justify-between items-center mb-4">
            <h2 class="head-heavy-sm whitespace-no-wrap">Příspěvky v rozpravě</h2>
            <div class="flex items-center">
              <span class="chip chip--grey-125 chip--select chip--hoveractive text-xs">
                <select>
                  <option value="">Jen nezpracované</option>
                  <option value="">Vše</option>
                  <option value="">Jen aktivní</option>
                  <option value="">Jen archivované</option>
                </select>
                <span class="chip__icon ico--chevron-down"></span>
              </span>
              <span class="chip chip--grey-125 chip--select chip--hoveractive text-xs ml-1">
                <select>
                  <option value="">Podle času</option>
                  <option value="">Podle podpory</option>
                </select>
                <span class="chip__icon ico--chevron-down"></span>
              </span>
              <span class="chip chip--grey-125 chip--select chip--hoveractive text-xs mr-4 ml-1">
                <select>
                  <option value="">Návrhy i příspěvky</option>
                  <option value="">Jen návrhy</option>
                  <option value="">Jen příspěvky</option>
                </select>
                <span class="chip__icon ico--chevron-down"></span>
              </span>

              {{> molecules-chip-pagination }}
            </div>
          </div>

          <div class="space-y-6">
            <div class="flex items-start bg-yellow-100 bg-opacity-50 p-2 -ml-2">
              <img src="{{ img.avatar.src }}" class="w-14 h-14 rounded mr-3">
              <div class="flex-1">
                <div class="mb-1">
                  <div class="flex justify-between">
                    <div class="flex items-center">
                      <span class="font-bold">{{ person.first }} {{ person.last }}</span>
                      <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span>
                      <span class="text-grey-200 ml-1 text-sm">@ 11:46</span>
                      {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Příspěvek")}}