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

<div class="page-wrapper content-wrapper page-about">
    @include('site._includes.mini-banner', [
        'image_url' => $about->banner_image,
        'mobile_image_url' => $about->banner_mobile,
        'tablet_image' => $about->banner_tablet,
        'alt' => !empty($about->title) ? $about->title : '',
        'title' =>!empty($about->title) ? $about->title : '',
        'sub' =>!empty($about->sub) ? $about->sub : '',
    ]);

    <section class="about">
        <div class="container">
            <div class="about__text">
                <img src="{{ asset("storage/{$about->about_image_text}") }}" >
                {!! $about->text_about !!}

                <p>
                    <span>
                        @if ($about->second_image)
                            <img src="{{ asset("storage/{$about->second_image}") }}">
                        @endif
                    </span>
                </p>

                {!!  $about->second_description ?? '' !!}
            </div>
        </div>
    </section>

    <section class="values index-component" id="mvv">
        <div class="container">
            <div class="values__grid">
                @foreach ( $about->infos_page as $values )
                    <div class="accordion js-accordion">
                        <div class="accordion__header js-accordion-header">
                            <div class="values__head">
                                <div class="values__icon">
                                    <img src="{{ asset("storage/{$values['icon']}") }}" >
                                </div>
                                <p>{{ $values['title'] }}</p>
                            </div>
                            <i class="fas fa-plus"></i>
                        </div>
                        <div class="accordion__content js-accordion-content">
                             {!! $values['description'] !!}
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
</div>
@endsection