@extends('front.app')

@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')
    <div class="page-content">

        <div class="breadcrumbs-wrapper">
            <div class="container">
                {{ Breadcrumbs::render($parent_menu->alias, $parent_menu) }}
            </div>
        </div>

        <div class="locations">
            <div class="container">
                <div class="page-heading">
                    <h1>{{$parent_menu->short_descr}}</h1>
                </div>
                <div class="locations-inner">
                    @if($locations->isNotEmpty())
                    <div class="locations-tabs">
                        @foreach($locations as $location)
                        <button type="button" class="locations-tab" onclick="openTab(event, 'locations-{{$location->id}}')">
                            <span class="locations-content">
                              <span class="locations-address">{{$location->name}}</span>
                              <span class="locations-schedule">{{$location->body}}</span>
                            </span>
                                <span class="locations-phone">
                                  <span class="locations-phone-icon">
                                    <svg>
                                      <use xlink:href="{{asset('front-assets/svg/sprite.svg#phone')}}"></use>
                                    </svg>
                                  </span>
                                  <a class="locations-phone-text" href="tel:{{$location->short_descr}}" style="text-decoration: none;">{{$location->short_descr}}</a>
                             </span>
                        </button>
                        @endforeach
                    </div>
                    <div class="locations-map-wrapper">
                        @foreach($locations as $location)
                        <div id="locations-{{$location->id}}" class="locations-map">
                            {!! $location->iframe  !!}
                        </div>
                        @endforeach
                    </div>
                    @else
                        <h1>{{ShowLabelById(10)}}</h1>
                    @endif
                </div>
            </div>
        </div>


    </div>
@stop