@extends('frontend.layouts.index')

@section('content')
    <!-- tabs and welcome to KAHS -->
    <div>
        @include('frontend.includes.popup')
        @include('frontend.includes.slider')
        <div class="container">
            <div class="row mt3">
                <div class="col-xs-12 col-md-9 overflow-fix">

                    <div class="welcomepills">
                        <ul class="tabs ">
                            <li class="{{ $index['introduction']->slug == 'introduction' ? 'active' : '' }}"
                                rel="tab_{{ $index['introduction']->slug }}">
                                <span>{{ ucfirst($index['introduction']->title) }}</span>
                            </li>
                            <li class="{{ $index['mission']->slug == 'introduction' ? 'active' : '' }}"
                                rel="tab_{{ $index['mission']->slug }}">
                                <span>{{ ucfirst($index['mission']->title) }}</span>
                            </li>
                            <li class="{{ $index['vision']->slug == 'introduction' ? 'active' : '' }}"
                                rel="tab_{{ $index['vision']->slug }}">
                                <span>{{ ucfirst($index['vision']->title) }}</span>
                            </li>
                            <li class="{{ $index['goal']->slug == 'introduction' ? 'active' : '' }}"
                                rel="tab_{{ $index['goal']->slug }}">
                                <span>{{ ucfirst($index['goal']->title) }}</span>
                            </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>
                            <h3 class="{{ $index['mission']->slug == 'introduction' ? 'd_active ' : '' }}tab_drawer_heading"
                                rel="tab_{{ $index['mission']->slug }}">
                                {{ ucfirst($index['mission']->title) }}
                            </h3>
                            <div id="tab_{{ $index['mission']->slug }}" class="tab_content">
                                <h3 class="h2">
                                    {{ ucfirst($index['mission']->title) }}</h3>
                                {!! $index['mission']->description !!}
                            </div>
                            <h3 class="{{ $index['vision']->slug == 'introduction' ? 'd_active ' : '' }}tab_drawer_heading"
                                rel="tab_{{ $index['vision']->slug }}">
                                {{ ucfirst($index['vision']->title) }}
                            </h3>
                            <div id="tab_{{ $index['vision']->slug }}" class="tab_content">
                                <h3 class="h2">
                                    {{ ucfirst($index['vision']->title) }}</h3>
                                {!! $index['vision']->description !!}
                            </div>
                            <h3 class="{{ $index['goal']->slug == 'introduction' ? 'd_active ' : '' }}tab_drawer_heading"
                                rel="tab_{{ $index['goal']->slug }}">
                                {{ ucfirst($index['goal']->title) }}
                            </h3>
                            <div id="tab_{{ $index['goal']->slug }}" class="tab_content">
                                <h3 class="h2">
                                    {{ ucfirst($index['goal']->title) }}</h3>
                                {!! $index['goal']->description !!}
                            </div>
                        </div>
                    </div>
                    {{-- {{ 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">
                                      <div class="container">
                                            <ul class="list-unstyled video-list-thumbs row">
                                                @forelse($index['video'] as $video)
                                                <li class="col-lg-3 col-sm-4 col-xs-12" style="margin-top: 10px;">
                                                    <div class="embed-responsive embed-responsive-16by9">
                                                        {!!$video->description!!}
                                                    </div>
                                                    <h6>{{$video->title}}</h6>
                                                </li>
                                                @empty
                                                {{ 'Not published yet !!!' }}
                                            @endforelse
                                            </ul>
                                            </div>
                                    </div>
                                    <a class="seemore" href="{{ url('video-gallery') }}">{{ 'View All' }}</a>
                                </div>
                            </div>
                        </div>

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