@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>
<div class="container">
    <div class="row mt-4 mb-5">
        <div class="col-md-6 col-sm-6">
            <div class="practice_section">
                <h2>B.ED</h2>
                <h4>School list</h4>
                <ul>
                    <li><a href="#" >Mindapur Town School</a></li>
                    <li><a href="#">Mindapur Town School</a></li>
                    <li><a href="#">Mindapur Town School</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-6 col-sm-6">
            <div class="practice_section">
                <h2>D.EL.ED</h2>
                <h4>School list</h4>
                <ul>
                    <li><a href="#">Mindapur Town School</a></li>
                    <li><a href="#">Mindapur Town School</a></li>
                    <li><a href="#">Mindapur Town School</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <h2 class="doc_text">Documents</h2>
    <div class="tab year_box">
        <button class="tablinks year_link" onclick="openCity(event, 'year')">2016</button>
        <button class="tablinks year_link" onclick="openCity(event, 'year2')">2017</button>
        <button class="tablinks year_link" onclick="openCity(event, 'year3')">2018</button>
        <button class="tablinks year_link" onclick="openCity(event, 'year4')">2019</button>
        <button class="tablinks year_link" onclick="openCity(event, 'year5')">2020</button>
    </div>

    <div id="year" class="tabcontent year_section">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850960611.jpg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850404671.jpeg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850387851.jpeg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654849982972.jpeg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654849929240.jpg" alt="main-gallery2">
        
    </div>

    <div id="year2" class="tabcontent year_section">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850387851.jpeg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654849982972.jpeg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654849929240.jpg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850960611.jpg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850404671.jpeg" alt="main-gallery2">

    </div>

    <div id="year3" class="tabcontent year_section">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850387851.jpeg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654849982972.jpeg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850960611.jpg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850404671.jpeg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654849929240.jpg" alt="main-gallery2">
    </div>
    <div id="year4" class="tabcontent year_section">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850404671.jpeg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850387851.jpeg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850960611.jpg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654849982972.jpeg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654849929240.jpg" alt="main-gallery2">
    </div>
    <div id="year5" class="tabcontent year_section">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850387851.jpeg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654849982972.jpeg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850960611.jpg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654850404671.jpeg" alt="main-gallery2">
        <img src="https://wip.tezcommerce.com:3304/admin/module/25/1654849929240.jpg" alt="main-gallery2">
    </div>
</div>
@endsection
<script>
    function openCity(evt, cityName) {
        var i, tabcontent, tablinks;
        tabcontent = document.getElementsByClassName("tabcontent");
        for (i = 0; i < tabcontent.length; i++) {
            tabcontent[i].style.display = "none";
        }
        tablinks = document.getElementsByClassName("tablinks");
        for (i = 0; i < tablinks.length; i++) {
            tablinks[i].className = tablinks[i].className.replace(" active", "");
        }
        document.getElementById(cityName).style.display = "block";
        evt.currentTarget.className += " active";
    }
</script>