<div class="pt-6">
    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
        <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
            <div class="p-6 lg:pt-6 pb-10 sm:px-20 bg-white h-30 text-sm text-theme-primary">

                <!-- Photo -->
                <img class=" relative float-right w-12 h-12 md:w-20 md:h-20 lg:w-24 lg:h-24 rounded-full profile-photo object-cover shadow outline outline-1 outline-offset-1 outline-gray-500" src="{{ Storage::url(Session('activeProfilePhoto')) }}" alt="{{ Session('activeProfileName') }}" />

                <div class="">
                    {{ __('You are now acting as') }}
                </div>
                <div class="mt-2">
                        @include('post-header', ['title' => session('activeProfileName')])
                </div>

                @php
                    $activeType = session('activeProfileType');
                    $activeId   = session('activeProfileId');
                    $roleLabel = match($activeType) {
                        'App\Models\User'         => __('User'),
                        'App\Models\Admin'        => __('Administrator'),
                        'App\Models\Organization',
                        'App\Models\Bank'         => canActiveProfileCreatePayments()
                                                        ? __('Manager') . ' &mdash; ' . __('Full access including payments')
                                                        : __('Coordinator') . ' &mdash; ' . __('Full access except payments'),
                        default                   => null,
                    };
                @endphp

                @if ($roleLabel)
                    <div class="mt-4 text-sm">
                        {{ __('Your role:') }} {!! $roleLabel !!}
                    </div>
                @endif


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


