@extends('front.front-app')

@include('front.header')
{{--@include('front.header-bottom-goods')--}}

@section('container')

    <div class="main">

        <div class="main-content">

            <div class="container">

                <div class="breadcrumbs-wrapper">
                    @include('front.templates.breadcrumbs')
                </div>

                <section class="section birthday pt-0">
                    @if($parent_menu_id->img)
                        <div class="birthday-inner">
                            <div class="birthday-bg">
                                <picture>
                                    <source media="(max-width: 991px)"
                                            srcset="{{ asset('front-assets/img/birthday-mob.jpg') }}">
                                    <img src="{{ asset('upfiles/menu/'. $parent_menu_id->img) }}"
                                         alt="{{ $parent_menu_id->name }}">
                                </picture>
                            </div>
                            <div class="birthday-content">
                                <h1 class="h2">{{ $parent_menu_id->name ?? '' }}</h1>
                                <div class="birthday-text">
                                    <p>{{ $parent_menu_id->page_title ?? '' }}</p>
                                </div>
                                <div class="birthday-link">
                                    <a href="{{ url($lang, 'wish-list') }}" class="button button--orange">Перейти в список</a>
                                </div>
                            </div>
                        </div>
                    @endif
                    <div class="birthday-wishlist-content common-text">
                        {!! $parent_menu_id->body ?? '' !!}
                    </div>

                    @if(!$parent_menu_id->children->isEmpty())
                        <div class="birthday-wishlist-footer">
                            @foreach($parent_menu_id->children as $one_child_item)
                                <div class="birthday-wishlist-item">
                                    <div class="birthday-wishlist-icon">
                                        <img src="{{ $one_child_item->img ? asset('upfiles/menu/'. $one_child_item->img) : asset('front-assets/img/no-image-xs.png') }}" alt="{{ $one_child_item->name ?? '' }}">
                                    </div>
                                    <div class="birthday-wishlist-desc">
                                        <p>{{ $one_child_item->name ?? '' }}</p>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    @endif

                </section>

            </div>

        </div>

    </div>

@stop

@include('front.footer')