@extends('front.front-app')

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

@section('container')

    <div class="main-content">
        <div class="container">

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

            <div class="section stores" style="padding-top: 0;">
                {{--<div class="stores-form">
                    <form action="" method="post">

                        @if(!empty($shops_type) && count($shops_type))

                            <div class="stores-form-list">
                                <ul>
                                    @foreach($shops_type as $one_type)
                                        <li>
                                            <input type="checkbox" class="shop-item" name="shops_type[]"
                                                   value="{{ $one_type or '' }}"
                                                   id="{{ $one_type or '' }}" {{ $filters_elements && in_array($one_type, $filters_elements['type']) ? 'checked' : '' }}>
                                            <label for="{{ $one_type or '' }}">
                                                <img src="{{ asset('front-assets/img/shop-filter/'. $one_type . '.svg') }}"
                                                     alt="{{ $one_type or '' }}" title="{{ ucfirst($one_type) }}">
                                                {{ getEnumValueName($one_type, $lang_id) }}
                                            </label>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                            <div class="stores-form-reset">
                                <a href="javascript:;" class="shops-refresh">
                                    <img src="{{ asset('front-assets/img/shop-filter/reset.svg') }}" alt="Reset">
                                    {{ ShowLabelById(202, $lang_id) }}
                                </a>
                            </div>
                        @endif

                    </form>
                </div>--}}
                <div class="stores-locations">
                    @if(!empty($cities) && count($cities))
                        @foreach($cities as $one_city)
                            @if(!empty($shops[$one_city->id]) && count($shops[$one_city->id]))
                                <div class="stores-locations-item">
                                    <div class="stores-locations-name">
                                        <p>{{ $one_city->name or '' }}</p>
                                    </div>
                                    <div class="stores-list">
                                        @foreach($shops[$one_city->id] as $one_shop)
                                            <div class="stores-item">
                                                <div class="stores-name">
                                                    <p>{{ $one_shop->name or '' }}</p>
                                                </div>
                                                <div class="stores-contacts">
                                                    <ul>
                                                        <li>
                                                            <div>
                                                                <img src="{{ asset('front-assets/img/icons/pin.svg') }}"
                                                                     alt="address">
                                                            </div>
                                                            <div>
                                                                <p>{{ $one_shop->address or '' }}</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div>
                                                                <img src="{{ asset('front-assets/img/icons/phone-2.svg') }}"
                                                                     alt="phone">
                                                            </div>
                                                            <div>
                                                                <a href="tel:{{ str_replace([' ', '(', ')', '-'], '', $one_shop->phone) }}">{{ $one_shop->phone or '' }}</a>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div>
                                                                <img src="{{ asset('front-assets/img/icons/clock.svg') }}"
                                                                     alt="clock">
                                                            </div>
                                                            <div>
                                                                <p>{{ $one_shop->schedule or '' }}</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>

                                                @if($one_shop->shops_type)
                                                    @php
                                                        $shop_types = explode(',', $one_shop->shops_type);
                                                    @endphp
                                                    <div class="stores-info">
                                                        <ul>
                                                            @foreach($shop_types as $one_shop_type)
                                                                <li>
                                                                    <img src="{{ asset('front-assets/img/shop-filter/'. $one_shop_type . '.svg') }}"
                                                                         alt="{{ $one_shop_type or '' }}"
                                                                         title="{{ ucfirst($one_shop_type) }}">
                                                                </li>
                                                            @endforeach
                                                        </ul>
                                                    </div>
                                                @endif
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endif
                        @endforeach
                    @endif
                </div>
                <div class="stores-map no-ajax">
                    <div id="map" style="width:100%;height:400px;"></div>
                    @include('front.pages.google-map-script')
                </div>
            </div>

        </div>
    </div>

@stop

@section('scripts')
<script async defer src="https://maps.googleapis.com/maps/api/js?key={{env('GOOGLE_MAP_API')}}&callback=initialize"></script>
@stop

@include('front.footer')