{{-- Professional user profile layout (Worksuite-style) --}}
@php $profile = $profile ?? []; @endphp
<link rel="stylesheet" href="{{ asset('css/user-profile-professional.css?v=' . ($asset_v ?? config('constants.asset_version', 1))) }}">

<div class="up-professional">
    @if(!empty($show_user_switcher) && !empty($users))
    <div class="up-professional__toolbar">
        <div class="row">
            <div class="col-md-6">
                <h3 class="up-professional__page-title">@lang('lang_v1.view_user')</h3>
            </div>
            <div class="col-md-6 text-left">
                {!! Form::select('user_id', $users, $profile['user']->id, ['class' => 'form-control select2 up-user-switcher', 'id' => 'user_id']) !!}
            </div>
        </div>
    </div>
    @endif

    @include('user.profile_professional.header', ['profile' => $profile])

    <div class="up-professional__tabs-wrap">
        <ul class="up-professional__tabs nav nav-tabs" role="tablist">
            @foreach($profile['tabs'] as $key => $tab)
                @if($tab['enabled'])
                <li class="{{ $loop->first ? 'active' : '' }}">
                    <a href="#{{ $tab['id'] }}" data-toggle="tab" role="tab">
                        <i class="fas {{ $tab['icon'] }}"></i> {{ $tab['label'] }}
                    </a>
                </li>
                @endif
            @endforeach
        </ul>
    </div>

    <div class="row up-professional__body">
        <div class="col-md-8 col-lg-9">
            <div class="tab-content up-professional__tab-content">
                @foreach($profile['tabs'] as $key => $tab)
                    @if($tab['enabled'])
                    <div class="tab-pane {{ $loop->first ? 'active' : '' }}" id="{{ $tab['id'] }}">
                        @if(View::exists('user.profile_professional.tabs.'.$key))
                            @include('user.profile_professional.tabs.'.$key, ['profile' => $profile])
                        @endif
                    </div>
                    @endif
                @endforeach
            </div>
        </div>
        <div class="col-md-4 col-lg-3">
            @include('user.profile_professional.sidebar', ['profile' => $profile])
        </div>
    </div>
</div>