@extends('front.app')

@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')

    <div class="page-content">

        <div class="breadcrumbs-wrapper">
            <div class="container">
                @if($parent_menu->itemByLang)
                    {{ Breadcrumbs::render($parent_menu->alias, $parent_menu) }}
                @endif
            </div>
        </div>

        <div class="about">
            <div class="container">
                <div class="about-inner">
                    @if($parent_menu->oImage && $parent_menu->oImage->img)
                        <div class="about-img">
                            <img src="{{ asset('upfiles/menu/'. $parent_menu->oImage->img)  }}"
                                 alt="{{ $parent_menu->itemByLang->name ?? '' }}">
                        </div>
                    @endif

                    <div class="about-desc">
                        <h1>{{ $parent_menu->itemByLang->name ?? '' }}</h1>
                        <div class="common-text">
                            {!! $parent_menu->itemByLang->body ?? '' !!}
                        </div>
                    </div>
                    @if($parent_menu->children->isNotEmpty())
                        <div class="about-text common-text">
                            @if($parent_menu->children[0]->children->isNotEmpty())
                                <h2>{{ ShowLabelById(154) }}</h2>
                                <div class="about-offers">
                                    @foreach($parent_menu->children[0]->children as $one_item)
                                        <div class="about-offers-item">
                                            <div class="about-offers-icon">
                                                <img
                                                    src="{{ $one_item->oImage && $one_item->oImage->img && file_exists('upfiles/menu/' . $one_item->oImage->img) ? asset('upfiles/menu/'. $one_item->oImage->img) : asset('front-assets/img/no-image-goods-s.png') }}"
                                                    alt="{{ $one_item->itemByLang->name ?? '' }}">
                                            </div>
                                            <div class="about-offers-text">{{ $one_item->itemByLang->name ?? '' }}</div>
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                            @if($parent_menu->children[0]->children->isNotEmpty())
                                {!! $parent_menu->children[1]->itemByLang->body ?? '' !!}
                            @else
                                {!! $parent_menu->children[0]->itemByLang->body ?? '' !!}
                            @endif
                        </div>
                    @endif

                    @if(!empty($social_for_text_page) && count($social_for_text_page))
                        <div class="page-socials">
                            <ul>
                                @foreach($social_for_text_page as $one_item)
                                    <li>
                                        <a href="{{ $one_item->link }}" target="_blank" class="button button-{{ $one_item->icon_name ?? '' }}">
                                            <svg>
                                                <use
                                                    xlink:href="{{ asset('front-assets/svg/sprite.svg#'.$one_item->icon_name ?? '') }}"></use>
                                            </svg>
                                            <span>{{ $one_item->name ?? '' }}</span>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                </div>
            </div>
        </div>

    </div>

@stop