{{--

Call to action bar: Big colored bar with an account manager.
Use a flexable-layout so we can easily center items vertically
Still we want the content to stay focused in the center area,
so we wrap the whole thing in a contained-layout.

--}}

{{-- Colored bar across full width --}}
<section class="call-to-action-bar {{ $key }}">

    {{-- Keep the content focused in the center area--}}
    <div class="contained-layout">

        {{-- Create a flexable layout for better alignment opportunities --}}
        <div class="flexable-layout contained">

            {{-- The call to action section --}}
            <div class="call-to-action flex-col">

                {{-- Use a container to which we can center vertically--}}
                <div class="container">

                    {{-- Call to action--}}
                    <span class="streamer">
                        @if(! isset($streamer))
                        Er komt een moment<br />dat je weet wie je moet bellen.
                        @else
                           {!! $streamer !!}
                        @endif
                    </span>

                    {{-- Name --}}
                    <span class="name">{{ Config::get('site.managers.' . $key . '.fullName') }}</span>
                    <span class="function">{{ Config::get('site.managers.' . $key . '.function') }}</span>

                    {{-- Contact details: Phone · E-mail --}}
                    <span class="contact-details">
                        @include('site.partials.phone')
                        <span class="separator">·</span>
                        <a class="email" href="mailto:{{ Config::get('site.managers.' . $key . '.email') }}">
                            {{ Config::get('site.managers.' . $key . '.email') }}
                        </a>
                    </span>

                </div>

            </div>

            {{-- Photo of the account manager--}}
            <div class="account-manager flex-col">
                <img src="/img/komma/accountmanager_{{ $key }}.png" alt="{{ Config::get('site.managers.' . $key . '.fullName') }}" />
            </div>

        </div>
    </div>
</section>