@extends('front.app',['attributes'=>'class=container--small'])
@section('meta')
    <x-meta :meta="$meta"/>
@stop

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

        <div class="breadcrumbs-wrapper">
            <div class="container">
                {{breadcrumbs('menu',$page)}}
            </div>
        </div>

        <section class="section contacts pt-0">
            <div class="container">
                <h1 class="h2">{{$page->h1}}</h1>
                @if($shops->isNotEmpty())
                    <div class="contacts-inner">
                        @foreach($shops as $shop)
                            <div class="contacts-block">
                                <h2 class="contacts-name">{{$shop->name}}:</h2>
                                <div class="contacts-img">
                                    <img src="{{$shop->imageM}}" alt="{{$shop->name}}">
                                </div>
                                <div class="contacts-list">
                                    @if($shop->address)
                                        <div class="contacts-item">
                                            <div class="contacts-icon">
                                                <img src="{{asset('front-assets/img/icons/location.svg')}}" alt="location">
                                            </div>
                                            <div class="contacts-text">
                                                <p>{{$shop->address}}</p>
                                            </div>
                                        </div>
                                    @endif

                                    @if($shop->phone)
                                        <div class="contacts-item">
                                            <div class="contacts-icon">
                                                <img src="{{asset('front-assets/img/icons/phone.svg')}}" alt="phone">
                                            </div>

                                            <div class="contacts-text">
                                                <a href="tel:{{str_replace(' ','',$shop->phone)}}">{{$shop->phone}}</a>
                                            </div>
                                        </div>
                                    @endif

                                    @if($shop->schedule)
                                        <div class="contacts-item">
                                            <div class="contacts-icon">
                                                <img src="{{asset('front-assets/img/icons/clock.svg')}}" alt="clock">
                                            </div>
                                            <div class="contacts-text">
                                                <table>
                                                    <tbody>
                                                    @foreach($shop->scheduleFormat as $schedule)
                                                        <tr>
                                                            <td>{{$schedule['time'][0]}}</td>
                                                            <td>-</td>
                                                            <td>{{$schedule['time'][1] ?? null}},</td>
                                                            <td>{{$schedule['days']}}</td>
                                                        </tr>
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    @endif

                                </div>
                            </div>
                        @endforeach
                    </div>
                @endif

                <div class="contacts-footer">
                    @if(count($emails))
                        <div class="contacts-footer-inner">
                            <div class="contacts-footer-icon">
                                <img src="{{asset('front-assets/img/icons/e-mail.svg')}}" alt="e-mail">
                            </div>
                            <div class="contacts-footer-list">
                                <ul>
                                    @foreach($emails as $email)
                                        <li>
                                            <a href="mailto:{{$email}}">{{$email}}</a>
                                        </li>
                                    @endforeach

                                </ul>
                            </div>
                        </div>
                    @endif

                    @if($socials->isNotEmpty())
                        <div class="contacts-footer-socials">
                            <ul>
                                @foreach($socials as $name=>$link)
                                    <li>
                                        <a target="_blank" href="{{$link}}">
                                            <img src="{{icon($name.'.svg')}}" alt="{{$name}}">
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </div>
            </div>
        </section>

    </div>
@endsection