@extends('front.front-app')

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

@section('container')
<link rel="stylesheet" href="{{asset('css/front-css-old/shop.css')}}">
    <div class="container">
        <div class="main">

            @include('front.templates.breadcrumbs')

            <div class="shop-end">
                <div class="shop-end__header">
                    <div class="shop-end__header-item shop-end__title">
                        <h2>{{ $shop->name or '' }}</h2>
                        <div class="shop-end__address">
                            <p>{{ $shop->address or '' }}</p>
                        </div>
                    </div>
                    <div class="shop-end__header-item shop-end__info">
                        <p>{{ $shop->phone or '' }}</p>
                        <p>{{ $shop->schedule or '' }}</p>
                    </div>

                    @if(!empty($shop_types) && count($shop_types))
                        <div class="shop-end__header-item shop-end__about">
                            <ul>
                                @foreach($shop_types as $one_type)
                                    <li class="{{ $one_type }}">
                                        <svg>
                                            <use xlink:href="{{ asset('front-assets/svg/sprite.svg#' . $one_type) }}"></use>
                                        </svg>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </div>
                @if(!empty($shop_gallery) && count($shop_gallery))
                    <div class="shop-end__sliders">
                        <div class="shop-end__slider">
                            @foreach($shop_gallery as $one_img)
                                <div class="shop-end__slider-item">
                                    <img src="{{ asset('upfiles/galleryItems') }}/{{ $one_img->img or '' }}" alt="">
                                </div>
                            @endforeach
                        </div>
                        <div class="shop-end__thumbs-wrapper">
                            <div class="shop-end__thumbs">
                                @foreach($shop_gallery as $one_img)
                                    <div class="shop-end__thumbs-item">
                                        <img src="{{ asset('upfiles/galleryItems/m') }}/{{ $one_img->img or '' }}" alt="">
                                    </div>
                                @endforeach
                            </div>
                            <button type="button" class="shop-end__nav shop-end__nav-prev">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#angle') }}"></use>
                                </svg>
                            </button>
                            <button type="button" class="shop-end__nav shop-end__nav-next">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#angle') }}"></use>
                                </svg>
                            </button>
                        </div>
                    </div>
                @endif
                <div class="shop-end__text">
                    {!! $shop->body or '' !!}
                </div>
            </div>
        </div>
    </div>

@stop

@include('front.footer')