@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('menu', $parent_menu) }}
                @endif
            </div>
        </div>

        <div class="stores">
            <div class="container">
                @if(!empty($districts) && count($districts))
                    {{--<div class="page-search">
                        <form action="" method="post">
                            <label for="stores" class="sr-only">Поиск ...</label>
                            <input type="text" id="stores" name="stores" placeholder="Поиск ...">
                            <button type="submit" class="page-submit">
                                <svg>
                                    <use xlink:href="svg/sprite.svg#search"></use>
                                </svg>
                            </button>
                        </form>
                    </div>--}}
                    <div class="stores-list">
                        @foreach($districts as $one_district)
                            @if($one_district->shops->isNotEmpty())
                                <div class="stores-item">
                                    <div class="stores-head">{{ $one_district->name }}</div>
                                    <div class="stores-content">
                                        @foreach($one_district->shops as $one_shop)
                                            <div class="stores-content-row">
                                                <input type="hidden" value="{{ $one_shop->map_iframe }}" name="render_map">
                                                <div class="stores-desc">
                                                    <div class="stores-name">
                                                        <p>{{ $one_shop->name }} @if($one_shop->new_shop == 1) <img src="{{ asset('front-assets/img/icons/new.svg') }}" alt="{{ $one_shop->name }}"> @endif</p>
                                                    </div>
                                                    <div class="stores-map-link">
                                                        <a href="javascript:;" data-id="{{ $one_shop->id }}" onclick="renderMap(this)">
                                                            <svg>
                                                                <use
                                                                    xlink:href="{{ asset('front-assets/svg/sprite.svg#pin') }}"></use>
                                                            </svg>
                                                            <span>{{ ShowLabelById(95) }}</span>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="stores-info">
                                                    <div class="stores-address">{{ $one_shop->address }}
                                                    </div>
                                                    <div class="stores-phone">
                                                        <a href="tel:{{ str_replace([' ', '(', ')', '-'], '', $one_shop->phone) }}">{{ $one_shop->phone ?? '' }}</a>
                                                    </div>
                                                    <div class="stores-schedule">{{ $one_shop->schedule }}
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endif
                        @endforeach
                    </div>
                    <div class="stores-map">
                    </div>
                @else
                    <div class="basket-end-inner">
                        <div class="basket-end-icon">
                            <img src="{{ asset('front-assets/img/icons/icon-no.svg') }}" alt="Empty list">
                        </div>
                        <div class="basket-end-title">{{ ShowLabelById(94) }}</div>
                    </div>
                @endif
            </div>
        </div>

    </div>

@stop