@extends('layouts.home')
@section('content')
    <div class="ibox faq" id="faq">
        <div class="ibox-title">
            <h2><a name="_GoBack"></a>Häufig gestellte Fragen</h2>
        </div>
        <div class="ibox-content">
            <div class="row">
                <div class="col-md-2 col-sm-4">
                                        @foreach($faq as $articleKey => $article)
                        <h3 class="faq-question category" data-target="#_TocMain{{ $i }}" data-toggle="collapse">
                            {{ $articleKey }}
                        </h3>
                                            @endforeach
                </div>
                <div class="col-md-10 col-sm-12">
                                        @foreach($faq as $articleKey => $article)
                        <div class="collapse" id="_TocMain{{ $i }}">
                                <h4><a name="_GoBack"></a>{{ $articleKey }}</h4>
                            @foreach($article as $key => $value)<h5 class="faq-question" data-target="#_TocSecond{{ $key }}"
                                                                    data-toggle="collapse">
                                {{ $value['question'] }}
                            </h5>
                            <div class="collapse faq-answer" id="_TocSecond{{ $key }}">
                                    {!! $value['answer'] !!}
                            </div>
                            @endforeach
                        </div>
                                            @endforeach
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        jQuery('.category').click( function(e) {
            jQuery('.collapse').collapse('hide');
        });
    </script>
@endsection