@extends('front.app')
@section('meta')
    <x-meta :meta="$meta"/>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Place",
  "image": "{{ asset('front-assets/img/logo/logo.svg') }}",
  "name": "PernaMea",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Strada Mitropolit Dosoftei 115",
    "addressLocality": "Chisinau",
    "addressRegion": "MD",
    "postalCode": "MD2004",
    "addressCountry": "MD"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 47.041345715090344,
    "longitude": 28.814695963601825
  },
  "url": "{{ route('menu', 'contacts') }}",
  "telephone": "+37368799292",
  "openingHoursSpecification": [
    {
      "@type": "OpeningHoursSpecification",
      "dayOfWeek": [
        "Monday",
        "Saturday"
      ],
      "opens": "10:00",
      "closes": "20:00"
    },
    {
      "@type": "OpeningHoursSpecification",
      "dayOfWeek": [
        "Sunday"
      ],
      "opens": "10:00",
      "closes": "18:00"
    }
  ]
}
</script>
@stop

@push('other-scripts-after-body')
    {!! showSettingBodyByAlias('facebook-group-plugin-after-body-start') !!}
@endpush

@section('container')

    <div class="page-content">

        <div class="breadcrumbs">
            <div class="container d-flex">
                @if($parent_menu->itemByLang)
                    {{ Breadcrumbs::render('menu', $parent_menu) }}
                @endif
            </div>
        </div>

        <div class="contacts">
            <div class="container">
                <div class="title">
                    <h1 class="title-h1">{{ $parent_menu->h1_title ?: $parent_menu->name }}</h1>
                </div>
                <div class="contacts-wrapper">
                    @if(!empty($shops) && count($shops))
                        <div class="contacts-main">
                            @foreach($shops as $one_shop)
                                <div class="contacts-block" id="contacts-{{ $one_shop->id }}">
                                    <div class="contacts-block-text">
                                        <div class="adr">
                                            <strong>{{ $one_shop->name }}</strong> <br>
                                            {{ $one_shop->schedule }}
                                        </div>
                                        <div class="phone">
                                            <a href="tel:{{ str_replace([' ', '(', ')', '-'], '', $one_shop->phone) }}">{{ $one_shop->phone }}</a>
                                            @if($one_shop->phone_two)
                                                <a href="tel:{{ str_replace([' ', '(', ')', '-'], '', $one_shop->phone_two) }}"><br>{{ $one_shop->phone_two }}
                                                </a>
                                            @endif
                                        </div>
                                    </div>
                                    @if($one_shop->map_iframe)
                                        {!! $one_shop->map_iframe !!}
                                    @endif
                                    @if($one_shop->moduleMultipleImg->isNotEmpty())
                                        <div class="contacts-images-list">
                                            <div class="swiper-container swiper-initialized swiper-horizontal">
                                                <div class="swiper-wrapper" id="swiper-wrapper-c28a2688637b1096e"
                                                     aria-live="off"
                                                     style="transition-duration: 0ms; transform: translate3d(-1697.6px, 0px, 0px); transition-delay: 0ms;">
                                                    @foreach($one_shop->moduleMultipleImg as $one_shop_image)
                                                        <div class="swiper-slide"
                                                             style="width: 197.2px; margin-right: 15px;"
                                                             role="group" aria-label="1 / 14">
                                                            <a href="{{ file_exists('upfiles/shops/' . $one_shop_image->img) ?
            asset('upfiles/shops/'. $one_shop_image->img) : asset('front-assets/img/no-image-slide.png') }}"
                                                               data-fancybox="gallery-{{ $one_shop->id }}">
                                                                <img src="{{ asset('front-assets/img/lazyload.png') }}" {{--src="{{ file_exists('upfiles/shops/s/' . showImg($one_shop_image->img)) ?
            asset('upfiles/shops/s/'. showImg($one_shop_image->img)) : asset('front-assets/img/no-image-slide.png') }}"--}} data-src="{{ file_exists('upfiles/shops/s/' . showImg($one_shop_image->img)) ?
            asset('upfiles/shops/s/'. showImg($one_shop_image->img)) : asset('front-assets/img/no-image-slide.png') }}"
                                                                     alt="{{ $one_shop->name }} - image {{ $loop->iteration }}"
                                                                     class="lazyload">
                                                            </a>
                                                        </div>
                                                    @endforeach
                                                </div>
                                                <span class="swiper-notification" aria-live="assertive"
                                                      aria-atomic="true"></span>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            @endforeach
                        </div>
                    @endif
                    <div class="contacts-social">
                        @if(showSettingBodyByAlias('facebook-group-plugin-placement'))
                            {!! showSettingBodyByAlias('facebook-group-plugin-placement') !!}
                        @endif
                    </div>
                </div>


                @if($parent_menu->body)
                    {!! $parent_menu->body !!}
                @endif

                <div class="contacts-block-bottom" style="padding: 0 !important;">
                    <div class="contacts-form">

                        <form method="POST" action="{{ route('ajax-feedback') }}" id="contacts-form"
                              enctype="multipart/form-data">

                            @csrf

                            <div class="change">
                                <div class="change-block">
                                    <div class="change-inputs change-inputs-sam">
                                        <div class="change-inputs-item">
                                            <label for="name">{{ ShowLabelById(38) }} *</label>
                                            <input type="text" id="name" class="round-inputs"
                                                   name="name">
                                        </div>
                                        <div class="change-inputs-item">
                                            <label for="email">{{ ShowLabelById(39) }} *</label>
                                            <input type="email" id="email" class="round-inputs"
                                                   name="email">
                                        </div>
                                    </div>
                                    <div>
                                        <label for="comment">{{ ShowLabelById(41) }} *</label>
                                        <textarea name="comment" id="comment"
                                                  class="round-inputs w-100"
                                                  style="height:150px"></textarea>
                                    </div>
                                </div>

                                {{--<p class="aggreement mt-3">{!! ShowLabelById(51) !!}</p>--}}

                                <p class="aggreement">
                                    <label>
                                        <input id="agree" name="agree" type="checkbox" checked>
                                        <span class="aggreement-checkbox"></span>
                                        {!! ShowLabelById(50) !!}
                                    </label>
                                </p>

                                <div class="captcha">
                                    <input type="hidden" name="g-recaptcha-response" id="recaptcha-contacts">
                                </div>

                                <div class="item-val-buy">
                                    <button type="submit" class="default prevent-repeated-click-contacts"
                                            onclick="saveForm(this)"
                                            data-form-id="contacts-form">{{ ShowLabelById(77) }}</button>
                                </div>
                            </div>

                        </form>
                    </div>
                    <div class="contacts-form-img">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                             x="0px" y="0px" viewBox="0 0 58 58" style="enable-background:new 0 0 58 58;"
                             xml:space="preserve">
                            <g>
                                <polygon style="fill:#DCD6CD;"
                                         points="0,5.146 0,44.146 28,44.146 56,44.146 56,5.146    "/>
                                <path style="fill:#E8E3D9;" d="M30.965,27.253c-1.637,1.462-4.292,1.462-5.93,0l-2.087-1.843C16.419,31.238,0,44.146,0,44.146
                              h21.607h12.787H56c0,0-16.419-12.909-22.948-18.736L30.965,27.253z"/>
                                <path style="fill:#EFEBDE;"
                                      d="M0,5.146l25.035,22.107c1.637,1.462,4.292,1.462,5.93,0L56,5.146H0z"/>
                            </g>
                            <g>
                                <polygon style="fill:#EDDCC7;"
                                         points="36.566,43.361 36.559,43.368 34.571,50.658 39.217,46.011    "/>
                                <path style="fill:#D75A4A;" d="M55.816,29.412l-1.247-1.247c-0.775-0.775-2.032-0.775-2.807,0l-3.582,3.582l2.651,2.651
                  L55.816,29.412z"/>

                                <rect x="41.824" y="30.667"
                                      transform="matrix(0.7071 0.7071 -0.7071 0.7071 40.2908 -19.5122)"
                                      style="fill:#F29C21;" width="3.749" height="16.424"/>
                                <polygon style="fill:#D6C4B1;"
                                         points="42.216,49.025 42.223,49.018 39.217,46.011 34.571,50.658 34.437,51.146    "/>
                                <path style="fill:#A34740;" d="M53.837,37.404l3.582-3.582c0.775-0.775,0.775-2.032,0-2.807l-1.602-1.602l-4.985,4.985
                  L53.837,37.404z"/>

                                <rect x="44.401" y="33.495"
                                      transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 49.9343 104.099)"
                                      style="fill:#E18C25;" width="4.251" height="16.424"/>
                                <path style="fill:#5E5E5E;" d="M33.73,52.854c-0.256,0-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414l2.207-2.207
                  c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414l-2.207,2.207C34.242,52.756,33.986,52.854,33.73,52.854z"/>
                            </g>
              </svg>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @push('other-scripts')
        {!! showSettingBodyByAlias('google-conversion-for-contacts') !!}
    @endpush

@stop