@extends('layouts.app')
@section('metades')
    <meta name="description" content="{{ $data['metaDescription'] }}" />
    <meta name="author" content="Kultikri Teacher Training Institute of Higher Studies (KTTIHS)" />
    <meta name="keywords" content="Kultikri Teacher Training Institute of Higher Studies (KTTIHS)" />
@endsection
@section('title')
    <title>{{ $data['metaTitle'] }}</title>
@endsection
@section('content')
    <section class="page_title_wrap bottom_border">
        <img class="page_title_bg" src="{{ asset('img/page_title_bg.jpg') }}" alt="">
        <div class="container">
            <h3>{{ $data['title'] }}</h3>
        </div>
    </section>
    @foreach ($data['moduleItems'] as $item)
        <section class="land_info_wrap">
            <div class="container main-gallery" style="text-align: center; margin: 70px auto;">
                <h3>{{ $item['title'] }}</h3>
            </div>
            <div class="container main-gallery">
                <div class="row">
                    @if (count($item['dynamicSections']) > 0)
                        @foreach ($item['dynamicSections'] as $dynamicSection)
                            <div class="col-lg-3 col-md-4 col-6">
                                <a class="gal-inr" href="{{ $dynamicSection['image'] }}"
                                    data-lightbox="Gallery 1"><img src="{{ $dynamicSection['image'] }}" /></a>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </section>
    @endforeach
@endsection