@extends('site.layouts.app', ['seoModel' => $why])
@section('content')

<div class="page-wrapper content-wrapper page-faq">
    @include('site._includes.mini-banner', [
        'image_url' => $why->banner_image,
        'mobile_image_url' => $why->banner_mobile,
        'tablet_image' => $why->banner_tablet,
        'alt' => !empty($why->title) ? $why->title : '',
        'title' =>!empty($why->title) ? $why->title : '',
        'sub' =>!empty($why->sub) ? $why->sub : '',
    ]);
    <section class="faq">
        <div class="container">
            <div class="accordion-list">
                @foreach($why->infos_page as  $infos)
                    <div class="accordion js-accordion ">
                        <div class="accordion__header js-accordion-header">
                            <div class="accordion__block">
                                <div class="accoridon-image">
                                    <img src="{{ asset("storage/{$infos['icon']}") }}" >
                                </div> 
                                <p>{{$infos['title']}}</p>
                            </div>
                            <i class="fas fa-plus"></i>
                        </div>
                        <div class="accordion__content js-accordion-content">
                        {!! $infos['description'] !!}
                        </div>
                    </div>
                @endforeach                    
            </div>
        </div>
    </section>
</div>
@endsection