vol1ura/Sat_9am_5km

<% head_info :title, t('navbars.top.rules') %>
<% head_info :description, t('.description') %>
<h2><%= t 'navbars.top.rules' %></h2>
<ul class="list-group list-group-flush">
  <li class="list-group-item"><%= t '.register_with_bot_html', link: 'https://t.me/sat9am5kmbot' %></li>
  <li class="list-group-item"><%= t '.come_to_s95_html' %></li>
  <li class="list-group-item"><%= t '.scan_barcodes' %></li>
  <li class="list-group-item"><%= t '.return_position_card' %></li>
</ul>

<h2 class="mt-3"><%= t '.faq' %></h2>
<div class="accordion accordion-flush" id="accordionFAQ">
  <div class="accordion-item">
    <h2 class="accordion-header" id="flush-heading1">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse1" aria-expanded="false" aria-controls="flush-collapse1">
        <%= t '.about_markers.question' %>
      </button>
    </h2>
    <div id="flush-collapse1" class="accordion-collapse collapse" aria-labelledby="flush-heading1" data-bs-parent="#accordionFAQ">
      <div class="accordion-body">
        <%= t '.about_markers.answer' %>
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header" id="flush-heading2">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse2" aria-expanded="false" aria-controls="flush-collapse2">
        <%= t '.about_registering.question' %>
      </button>
    </h2>
    <div id="flush-collapse2" class="accordion-collapse collapse" aria-labelledby="flush-heading2" data-bs-parent="#accordionFAQ">
      <div class="accordion-body">
        <%= t '.about_registering.answer_html', link: 'https://t.me/sat9am5kmbot', bot_nick: '@sat9am5kmbot' %>
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header" id="flush-heading3">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse3" aria-expanded="false" aria-controls="flush-collapse3">
        <%= t '.about_participation.question' %>
      </button>
    </h2>
    <div id="flush-collapse3" class="accordion-collapse collapse" aria-labelledby="flush-heading3" data-bs-parent="#accordionFAQ">
      <div class="accordion-body">
        <%= t '.about_participation.answer' %>
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header" id="flush-heading4">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse4" aria-expanded="false" aria-controls="flush-collapse4">
        <%= t '.about_barcode.question' %>
      </button>
    </h2>
    <div id="flush-collapse4" class="accordion-collapse collapse" aria-labelledby="flush-heading4" data-bs-parent="#accordionFAQ">
      <div class="accordion-body">
        <%= t '.about_barcode.answer' %>
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header" id="flush-heading5">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse5" aria-expanded="false" aria-controls="flush-collapse5">
        <%= t '.about_things.question' %>
      </button>
    </h2>
    <div id="flush-collapse5" class="accordion-collapse collapse" aria-labelledby="flush-heading5" data-bs-parent="#accordionFAQ">
      <div class="accordion-body">
        <%= t '.about_things.answer' %>
      </div>
    </div>
  </div>
</div>