{#
 # 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.
-#}


{% extends "_layout/main" %}
 
{% block main %}



        <!-- section start -->
        <section class="layout-pt-pageHeader layout-pb-sm">
          <!-- container start -->
          <div class="container">
            <!-- row start -->
            <div class="row d-flex justify-content-center">
              <div class="col-xl-8 col-lg-8">
                <ul class="breadcrumbs text-black mb-40">
                  <li class="breadcrumbs-item">
                    <a data-barba href="home-1.html">
                      DIRK WETZEL
                    </a>
                  </li>
                  <li class="breadcrumbs-item active" aria-current="page">
                    {{ entry.title }}
                  </li>
                </ul>
        
                <div class="sectionHeading">
                  <h2 class="–sectionHeading__title">
                    {{ entry.headline }}
                  </h2>
                </div>
              </div>      
            </div>
            <!-- row end -->  
          </div>
          <!-- container end -->  
        </section>
        <!-- section end -->

 

{% 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) %}


{% switch type %}		

            {% case 'twoImages' %}	
            <!-- section start -->
            <div class="layout-pb-lg">
              <!-- container start -->
              <div class="container">
                <div class="fancy-grid -col-2">
                  {% for image in block.leftImage.all() %}	      
                        <div class="fancy-grid__item">
                          <a data-gallery="gallery1" class="glightbox" href="{{ image.getUrl('twoColumnImages') }}">
                            <div data-parallax="0.8" class="ratio ratio-3:4">
                              <div data-parallax-target class="bg-image js-lazy" data-bg="{{ image.getUrl('twoColumnImages') }}"></div>
                            </div>
                          </a>
                        </div>
                  {% endfor %}  
                  
                  {% for image in block.rightImage.all() %}	
                  <div class="fancy-grid__item">
                    <a data-gallery="gallery1" class="glightbox" href="{{ image.getUrl('twoColumnImages') }}">
                      <div data-parallax="0.8" class="ratio ratio-3:4">
                        <div data-parallax-target class="bg-image js-lazy" data-bg="{{ image.getUrl('twoColumnImages') }}"></div>
                      </div>
                    </a>
                  </div>
                  {% endfor %}
                </div>
              </div>
              <!-- container end -->
            </div>
            <!-- section end -->
            
            
            {% case 'textContent' %}	
            
            <!-- section start -->
              <section class="layout-pb-lg">
                  <!-- container start -->
                  <div class="container">                    
                    <!-- row start -->
                    <div class="row d-flex justify-content-center">
                      <div class="col-xl-8 col-lg-8">                        
                            {{ block.textContent }}
                      </div>      
                    </div>
                    <!-- row end -->  
                  </div>
                  <!-- container end --> 
              </section>
              <!-- section end -->

                  
            <!-- section start -->
            {% case 'volleBreiteBild' %}		
            <section class="layout-pb-lg">
              <div class="container-wide z-5 relative">
                {% for image in block.volleBreiteBild.all() %}
                
                <a data-gallery="gallery1" class="glightbox" href="{{ image.getUrl('fullWidthImage') }}">
                <div data-parallax="0.7" class="h-lg hz-5 js-image">
                        <div data-parallax-target class="bg-image js-lazy" data-bg="{{ image.getUrl('fullWidthImage') }}"></div>
                </div>
                </a>
                
                {% endfor %}  
                
              </div>
            </section>
            
            <!-- section start -->
{#             <div class="layout-pb-lg">
              <div data-parallax="0.7" class="h-100vh">
                {% for image in block.volleBreiteBild.all() %}
                  <div data-parallax-target class="bg-image js-lazy" data-bg="{{ image.getUrl('fullWidthImage') }}"></div>
                {% endfor %}  
                
              </div>
            </div> #}
            <!-- section end -->
                  
                  
            <!-- section start -->
            {% case 'introduction' %}	
            <section class="layout-pb-lg">
              <!-- container start -->
              <div class="container">
                <!-- row start -->
                <div class="row justify-content-center text-center">
                  <div class="col-xl-8 col-lg-10">
                    <div class="d-flex justify-content-center text-xs tracking-md">
                      <p class="uppercase fw-500">Projekt – {{ entry.title }}</p>
                    </div>
                    <p class="text-2xl md:text-1xl leading-lg text-black mt-24">
                      {{ block.introduction }}
                    </p>
                  </div>
                </div>
                <!-- row end -->
              </div>
              <!-- container end -->
            </section>
            <!-- section end -->
       

{% endswitch %}
{% endfor %}



      


{% endblock %}