@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')
    {{-- @if ($data['slug'] == 'land-3' || $data['slug'] == 'building-3')
        <div class="container">
                @foreach ($data['moduleItems'] as $item)
                    @if (count($item['dynamicSections']) > 0)
                        @foreach ($item['dynamicSections'] as $dynamicSection)
                            <div class="w-100 mt-3 text-md-center title-bx1">
                                <h3 class="one8">{{ $dynamicSection['title'] }}</h3>
                            </div>
                            <div class="mb-5">
                                <p>{!! $dynamicSection['description'] !!}</p>
                                <img class="img-thumbnail up_doc" src="{{ $dynamicSection['image'] }}" alt="doc-img">
                            </div>
                        @endforeach
                    @endif
                @endforeach
        </div>
    @endif --}}
    @if ($data['slug'] == 'computerlab-3' || $data['slug'] == 'chemistrylab-3' || $data['slug'] == 'physicslab-3' || $data['slug'] == 'biologylab-3' || $data['slug'] == 'socialsciencelab-3' || $data['slug'] == 'languagelab-3' || $data['slug'] == 'artcraftlab-3' || $data['slug'] == 'psyschologylab-3'|| $data['slug'] == 'hostel-3'|| $data['slug'] == 'canteen-3'|| $data['slug'] == 'playground-3'|| $data['slug'] == 'garden-3')
        @foreach ($data['moduleItems'] as $item)
            <div class="container main-gallery">
                <div class="w-100 mt-3 text-md-center title-bx1">
                    <h3 class="one8">{{ $item['title'] }}</h3>
                </div>
                <div class="row mb-5">
                    @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-img">
                                </a>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        @endforeach
    @endif
    @if ($data['slug'] == 'infrastructuredetails-3')
        <div class="container">
                @foreach ($data['moduleItems'] as $item)
                    @if (count($item['dynamicSections']) > 0)
                        @foreach ($item['dynamicSections'] as $dynamicSection)
                            <div class="w-100 mt-3 text-md-center title-bx1">
                                <h3 class="one8">{{ $dynamicSection['title'] }}</h3>
                            </div>
                            <div class="mb-5">
                                <p>{!! $dynamicSection['description'] !!}</p>
                            </div>
                        @endforeach
                    @endif
                @endforeach
        </div>
    @endif
    @if ($data['slug'] == 'librarydetails-3')
        @foreach ($data['moduleItems'] as $item)
            @if ($item['slug'] == 'librarydetails-3')
                <div class="container">
                        @if (count($item['dynamicSections']) > 0)
                            @foreach ($item['dynamicSections'] as $dynamicSection)
                                <div class="w-100 mt-3 text-md-center title-bx1">
                                    <h3 class="one8">{{ $dynamicSection['title'] }}</h3>
                                </div>
                                <div class="mb-5">
                                    <p>{!! $dynamicSection['description'] !!}</p>
                                </div>
                            @endforeach
                        @endif
                </div>
            @endif
            @if ($item['slug'] == 'libraryimage-3')
                <div class="container main-gallery">
                    <div class="w-100 mt-3 text-md-center title-bx1">
                        <h3 class="one8">{{ $item['title'] }}</h3>
                    </div>
                    <div class="row mb-5">
                        @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-img2">
                                    </a>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            @endif

        @endforeach
    @endif
@endsection


<style type="text/css">
    .up_doc{
        width: 300px;
    }
</style>