@extends('main')
@section('title', 'Контакты')
@section('content')

<div class=container>
    <div class="hidden-xs row emptyrow"></div>
    <div class=row>
        <div class="col-md-1 hidden-xs"></div>

        @foreach($contacts as $contact)
        <div class="col-sm-6 col-md-5">
            <div class=contactBlock itemscope itemtype="http://data-vocabulary.org/Person">
                <h3><span itemprop="title">{{ $contact->getRole() }}</span></h3>
                <div class=contact>
                    <table class=contacts_table>
                        <tr id=contactName>
                            <td class="hidden-xs contactIcon" rowspan=4><img width=120 src='{{ $contact->getImgSmall() }}'></td>
                            <td id=contactFieldValue><span itemprop="name">{{ $contact->getFullName() }}</span></td>
                        </tr>
                        <tr id=contactPhone>
                            <td id=contactFieldValue><a href="tel:{{ $contact->getPhone() }}">{{ $contact->getPhone() }}</a></td>
                        </tr>
                        <tr id=contactEmail>
                            <td id=contactFieldValue>
                                <a target=blank href="mailto:{{ $contact->getEmail() }}">{{ $contact->getEmail() }}</a>
                            </td>
                        </tr>
                        <tr id=webPage>
                            <td id=contactFieldValue><a target=blank href='http://{{ $contact->getWebpage() }}'>
                                    <span  itemprop="url">{{ $contact->getWebpage()  }}</span></a>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        @endforeach
    </div>
    <div class="hidden-xs row emptyrow"></div>
</div>

@endsection

@section('breadcrump')
    <ol class="breadcrumb bread">
        <li><a href="/contact" class="breadcrumb-item">Контакты</a></li>
    </ol>
@endsection