{% extends 'theme.html.twig' %}

{% block title %}Image Gallery - {{parent()}} {% endblock %}

{% block body %}

{% apply inline_css %}
<style>
    

.lead { font-size: 1.5rem; font-weight: 300; }
.gallery-container { margin: 70px auto; max-width: 1100px; }
.btn { padding: 1.25rem; border: 0; border-radius: 3px; background-color: #4F46E5; color: #fff; cursor: pointer; }
        
</style>
{% endapply %}

    <div class="dilevars-page-title d-flex align-items-center  header-layout-2 title-align-center title-color-white">
    <div class="dilevars-page-title-layer container">
        <div class="row">
            <div class="col-md-12">            
                <h1 class="page-title">
                    Image Gallery                </h1>
                                    <div class="page-breadcrumbs">
                    <div class="breadcrumb"><a href="{{ path('app_home') }}">Home</a> > <span class="current">Image Gallery</span></div>                    </div>
                                </div>                
        </div>
    </div>
</div>




 <div class="gallery-container">
    <div class="row">
    {% for image_gallery in image_galleries %}
        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12" style="padding-bottom: 15px;">
            <img class="lightboxed" rel="group1" src="{{ asset('/public/uploads/imagegallery/' ~ image_gallery.imagePath) }}" data-link="{{ asset('/public/uploads/imagegallery/' ~ image_gallery.imagePath) }}" alt="{{ image_gallery.title }}" data-caption="{{ image_gallery.title }}" title="{{ image_gallery.title }}" />
        </div>
    {% else %}
            No records found
    {% endfor %}

</div>
    
</div>


{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>    
    <link href="{{asset('/public/template/image-gallery/js/lightboxed/lightboxed.css')}}" rel="stylesheet" />
    <script src="{{asset('/public/template/image-gallery/js/lightboxed/lightboxed.js')}}"></script>
   
   <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-36251023-1']);
  _gaq.push(['_setDomainName', 'jqueryscript.net']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<script>
try {
  fetch(new Request("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js", { method: 'HEAD', mode: 'no-cors' })).then(function(response) {
    return true;
  }).catch(function(e) {
    var carbonScript = document.createElement("script");
    carbonScript.src = "//cdn.carbonads.com/carbon.js?serve=CK7DKKQU&placement=wwwjqueryscriptnet";
    carbonScript.id = "_carbonads_js";
    document.getElementById("carbon-block").appendChild(carbonScript);
  });
} catch (error) {
  console.log(error);
}
</script>



{% endblock %}