@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('agencies-list') }}
            </div>
        </div>

        <div class="agency{{ !count($agencies) ? ' basket-emptyt' : '' }}">
            <div class="container">

                @if(!empty($agencies) && count($agencies))
                    <div class="agency-inner">
                        <div class="agency-head">
                            @include('front.pages.agency.sort-template')
                        </div>
                        <div class="agency-list">
                            @foreach($agencies as $one_agency)
                                <div class="agency-item">
                                    <div class="agency-item-img">
                                        <a href="{{ route('agencies', $one_agency->alias) }}">
                                            <img
                                                src="{{ $one_agency->oImage && $one_agency->oImage->img && file_exists('upfiles/shops/s/' . showImg($one_agency->oImage->img)) ? asset('upfiles/shops/s/'. showImg($one_agency->oImage->img)) : asset('front-assets/img/no-image-goods-m.png') }}"
                                                alt="{{ $one_agency->itemByLang->name ?? '' }}">
                                        </a>
                                    </div>
                                    <div class="agency-item-content">
                                        <div class="agency-item-title">
                                            <a href="{{ route('agencies', $one_agency->alias) }}">{{ $one_agency->cityId->itemByLang->name }}, {{ $one_agency->itemByLang->name ?? '' }}</a>
                                        </div>
                                        <div class="agency-item-info">
                                            <ul>
                                                <li>
                                                    <div>
                                                        <img src="{{ asset('front-assets/img/icons/pointer.svg') }}"
                                                             alt="Address">
                                                    </div>
                                                    <div>
                                                        <p>{{ $one_agency->itemByLang->address ?? '' }}</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div>
                                                        <img src="{{ asset('front-assets/img/icons/phone.svg') }}"
                                                             alt="Phone">
                                                    </div>
                                                    <div>
                                                        <p>
                                                            <a href="tel:{{ str_replace([' ', '(', ')', '-'], '',$one_agency->phone) }}">{{ $one_agency->phone ?? '' }}</a>
                                                        </p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div>
                                                        <img src="{{ asset('front-assets/img/icons/clock.svg') }}"
                                                             alt="Clock">
                                                    </div>
                                                    <div>
                                                        <p>{{ $one_agency->itemByLang->schedule ?? '' }}</p>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                       {{-- <div class="agency-item-link">
                                            <a href="{{ route('agencies', $one_agency->alias) }}">{{ ShowLabelById(107) }}</a>
                                        </div>--}}
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                @else
                    <div class="basket-inner">
                        <div class="basket-empty-icon">
                            <img src="{{ asset('front-assets/img/icons/basket-end-1.svg') }}" alt="Empty">
                        </div>
                        <div class="basket-empty-title">{{ ShowLabelById(106) }}</div>
                        <div class="basket-empty-link">
                            <a href="{{ route('/') }}">{{ ShowLabelById(28) }}</a>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>

@stop