{namespace v=FluidTYPO3\Vhs\ViewHelpers}
<f:variable name="blockID" value="{f:if(condition: data.anchor, then: data.anchor, else: data.uuid)}" />

<f:if condition="{data.render}">
<f:then>
  <div id="{blockID}" class="block-downloads block-downloads--{data.opt_type}" data-block="downloads">
</f:then>
<f:else>
  <section id="{blockID}" class="block-downloads block-downloads--{data.opt_type}" data-block="downloads">
    <div class="grid-container">
</f:else>
</f:if>

    <f:if condition="{data.title}">
    <div class="block-downloads__heading">
      <f:if condition="{data.title}">
      <h3>{data.title}</h3>
      </f:if>
    </div>
    </f:if>
    <div class="block-downloads__content"{f:if(condition: '{data.opt_type} == \'slider\'', then: ' data-ref="jsSlider"')}>
      <f:if condition="{data.downloads_records}">
        <div class="block-downloads__content-wrap js-wrapper">
        <f:for each="{data.downloads_records}" as="item">
          <f:render partial="DownloadCard" arguments="{item: item, brush: true}" />
        </f:for>
        </div>
      </f:if>
    </div>

<f:if condition="{data.render}">
<f:then>
  </div>
</f:then>
<f:else>
    </div>
  </section>
</f:else>
</f:if>