@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">
        <div class="w-100 text-md-center mt-3 title-bx1">
            <h3 class="one8">About Us</h3>
        </div>
        <div class="container mb-5 about-area-v">
            <div class="row">
                <div>
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        @foreach ($data['moduleItems'] as $item)
                            @if (count($item['dynamicSections']) > 0)
                                @foreach ($item['dynamicSections'] as $dk => $dynamicSection)
                                    <li class="nav-item">
                                        <a class="nav-link @if($dk==0) active @endif" data-toggle="tab" href="#balance-nfo{{ $dynamicSection['id'] }}" role="tab" aria-controls="{{ $dynamicSection['title'] }}">{{ $dynamicSection['title'] }}</a>
                                    </li>
                                @endforeach
                            @endif
                        @endforeach
                    </ul>
                    <div class="tab-content">
                        @foreach ($data['moduleItems'] as $item)
                            @if (count($item['dynamicSections']) > 0)
                                @foreach ($item['dynamicSections'] as $dk => $dynamicSection)
                                    @if (count($dynamicSection['subSections']) > 0)
                                        @foreach ($dynamicSection['subSections'] as $subSections)
                                            <div class="tab-pane @if($dk==0) active @endif" id="balance-nfo{{ $dynamicSection['id'] }}" role="tabpanel">
                                                <div>{!! $subSections['description'] !!}</div>
                                            </div>
                                        @endforeach
                                    @endif
                                @endforeach
                            @endif
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection