@extends('layouts.app', [
    'title' => 'Контакты',
    'descriptionPage' => 'Контакты компании',
    'keysPage' => '',])

@section('head')
    <meta http-equiv="Last-Modified" content="{{$settinginfo->updated_at}}">
    <meta property="og:title" content="Контакты">
    <meta property="og:image" content="<img class= src='{{((!empty($_SERVER['HTTPS'])) ? 'https' : 'http') . '://' . $_SERVER['HTTP_HOST'] }}/storage/{{$setting->logo}}' >">
    <meta property="og:type" content="page">
    <meta property="og:url" content="{{((!empty($_SERVER['HTTPS'])) ? 'https' : 'http') . '://' . $_SERVER['HTTP_HOST'] }}{{$_SERVER['REQUEST_URI']}}">
    <meta property="og:description" content="Контакты компании ">
@endsection

@section('content')
    <section class="product__area pt-60 pb-60">

    <div class="container">
        <div class="row">
            <div class="col-12">
                <h1 class="mb-25">Контактная информация</h1>
            </div>
        </div>
    </div>

        @if($head)
            <div class="head-contact">
                <div class="div w-100" style="overflow: hidden;">
                    {!! $head->cart !!}
                </div>
            </div>
        <div class="container">
            <div class="row">
                <div class="col-12">
                <div class="head-dop-contact">
                    <div class="head-dop-contact-item">
                        <i class="fa-solid fa-location-arrow"></i>
                        <h2>{{$head->name}}</h2>
                        <p>{{$head->adres}}</p>
                        <div class="contact-grafik">
                            {{$head->work}}
                        </div>
                    </div>
                    <div class="head-dop-contact-item">
                        <i class="fa-solid fa-envelope"></i>
                        <h2>Написать нам</h2>
                        <a href="mailto:{{$head->email}}">{{$head->email}}</a>
                    </div>
                    <div class="head-dop-contact-item">
                        <i class="fa-solid fa-phone"></i>
                        <h2>Телефон</h2>
                        <a href="tel:{{$head->phone}}">{{$head->phone}}</a>
                    </div>
                    <div class="head-dop-contact-item">
                        <div class="open-email-button">
                            <a href="#openmodel">Обратный звонок</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
        @endif
        @if(count($alls)>0)
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <h2 class="mb-20">Дополнительные адреса</h2>
                    </div>
                    @foreach($alls as $item)
                    <div class="col-md-4 col-sm-12 col-xs-12">
                        <div class="item-contact-dop">
                            <div class="image">
                                @if($item->image)
                                    <img src="/storage/{{$item->image}}" alt="">
                                @endif
                            </div>
                            <div class="item-contact-dop-text">
                                <h3>{{$item->name}}</h3>
                                <p>{{$item->work}}</p>
                                <div class="item-contact-dop-adres">
                                    {{$item->adres}}
                                </div>
                                <a href="tel:{{$head->phone}}">{{$head->phone}}</a>
                                <a href="mailto:{{$head->email}}">{{$head->email}}</a>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        @endif
    </section>

    <div id="app"></div>

@endsection