page {
  includeCSS.flexslider2 =<
  includeJSFooterlibs.flexslider2 =<
}
tt_content.gridelements_pi1.20.10.setup {
  slider =<
  accordion =<
}
lib.bootstrap_grids {
  # Slider
  slider < lib.gridelements.defaultGridSetup
  slider {
    columns {
      101 < .default
      101.renderObj.wrap = <div class="swiper-slide">|</div>
      101.wrap (
      <div class="swiper-container" id="flexslider{field:uid}">
      <div class="swiper-wrapper">|</div>
      <!-- If we need pagination -->
      <div class="swiper-pagination"></div>

      <!-- If we need navigation buttons -->
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>
      </div>
      )
      101.insertData = 1
    }
  }

  # Accordion
  accordion  < lib.gridelements.defaultGridSetup
  accordion {
      # wrap around all
      outerWrap.stdWrap.cObject = CASE
      outerWrap.stdWrap.cObject {
          key.field = flexform_rowclass
          default = TEXT
          default.value = <div class="accordion" id="accordion-{field:_LOCALIZED_UID//field:uid}">|</div>
      }
      outerWrap.insertData = 1

      columns {
          101 < .default
          101 {
              renderObj {
                  #stdWrap.outerWrap = <div class="panel panel-default">|</div>

                  5 = LOAD_REGISTER
                  5 {
                      AccordionCount.cObject = TEXT
                      AccordionCount.cObject.data = register:AccordionCount
                      AccordionCount.cObject.wrap = |+1
                      AccordionCount.prioriCalc = intval
                  }
                  10 = TEXT
                  10 {
                      field = header
                      insertData = 1
                      wrap          = <div class="card"><div class="card-header" id="heading-c{field:uid}"><h5 class="mb-0"><button class="btn btn-link collapsed" data-toggle="collapse" data-parent="#accordion-{field:tx_gridelements_container}" data-target="#collapse-{field:uid}" aria-expanded="false" aria-controls="collapse-{field:uid}">|</button></h5></div><div id="collapse-{field:uid}" class="collapse" aria-labelledby="heading-c{field:uid}" data-parent="#accordion-{field:tx_gridelements_container}"><div class="card-body">
                      wrap.override = <div class="card"><div class="card-header" id="heading-c{field:uid}"><h5 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-parent="#accordion-{field:tx_gridelements_container}" data-target="#collapse-{field:uid}" aria-expanded="false" aria-controls="collapse-{field:uid}">|</button></h5></div><div id="collapse-{field:uid}" class="collapse show" aria-labelledby="heading-c{field:uid}" data-parent="#accordion-{field:tx_gridelements_container}"><div class="card-body">
                      wrap.override.if.value = 1
                      wrap.override.if.equals.data = register:AccordionCount
                  }
                  # don't show headers in accordion
                  #20 =< tt_content
                  20 < tt_content
                  20 {
                      text.10 >
                      image.10 >
                      textpic.10 >
                      uploads.10 >
                      table.10 >
                      multimedia.10 >
                      media.10 >
                      mailform.10 >
                      menu.10 >
                      videoce_videocontent.10 >
                  }
                  30 = TEXT
                  30.wrap = |</div></div></div>
              }
          }
      }

      # Reset accordion count
      append = COA
      append {
          5 = LOAD_REGISTER
          5 {
              AccordionCount.cObject = TEXT
              AccordionCount.cObject.data = register:AccordionCount
              AccordionCount.cObject.wrap = |*0
              AccordionCount.prioriCalc = intval
          }
      }
  }
}
tt_content.gridelements_pi1.20.10.setup {
  slider < lib.bootstrap_grids.slider
  accordion < lib.bootstrap_grids.accordion
}