{#
 # 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">
                      Projekt
                    </a>
                  </li>
                  <li class="breadcrumbs-item active" aria-current="page">
                    {{ entry.headline }}
                  </li>
                </ul>
        
                <div class="sectionHeading">
                  <h2 class="–sectionHeading__title">
                    {{ entry.title }}
                  </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 %}


<!-- section start -->
<section data-parallax="0.7" class="layout-pt-lg layout-pb-lg">
  <div data-parallax-target class="overlay-black-md bg-image js-lazy" data-bg="assets/img/dirk-wetzel-testimonials.jpg"></div>

  <!-- container start -->
  <div class="container z-5">
    <!-- row start -->
    <div class="row justify-content-center text-center">
      <div class="col-12">
        <p class="text-sm uppercase tracking-lg text-white mb-20">
          Contact me
        </p>

        <h2 class="text-5xl sm:text-5xl xs:text-4xl leading-sm fw-700 text-white">
          Was haben Sie geplant?<br>Erzählen Sie mir<br>von Ihrem Projekt.
        </h2>

{#         <p class="text-xl md:text-lg text-white mt-16">
          Ob klein oder groß, ich unterstütze Sie!
        </p> #}

        <a href="mailto:info@dirkwetzel.com" class="button -md -white text-black mt-32">
          Get in Touch
        </a>
      </div>
    </div>
    <!-- row end -->
  </div>
  <!-- container end -->
</section>
<!-- section end -->



{% set params = {
   section: 'newsPosts',
   orderBy: 'title'
 } %}
 
 {% set prevEntry = entry.getPrev(params) %}
 {% set nextEntry = entry.getNext(params) %}

      <!-- section start -->
        <section class="projects-nav">
          <!-- row start -->
          <div class="row no-gutters">
  
  
        {% if prevEntry %}
            <div class="col-lg-6">
              <a data-barba href="{{ prevEntry.url }}" class="projects-nav__item -prev bg-dark-1">
                <div class="projects-nav__img">
                    {% for postEntry in craft.entries.section('newsPosts').all() %} 
                          {% set image = prevEntry.featuredImage.one() %}
                            {% if image %}
                              <div class="bg-image js-lazy" data-bg="{{ image.getUrl('') }}"></div>
                              {% endif %}
                    {% endfor %}    
                </div>
  
                <div class="projects-nav__content">
                  <div class="projects-nav__icon">
                    <i class="size-xl str-width-xs text-white" data-feather="arrow-left-circle"></i>
                  </div>
  
                  <h3 class="text-3xl fw-400 tracking-none text-white">
                    {{ prevEntry.title }}
                  </h3>
  
                  <p class="projects-nav__text -prev text-sm fw-500 text-white tracking-md uppercase">
                    PREV
                  </p>
                </div>
              </a>
            </div>
        {% endif %}
  
  
  
        {% if nextEntry %}
            <div class="col-lg-6">
              <a data-barba href="{{ nextEntry.url }}" class="projects-nav__item -next bg-dark-1">
                <div class="projects-nav__img">
                  {% for postEntry in craft.entries.section('newsPosts').all() %} 
                        {% set image = nextEntry.featuredImage.one() %}
                          {% if image %}
                            <div class="bg-image js-lazy" data-bg="{{ image.getUrl('') }}"></div>
                            {% endif %}
                  {% endfor %}  
                </div>
  
                <div class="projects-nav__content">
                  <h3 class="text-3xl fw-400 tracking-none text-white">
                    {{ nextEntry.title }}
                  </h3>
  
                  <div class="projects-nav__icon">
                    <i class="size-xl str-width-xs text-white" data-feather="arrow-right-circle"></i>
                  </div>
  
                  <p class="projects-nav__text -next text-sm fw-500 text-white tracking-md uppercase">
                    NEXT
                  </p>
                </div>
              </a>
            </div>
        {% endif %}
            
  
          </div>
          <!-- row end -->
        </section>
      <!-- section end -->

{% endblock %}