@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(!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