@php
$u = request()->user();
@endphp
<div id="cover-container" class="cover-container  {{ isMobile() ? 'fixed-cover' : 'full-cover' }}">
    <div class="fixed-cover-tint"></div>
    <img src="{{ asset('images/profile_cover_img.png') }}" alt="Cover Image" class="cover-image" id="coverImage">

    <!-- Profile Image -->
    <div class="profile-container">
        <div class="w-max h-auto flex gap-[12px] items-center">
            @if(($user->id == request()->user()->id && $user->can('edit photograph')) || ($user->id != request()->user()->id && $u->can('edit users')))
            <label class="relative" id="upload-profile">
                <img src="{{getMediaUrl($user, 'photograph', 'thumbnail')}}" alt="Profile Image" class="border-4 h-[160px] w-[160px] profile-image" id="profile-image">
                <input type="file" class="sr-only cropper" data-uri="{{url('users/'.$user->id.'/logo/upload')}}" name="photograph" accept="image/*">
                <i class="fa fa-camera text-2xl absolute flex items-center justify-center right-3 bottom-1 text-custom-orange-500 hover:text-custom-orange-600" data-toggle="tooltip" title="{{__('forms.change_photograph')}}"></i>
            </label>
            @endif
            <div>
                <div class="profile-name font-semibold text-[30px] leading-[38px] text-base-black">
                    @if ( isset($src) )
                    @if(request()->has('user_id') && isset($user) && $user)
                    {{$user->display_name}}
                    @endif
                    @else
                    {{$user->display_name}}
                    @endif
                </div>
                <div class="profile-designation profile-designation-full">{{ $user->profile->title ??  '' }}
                </div>
            </div>
        </div>
        <div class="w-max h-auto flex gap-[24px] items-center">

            @if($u->can('delete', $user))
            <button class="btn-secondary-base {{($user->status ? '' : 'bg-success-secondary')}} btn-status" data-uri="{{route('users.status.update', $user->id)}}" data-id="{{$user->id}}" data-value="{{($user->status ? 0 : 1)}}" data-textchange="1">
                <x-svg-icon icon="icon-enable" class="activate-profile {{($user->status ? 'hidden' : '')}}"/>
                <x-svg-icon icon="icon-disable" class="deactivate-profile {{($user->status ? '' : 'hidden')}}"/>
            </button>
            <button class="btn-tertiary-base btn-delete" data-uri="{{url('users/'.$user->id)}}" data-redirect="{{url('users/')}}" data-id="{{$user->id}}">
                <x-svg-icon icon="icon-delete" />
            </button>
            @endif
        </div>
    </div>
</div>
<div id="profile-border-tab" class="tab-bar {{ isMobile() ? 'tab-bar-fixed' : 'tab-bar-full' }}">
    <div class="tabs-underline mb-0 md:mb-[32px] mx-[24px] pt-[10px] sm:pt-[30px]">
        @php
        $uriSegment = "";
        $id = auth()->user()->id;
        if(request()->has('user_id')){
        $uriSegment = '?user_id='.request()->get('user_id');
        $id = request()->get('user_id');
        } elseif( isset(request()->route()->parameters['user']) && $id != request()->route()->parameters['user']->id ){
        $uriSegment = '?user_id='.request()->route()->parameters['user']->id;
        $id = request()->route()->parameters['user']->id;
        }
        @endphp
            <a id="tab1" class="tabs-btn-underline {{request()->routeIs(['users.profile.show', 'users.profile.settings']) ? 'active' : ''}}" href="{{route('users.profile.show', $id )}}">{{trans('menu.information_title')}}</a>
        @if(is_module_enabled('EmployeeDocument'))
            <a id="tab2" class="tabs-btn-underline {{request()->routeIs(['employee.documents.index', 'employee.documents.create', 'employee.documents.edit', 'employee.documents.create.user']) ? 'active' : ''}}" href="{{route('employee.documents.index').$uriSegment}}">{{trans('menu.document_title')}}</a>
        @endif
        @if(is_module_enabled('Review'))
            <a id="tab3" class="tabs-btn-underline {{request()->routeIs(['reviews.index', 'users.reviews.update.edit', 'reviews.show', 'settings.reviews.create']) ? 'active' : ''}}" href="{{ route('reviews.index').$uriSegment}}">{{trans('menu.review_title')}}</a>
        @endif
        @if(is_module_enabled('Goal'))
            <a id="tab4" class="tabs-btn-underline {{request()->routeIs(['goal.index', 'goal.create', 'goal.show', 'settings.goals.create']) ? 'active' : ''}}" href="{{ route('goal.index').$uriSegment}}">{{trans('menu.goal_title')}}</a>
        @endif

        @if(is_module_enabled('Feedback'))
            <a id="tab5" class="tabs-btn-underline min-w-max {{request()->routeIs(['feedback.index', 'feedback.create', 'settings.feedbacks.create', 'feedback.show']) ? 'active' : ''}}" href="{{route('feedback.index').$uriSegment}}">
                {{trans('menu.360_feedback_title')}}
            </a>
        @endif

        @if(is_module_enabled('TipTop'))
            <a class="tabs-btn-underline" href="#">
                {{trans('menu.tips_and_tops_title')}}
            </a>
        @endif

        @if(is_module_enabled('Onboarding'))
            <a id="tab6" class="tabs-btn-underline {{request()->routeIs(['onboarding.index']) ? 'active' : ''}}" href="{{ route('onboarding.index').$uriSegment}}">
                {{trans('menu.onboarding_title')}}
            </a>
        @endif
        @if(is_module_enabled('Offboarding'))
            <a class="tabs-btn-underline" href="#">
                {{trans('menu.offboarding_title')}}
            </a>
        @endif
    </div>
</div>