templates/case-study/casestudy.html.twig line 1

{% extends 'layouts/layout.html.twig' %}

{% block content %}
     
     
        <!-- Page Banner Start -->
        {{ pimcore_areablock('content', {
            'allowed': ['hero-banner',
                        
                                                        
                        ]
        }) }}
        <!-- About Start -->
        <div class="section sector-section casestudydetail">
            <div class="container">
                <!-- About Wrap Start -->
                <div class="about-wrap">
                    <div class="row">
                        <div class="col-lg-12">
                            <!-- SECTOR HEADING -->
                            <span>{{pimcore_input('Heading',{
                                'placeholder':"Heading"
                            })}}</span>
                            <h2>{{pimcore_input('Description',{
                                'placeholder':"Description"
                            })}}</h2>
                        </div>
                    </div>
                </div>
                <!-- About Wrap End -->
            </div>
        </div>
        <!-- About End -->
    <!-- CASE STUDIES -->
    <div id="object-list">
    {% set colorClasses = {
        0: 'darkjetblue',
        1: 'darkgreen',
        2: 'darkjetpurple',
        3:'greenlight',
    } %}
        {% for key, casestudy in pagination %}
        {% set class = colorClasses[key % 4] %}
            <div class="section casestudy-detail {{class}}">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xxl-6">
                            <div class="casestudy-content">
                                <span>{{casestudy.tagLine}}</span>
                                <h2>{{casestudy.name}}</h2>
                                <a href="/case-study/{{casestudy.url}}" class="btn">View More</a>
                            </div>
                        </div>
                        {% if casestudy.listingImage %}
                        
                        <div class="col-xxl-6">
                            <div class="casestudyimg">
                                <img src="{{casestudy.listingImage}}" alt="{{casestudy.name}}">
                            </div>
                        </div>
                        {% endif %}
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
  
    <div class="section loadbtn-wrapper">
            <div class="container">
                <div class="row">
                    <div class="col-xx-12 text-center">
                        <button class="btn" id="load-more-btn"{% if not showLoadMoreButton %}style="display: none;"{% endif %}>Load More</button>
                    </div>
                </div>
            </div>
     </div>
    {% do pimcore_inline_script().appendScript("
        $(document).ready(function() {
            var page = 2;

            $('#load-more-btn').click(function() {
                $.ajax({
                    url: '/case-study?page=' + page,
                    type: 'GET',
                    success: function(response) {
                        $('#object-list').append(response.html);
                        if (!response.showLoadMoreButton) {
                             $('#load-more-btn').hide();
                        }
                        page++;
                    }
                });
            });
        });
   ") %}
{% endblock %}