@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')
@foreach ($data['moduleItems'] as $item)
        <section class="page_title_wrap bottom_border">
            <img class="page_title_bg" src="{{ asset('img/page_title_bg.jpg') }}" alt="page_title_bg">
            <div class="container">
                <h3>{{ $item['title'] }}</h3>
            </div>
        </section>
    @endforeach
    <div class="container main-gallery">
        <div class="w-100 mt-3 text-md-center title-bx1">
            <h3 class="one8">{{ $data['title'] }}</h3>
        </div>
        <div class="row mb-5">
            @foreach ($data['moduleItems'] as $item)
                @if (count($item['dynamicSections']) > 0)
                    @foreach ($item['dynamicSections'] as $dynamicSection)
                        <div class="col-md-3">
                            <a class="gal-inr" href="{{ $dynamicSection['image'] }}" data-lightbox="Gallery 1"><img
                                    src="{{ $dynamicSection['image'] }}" alt="main-gallery2"/></a>
                        </div>
                    @endforeach
                @endif
            @endforeach
        </div>
    </div>
@endsection