@extends('layouts.master')

@section('title', '- FAQ')

@section('description', 'Haben Sie Fragen zu unserem Angebot? Hier erfahren Sie mehr!')

@section('content')
    <div class="offset-xl-1 col-xl-10 col-md-12 col-sm-12">
        <div class="row faq_area content_box">
            <div class="col-md-12 pl-0 faq_title">
                <h1>Sie Haben noch Fragen?</h1>
            </div>
            <div class="col-md-12 pl-0 faq_desc">
                Hier erfahren Sie mehr!
            </div>
        </div>
        <div class="row">
            <div class="faq_list col-md-12 pl-0 pr-0">
                @for($i=0; $i< count($faq);$i++)
                    <div class="group_title pl-3">
                        {{ $faq[$i]['title'] }}
                    </div>
                    @if($faq[$i]['desc'])
                        <div class="group_desc">
                            {{ $faq[$i]['desc'] }}
                        </div>
                    @endif
                    <div class="accordion">
                        @for($j=0;$j< count($faq[$i]['faq']);$j++)
                             <div class="card">
                                <div class="card-header" id="group_{{ $i }}_heading_{{ $j }}">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#group_{{ $i }}_faq_{{ $j }}" aria-expanded="true" aria-controls="group_{{ $i }}_faq_{{ $j }}">
                                            <i class="fas fa-angle-right"></i><i class="fas fa-angle-down"></i> {{ $faq[$i]['faq'][$j]['question'] }}
                                        </button>
                                    </h5>
                                </div>
                                <div id="group_{{ $i }}_faq_{{ $j }}" class="collapse" aria-labelledby="group_{{ $i }}_heading_{{ $j }}">
                                    <div class="card-body">
                                        {!! $faq[$i]['faq'][$j]['answer'] !!}
                                    </div>
                                </div>
                            </div>
                        @endfor
                    </div>
                @endfor
            </div>
        </div>
    </div>
    @include('back')
@stop