@extends('frontend.layouts.main', array('body_class' => (!$object->image ? 'no-header' : '')))

@section('content')
    <div class="team-template" data-controller="pages/team">
        @include('frontend.templates.components.default_page_header')
        <div class="team-template__content">
            <div>
                {!! $object->content !!}
            </div>
        </div>
        <div class="team-template__team-members">

            <!-- team group -->
            @foreach($groups as $group)
                @if($group->status == 'published' && sizeof($group->teamMembers) > 0)
                <div class="team-template__team-member-group">
                    <div class="team-template__group-title">
                        <h2>{{ $group->title }}</h2>
                    </div>
                    <div class="team-template__team-group">
                        <div>
                            @foreach($group->teamMembers as $teamMember)
                                @if($teamMember->status == 'published')
                                    <div class="team-template__team-member" data-team-member-id="{{ $teamMember->id }}" data-action="openModal">
                                        <div class="avatar-holder">
                                            @if($teamMember->photo)
                                                {!! getMediaImg($teamMember->photo, '400x400', htmlspecialchars($teamMember->title)) !!}
                                            @endif
                                        </div>
                                        <h1>{{ $teamMember->title }}</h1>
                                        <p>{{ $teamMember->title_position }}</p>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
                @endif
            @endforeach
        </div>
        @include('frontend.templates.components.related_footer', array('title' => trans('frontend.further_reading')))

        <div class="team-template__lighbox">
            <div class="team-template__lighbox-overlay">
                <div class="team-template__team-member-details">
                    @foreach($groups as $group)
                        @if($group->status == 'published' && sizeof($group->teamMembers) > 0)
                            @foreach($group->teamMembers as $teamMember)
                                @if($teamMember->status == 'published')
                                <div class="scroll-wrapper team-template__detail" id="team-member-{{ $teamMember->id }}">
                                    <div class="team-template__team-member-content">
                                        {!! $teamMember->content !!}
                                    </div>
                                    <div class="team-template__team-member-right">
                                        @if($teamMember->photo)
                                            {!! getMediaImg($teamMember->photo, '400x400', htmlspecialchars($teamMember->title), 'team-select-img') !!}
                                        @endif
                                        <h1 class="name">{{ $teamMember->title }}</h1>
                                        <h2>{{ $teamMember->title_position }}</h2>

                                        <?php $related = $teamMember->related('related'); ?>
                                        @if($related->count() > 0)
                                            <h3>@lang('publications')</h3>
                                            @foreach($related as $related)
                                            <p>{{ $related->title }}</p>
                                            <a href="{{ lang_url($related->getActiveWebsiteEntry()->lang_uri) }}">@lang('read_more')</a>
                                            @endforeach
                                        @endif

                                        <h3>@lang('contacts at') {{ $teamMember->office ? $teamMember->office->title : '' }}</h3>
                                        <a class="nounderline" href="tel:{{($teamMember->phone)? $teamMember->phone : ($teamMember->office ? $teamMember->office->phone : '')}}">{{($teamMember->phone)? $teamMember->phone : ($teamMember->office ? $teamMember->office->phone : '')}}</a>

                                        {!! email_link_tag($teamMember->email, 'nounderline') !!}
                                        @if(!empty($teamMember->twitter_link) || !empty($teamMember->linkedin_link))
                                            <h3>@lang('follow_me')</h3>
                                            @if(!empty($teamMember->linkedin_link))
                                                <a class="social-link fa fa-linkedin-square" href="{{ $teamMember->linkedin_link }}" target="_blank"></a>
                                            @endif
                                            @if(!empty($teamMember->twitter_link))
                                                <a class="social-link fa fa-twitter" href="{{ $teamMember->twitter_link }}"></a>
                                            @endif
                                        @endif
                                    </div>
                                    <div class="team-template__team-member-content-mobile">
                                        {!! $teamMember->content !!}
                                    </div>
                                </div>
                                @endif
                            @endforeach
                        @endif
                    @endforeach
                    <a class="close-team"></a>
                </div>
            </div>
        </div>
    </div>
@stop