@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')
    <div class="container">
        @foreach ($data['moduleItems'] as $item)
            <div class="w-100 mt-3 text-md-center title-bx1">
                <h3 class="one8">{{ $item['title'] }}</h3>
            </div>
            @if (count($item['dynamicSections']) > 0)
                @foreach ($item['dynamicSections'] as $dynamicSection)
                    <div class="container mb-5">
                        <p>{!! $item['shortDescription'] !!}</p>
                    </div>
                    <div class="container mb-5">
                        <h5>{!! $item['longDescription'] !!}</h5>
                        <p>{{ $dynamicSection['title'] }}</p>

                    </div>
                    <div class="container mb-5 text-md-center">
                        <img class="img-thumbnail up_doc" src="{{ $dynamicSection['image'] }}" alt="thumbnail-img">
                    </div>
                @endforeach
            @endif
        @endforeach
    </div>
@endsection
<style type="text/css">
    .up_doc {
        width: 300px;
    }

</style>