Pytanie-odpowiedź - instrukcja do szablonu "Ahead"

{* GET THEMESETTINGS *}
{$theme_id = waRequest::getTheme()}
{$theme_settings = $wa->themesettings->getThemeSettings($theme_id, "site", true)}

{* UTILS *}
{include "{$wa->site->themePath(waRequest::getTheme())}utils.html"}

<div class="card shadow-light-lg accordion mb-5 mb-md-6" id="helpAccordionOne">
  <div class="list-group">
    <div class="list-group-item">

      <!-- Header -->
      <div class="d-flex align-items-center">
        <div class="mr-auto">

          <!-- Heading -->
          <h4 class="font-weight-bold mb-0">
            Najczęściej zadawane pytania
          </h4>

          <!-- Text -->
          <p class="font-size-sm text-muted mb-0">
            Zanim utworzysz zgłoszenie, zapoznaj się z informacjami w <a href="#!">bazie wiedzy</a>, być może odpowiedź na Twoje pytanie już tam jest.
          </p>

        </div>

      </div>

    </div>

    <div class="list-group-item">

      <!-- Toggle -->
      <a class="d-flex align-items-center text-reset text-decoration-none collapsed" data-toggle="collapse" href="#helpThird" role="button" aria-expanded="false" aria-controls="helpThird">

        <!-- Title -->
        <span class="mr-4">
         Przetwarzanie zamówień
        </span>

        <!-- Metadata -->
        <div class="text-muted ml-auto">

          <!-- Chevron -->
          <span class="btn collapse-chevron">
            <i class="icon icon-xxxxs">
                {call include_icon icon="feather/chevron-down"}
            </i>
          </span>

        </div>

      </a>

      <div class="collapse" id="helpThird" data-parent="#helpAccordionOne" style="">
        <div class="py-5">

            {$items = ["Godziny pracy Pn — Pt: 9.00 — 18.00 Sob — Nie: wolne","Zamówienia są przetwarzane tylko w godzinach pracy","Zgłoszenie możesz złożyć za pomocą poniższego formularza lub za pośrednictwem konta osobistego. Inne kanały składania zamówień, w tym telefonicznie, nie są przewidziane"]}

            {foreach $items as $item}
                <div class="d-flex">
                  <div class="badge badge-rounded-circle badge-sm badge-success-soft mt-1 mr-4">
                    <i class="icon icon-xxxxs">
                        {call include_icon icon="feather/check"}
                    </i>
                  </div>
                  <p class="font-size-sm">
                    {$item}
                  </p>
                </div>
            {/foreach}

        </div>
      </div>

    </div>

    <div class="list-group-item">

      <!-- Toggle -->
      <a class="d-flex align-items-center text-reset text-decoration-none collapsed" data-toggle="collapse" href="#helpFour" role="button" aria-expanded="false" aria-controls="helpFour">

        <!-- Title -->
        <span class="mr-4">
         Od kiedy zaczyna się gwarancja?
        </span>

        <!-- Metadata -->
        <div class="text-muted ml-auto">

          <!-- Chevron -->
          <span class="btn collapse-chevron">
            <i class="icon icon-xxxxs">
                {call include_icon icon="feather/chevron-down"}
            </i>
          </span>

        </div>

      </a>

      <div class="collapse" id="helpFour" data-parent="#helpAccordionOne" style="">
        <div class="py-5">

            {$items = ["Od momentu przekazania produktu konsumentowi", "Na sezonowe produkty gwarancja obowiązuje od początku sezonu", "Przy zamówieniu produktu z sklepu internetowego gwarancja rozpoczyna się od dnia dostawy"]}

            {foreach $items as $item}
                <div class="d-flex">
                  <div class="badge badge-rounded-circle badge-sm badge-success-soft mt-1 mr-4">
                    <i class="icon icon-xxxxs">
                        {call include_icon icon="feather/check"}
                    </i>
                  </div>
                  <p class="font-size-sm">
                    {$item}
                  </p>
                </div>
            {/foreach}

        </div>
      </div>

    </div>

    <div class="list-group-item">

      <!-- Toggle -->
      <a class="d-flex align-items-center text-reset text-decoration-none collapsed" data-toggle="collapse" href="#helpFive" role="button" aria-expanded="false" aria-controls="helpFive">

        <!-- Title -->
        <span class="mr-4">
         Jak zmienić sposób płatności w już złożonym zamówieniu?
        </span>

        <!-- Metadata -->
        <div class="text-muted ml-auto">

          <!-- Chevron -->
          <span class="btn collapse-chevron">
            <i class="icon icon-xxxxs">
                {call include_icon icon="feather/chevron-down"}
            </i>
          </span>

        </div>

      </a>

      <div class="collapse" id="helpFive" data-parent="#helpAccordionOne" style="">
        <div class="py-5">

            <p class="font-size-sm">
                Aby zmienić sposób płatności w złożonym już zamówieniu, wybierz typ płatności „Opłata za zakup”. W odpowiedzi na e-mail otrzymasz potwierdzenie od banku dotyczące dokonania przelewu.
            </p>
            <p class="font-size-sm">
                Termin przelania środków zależy od tego, w jaki sposób środki zostały przelane, ale w każdym przypadku nie przekracza trzech dni roboczych od momentu otrzymania dyspozycji od kupującego.
            </p>
            <p class="font-size-sm">
                Jeśli środki nie zostały wpłacone na konto, prosimy o kontakt pod adres e-mailowy <a href="mailto:info@domain.com">info@domain.com</a>.
            </p>
        </div>
      </div>

    </div>

  </div>
</div>


{$params = [
    "container" => false,
    "classes" => "py-4",
    "col-classes" => "col-12",
    "type" => "1",
    "title" => "Pozostają pytania",
    "text" => "Zostaw prośbę, a nasz menedżer skontaktuje się z Tobą w celu konsultacji",
    "btn-text" => "Zarezerwuj połączenie",
    "btn-classes" => "btn btn-default btn-md easyfeedback-modal-toggler",
    "btn-link" => "#!"
]}

{call include_block block="common/cta/cta.{$params['type']}" params=$params}