{#
 # Article Body include template
 # -----------------------------
 #
 # This template is used to output HTML for an "Project Body" Matrix field.
 #
 # An `entry` variable is expected to be defined.
-#}



{% set prevType = null %}
{% set prevPosition = null %}
{% set nextType = null %}
{% set nextPosition = null %}
{% set blocks = entry.postPage %}

{% for i, block in blocks.all() %}

{% set type = (nextType ?: block.type.handle) %}

{% set nextType = (not loop.last ? blocks[i+1].type.handle) %}



<!-- wrapper -->    
<div id="wrapper">


    <div class="container" data-aos="fade" data-aos-delay="0" >
   
        <div class="row">

          {% switch type %}			
          {% case 'textContent' %}          
            <div class="col-md-8 offset-md-2">
              <p>{{ block.textContent }}</p>
            </div>
            
            {% case 'headline' %}          
            <div class="col-md-8 offset-md-2">
                <h1 data-aos="fade" data-aos-delay="0" style="text-align: left; font-size: 50px; margin-top: 80px; margin-bottom: 20px;">{{ block.headline }}</h1>
              </div>
        </div>
    </div>
    

    
    {% case 'volleBreiteBild' %}		
    {% for image in block.volleBreiteBild.all() %}
    <div class="col-md-12">
        <div class="mizio-image-element" data-aos="fade" data-aos-delay="0">
         <div data-src="{{ image.getUrl('') }}" class="circle-drag image-mizio mizio-gallery" data-circle="js-circle-1">
            <a href="{{ image.getUrl('fullWidthImage') }}">
                <img src="{{ image.getUrl('fullWidthImage') }}" alt="">
            </a>
            <div class="mizio-circle js-circle-1"></div>
         </div>
    </div>
    {% endfor %}



    <div class="container-fluid" style="padding-right: 0px; padding-left: 0;" data-aos="fade" data-aos-delay="0" >
      <div data-aos="fade" data-aos-delay="0" >
          {% case 'twoImages' %}		
           {% for image in block.leftImage.all() %}
           {# {% do image.setTransform({ width: 1000, height: 700 }) %} #}
           <div class="col-md-6" style="">
              <div class="mizio-image-element" data-aos="fade" data-aos-delay="0">
                <div data-src="{{ image.getUrl('') }}" class="circle-drag image-mizio mizio-gallery" data-circle="js-circle-2">
                   <a href="{{ image.getUrl('twoColumnImages') }}">
                       <img src="{{ image.getUrl('twoColumnImages') }}" alt="">
                   </a>
                   <div class="mizio-circle js-circle-2"></div>
                </div>
              </div>
           </div>
           {% endfor %}
           {% for image in block.rightImage.all() %}
           {# {% do image.setTransform({ width: 500, height: 730 }) %} #}
           <div class="col-md-6" style="padding-left:15px; padding-top:50px;">
                <div class="mizio-image-element" data-aos="fade" data-aos-delay="0">
                  <div data-src="{{ image.getUrl('') }}" class="circle-drag image-mizio mizio-gallery" data-circle="js-circle-3">
                     <a href="{{ image.getUrl('twoColumnImages') }}">
                         <img src="{{ image.getUrl('twoColumnImages') }}" alt="">
                     </a>
                     <div class="mizio-circle js-circle-3"></div>
                  </div>
                </div>
             </div>
           {% endfor %}
      </div>
    </div>       


      {% endswitch %}
{% endfor %}


 </div>
  
</div>
<!-- /wrapper -->  



<div class="container">
      <div class="row">
        {% set params = {
        section: 'newsPosts',
        orderBy: 'title'
      } %}

      {% set prevEntry = entry.getPrev(params) %}
      {% set nextEntry = entry.getNext(params) %}
      
        
        <div class="col-md-8 offset-md-2">
          <div class="single-navigation" data-aos="fade" data-aos-delay="0">
            {% if nextEntry %}
            <div class="next-button"><a href="{{ nextEntry.url }}" class="single-link-nav">{{ nextEntry.title }}<span class="arrow"></span></a>
            </div>
            {% endif %}
            {% if prevEntry %}
          <div class="prev-button">
            <a href="{{ prevEntry.url }}" class="single-link-nav"><span class="arrow"></span>{{ prevEntry.title }}</a>
            {% endif %}
          </div>
        </div>  
      </div>
    </div>
   </div>