@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="main">

        @include('front.templates.breadcrumbs')

        <div class="shop-page">
            <div class="shop-page__form">

                <div class="shop-page__form-inner">

                    @if(!empty($shops_type) && count($shops_type))
                        @foreach($shops_type as $one_type)

                            <div class="shop-page__form-item">
                                <input type="checkbox" id="{{ $one_type or '' }}" name="shops_type[]"
                                       value="{{ $one_type or '' }}" {{ $filters_elements && in_array($one_type, $filters_elements['type']) ? 'checked' : '' }}>
                                <label class="{{ $one_type or '' }}" for="{{ $one_type or '' }}">
                                        <span class="shop-page__form-img">
                                            <svg>
                                                <use xlink:href="{{ asset('svg/spritenew.svg#'. $one_type)}}"></use>
                                            </svg>
                                        </span>
                                    <span class="shop-page__form-text">
                                            <p>
                                                @if($one_type == 'toys')
                                                    {{ ShowLabelById(192, $lang_id) }}
                                                @elseif($one_type == 'food')
                                                    {{ ShowLabelById(203, $lang_id) }}
                                                @elseif($one_type == 'clothes')
                                                    {{ ShowLabelById(193, $lang_id) }}
                                                @elseif($one_type == 'furniture')
                                                    {{ ShowLabelById(194, $lang_id) }}
                                                @elseif($one_type == 'carriage')
                                                    {{ ShowLabelById(195, $lang_id) }}
                                                @elseif($one_type == 'carseats')
                                                    {{ ShowLabelById(196, $lang_id) }}
                                                @elseif($one_type == 'transport')
                                                    {{ ShowLabelById(197, $lang_id) }}
                                                @elseif($one_type == 'safety')
                                                    {{ ShowLabelById(198, $lang_id) }}
                                                @elseif($one_type == 'hygiene')
                                                    {{ ShowLabelById(199, $lang_id) }}
                                                @elseif($one_type == 'parking')
                                                    {{ ShowLabelById(200, $lang_id) }}
                                                @elseif($one_type == 'wifi')
                                                    {{ ShowLabelById(201, $lang_id) }}
                                                @endif
                                            </p>
                                        </span>
                                </label>
                            </div>
                        @endforeach
                    @endif
                </div>

                <div class="form-refresh">
                    <button class="shops-refresh" type="button">{{ ShowLabelById(202, $lang_id) }}</button>
                </div>
            </div>

            @if(!empty($cities) && count($cities))
                <div class="shop-list">
                    @foreach($cities as $one_city)
                        <div class="shop-group">
                            @if(!empty($shops[$one_city->id]) && count($shops[$one_city->id]))
                                <div class="shop-group__title">
                                    <p>{{ $one_city->name or '' }}:</p>
                                </div>
                                @foreach($shops[$one_city->id] as $one_shop)
                                    <div class="shop-list__item">
                                        <div class="shop-list__item-col shop-list__item-header">
                                            <div class="shop-list__item-title">
                                                <a href="">{{ $one_shop->name or '' }}</a>
                                            </div>
                                            <div class="shop-list__item-address">
                                                <p>{{ $one_shop->address or '' }}</p>
                                            </div>
                                        </div>
                                        <div class="shop-list__item-col shop-list__item-info">
                                            <p>{{ $one_shop->phone or '' }}</p>
                                            <p>{{ $one_shop->schedule or '' }}</p>
                                        </div>
                                        @if($one_shop->shops_type)
                                            @php
                                                $shop_types = explode(',', $one_shop->shops_type);
                                            @endphp
                                            <div class="shop-list__item-col shop-list__item-about">
                                                <ul>
                                                    @foreach($shop_types as $one_shop_type)
                                                        <li>
                                                            <div class="shop-list__item-img {{ $one_shop_type or '' }}">
                                                                <svg>
                                                                    <use xlink:href="{{ asset('svg/spritenew.svg#'.$one_shop_type) }}"></use>
                                                                </svg>
                                                            </div>
                                                            <div class="shop-list__item-tooltip">
                                                                <p>{{ $one_shop_type ? ucfirst($one_shop_type) : '' }}</p>
                                                            </div>
                                                        </li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        @endif
										{{--{{ url($lang, ['shop', $one_shop->alias]) }}--}}
                                        <div class="shop-list__item-col shop-list__item-link">
                                            <a href="#">
                                                <span>{{ ShowLabelById(190, $lang_id) }}</span>
                                                <svg>
                                                    <use xlink:href="{{ asset('svg/spritenew.svg#triangle') }}"></use>
                                                </svg>
                                            </a>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                    @endforeach
                </div>
            @endif

            <div class="top-map-title no-ajax">
                <h6> {!! ShowLabelById(10, $lang_id) !!} </h6>
                <div id="map"></div>
                @include('front.pages.google-scrip')
            </div>

        </div>

    </div>
@stop

@include('front.footer')