@extends('frontend.layouts.index')

@section('content')
    <!-- tabs and welcome to KAHS -->
    {{-- {{ dd($index['subcat']) }} --}}
    <div>

        @include('frontend.includes.slider')
	<div class="container">
	     <div class="row mt3">
		  <div class="welcomepills">
                        <ul class="tabs ">
                            <li class="{{ $index['introduction']->slug == 'introduction' ? 'active' : '' }}"
                                rel="tab_{{ $index['introduction']->slug }}">
                                  <img class="img-responsive" src="{{ asset('/images/logo.jpg')}}" alt="logo">
                            </li>
                           
                        </ul>
                        <div class="tab_container">
                            <h3 class="{{ $index['introduction']->slug == 'introduction' ? 'd_active ' : '' }}tab_drawer_heading"
                                rel="tab_{{ $index['introduction']->slug }}">
                                {{ ucfirst($index['introduction']->title) }}
                            </h3>
                            <div id="tab_{{ $index['introduction']->slug }}" class="tab_content">
                                <h3 class="h2">
                                    {{ ucfirst($index['introduction']->title) }}</h3>
                                {!! $index['introduction']->description !!}
                            </div>
                           
                        </div>
                    </div>
	     </div>
	</div>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-md-9 overflow-fix">

                  
                    {{-- {{ dump($index['subcat']) }}
                    {{ die() }} --}}
                    <div class="shadow">
                        <ul class="tabs">
                            @foreach ($index['subcat'] as $key => $sc)
                                <li class="{{ $sc->slug == 'notices' ? 'active' : '' }}" rel="tab{{ $key + 1 }}">
                                    {{ $sc->name }}
                                </li>
                            @endforeach
                        </ul>
                        <div class="tab_container">
                            @foreach ($index['subcat'] as $key => $sc)
                                <h3 class="{{ $sc->slug == 'notices' ? 'd_active' : '' }} tab_drawer_heading"
                                    rel="tab{{ $key + 1 }}">
                                    {{ $sc->name }}</h3>
                                <div id="tab{{ $key + 1 }}" class="tab_content">

                                    <div class="content">
                                        <ul class="list-group">
                                            @if ($sc->posts->isEmpty())
                                                <li class="list-group-item">
                                                    <a href="#" class="h5">
                                                        {{ 'NO POST' }}
                                                    </a>
                                                </li>
                                            @else
                                                @foreach ($sc->posts as $al)
                                                    <li class="list-group-item">

                                                        <a href="{{ asset('/post/' . $al->subcat->slug . '/detail/' . $al->slug) }}"
                                                            target="_blank" class="h5">
                                                            {{ $al->title }}
                                                        </a>
                                                        @if (date('Y-m-d') <= $al->check_date)
                                                            <span class="new-notice">New</span>
                                                        @endif
                                                        <div class="gray"><span class="fa fa-calendar"></span> &nbsp;
                                                            <date>
                                                                <ins>{{ date('M d, Y', strtotime($al->created_at)) }}</ins>
                                                            </date>
                                                        </div>

                                                    </li>
                                                @endforeach
                                            @endif

                                        </ul>
                                    </div>
                                    <a href="{{ url('post/' . $sc->slug) }}" class="seemore">
                                        {{ 'View All' }}</a>

                                </div>
                            @endforeach

                        </div>
                    </div>
                    <div class="mt3">
                        <div class="shadow">
                            <ul class="tabs imgVid">
                                <li class="active" rel="tab001"><i class="fa fa-picture-o" aria-hidden="true"></i>
                                    {{ 'Photo Gallery' }}
                                </li>
                                <li rel="tab002" class="videotab"><i class="fa fa-video-camera" aria-hidden="true"></i>
                                    {{ 'Video Gallery' }}
                                </li>
                            </ul>
                            <div class="tab_container height-auto">
                                <h3 class="d_active tab_drawer_heading" rel="tab001"><i class="fa fa-picture-o"
                                        aria-hidden="true"></i>
                                    {{ 'Photo Gallery' }}
                                </h3>
                                <div id="tab001" class="tab_content">
                                    <div class="content">
                                        <div class="c-gallery col-xs-12">
                                            <div class="row">
                                                <div id="eyeSlider" class="mtb eyeSlider">

                                                    <ul id="imageSlider">
                                                        {{-- {{ dump($index['gallery']) }}
                                                        {{ die() }} --}}
                                                        @forelse($index['gallery'] as $img)
                                                            <li data-src="{{ url('/uploads') }}/{{ $img->title }}"
                                                                data-sub-html="<h2>{{ $img->title }}</h2><p>{{ $img->description }}</p>"
                                                                data-pinterest-text="Pin it1"
                                                                data-tweet-text="share on twitter 1">
                                                                <a href="/photo-gallery" class="fit-image zoom-img">
                                                                    <img class="img-responsive"
                                                                        src="{{ asset('/uploads/photos/' . $img->filename) }}"
                                                                        alt="{{ $img->description }}">
                                                                    <div class="overlay"></div>

                                                                </a>
                                                            </li>
                                                        @empty
                                                            <li>
                                                                {{ 'Not published yet !!!' }}
                                                            </li>
                                                        @endforelse

                                                    </ul>

                                                    <div class="controls">
                                                        <span class="left fa fa-chevron-circle-left" id="left"></span>
                                                        <span class="right fa fa-chevron-circle-right"
                                                            id="right"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="seemore" href="{{ url('photo-gallery') }} ">{{ 'View All' }}</a>
                                </div>
                                <h3 class="tab_drawer_heading" rel="tab002"><i class="fa fa-video-camera"
                                        aria-hidden="true"></i>
                                    {{ 'Video Gallery' }}
                                </h3>
                                <div id="tab002" class="tab_content">
                                    <div class="content">
                                        @if ($index['gallery'] == null)
                                            <iframe width="100%" height="100%" src="{{ $index['gallery']->name }}"
                                                frameborder="0" allowfullscreen></iframe>
                                        @else
                                            {{ 'Not published yet !!!' }}
                                        @endif
                                    </div>
                                    <a class="seemore" href="{{ url('video-gallery') }}">{{ 'View All' }}</a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                @include('frontend.includes.aside')
            </div>
        </div>
    </div>
    @include('frontend.includes.popup')
@endsection