@inject('contactModal', '\App\Models\Contact')
@inject('teamMemberModal', '\App\Models\TeamMember')
@php
    $tabArrayData = array(
        ['tabtitle'=>'Easy Page Builder', 'taburl'=>'/users/webpage', 'tabroute'=>'users.webpage'],
        ['tabtitle'=>'Opt Out Text','data-target'=>"optOutText", 'taburl'=>'/users/opt-out-text', 'tabroute'=>'users.optOutData'],
        ['tabtitle'=>'Opt In Details','data-target'=>"optOutText", 'taburl'=>'/users/opt-in-consent', 'tabroute'=>'users.optInConsent'],
        ['tabtitle'=>'API Keys', 'taburl'=>'/users/api-keys', 'tabroute'=>'users.userApiKeys'],
        ['tabtitle'=>'Settings','data-target'=>"settingMenu", 'taburl'=>'/settings', 'tabroute'=>'settings.index'],
        ['tabtitle'=>'Invoice', 'taburl'=>'/invoices', 'tabroute'=>'invoices.index'],
        ['tabtitle'=>'Subscriptions', 'taburl'=>'/subscriptions/user-subscriptions', 'tabroute'=>'subscriptions.userSubscriptions'],
        ['tabtitle'=>'Subscribe', 'taburl'=>'/subscriptions/subscribe', 'tabroute'=>'subscriptions.subscribe'],
        ['tabtitle'=>'Login Sessions', 'taburl'=>'/users/session-log', 'tabroute'=>'users.sessionLogData'],
        ['tabtitle'=>'Notification Settings', 'taburl'=>'/notification-settings', 'tabroute'=>'notification-settings.index'],
    );
    if(!$auth_user->hasRole('Admin'))
        $tabArrayData[] = ['tabtitle'=>'Referral Program', 'taburl'=>'/referrals', 'tabroute'=>'referrals.index'];
    if(strpos($auth_user->email, 'pranshtech.com') !== false || strpos($auth_user->email, 'textdrip.com') !== false)
        $tabArrayData[] = ['tabtitle'=>'2F Authentication', 'taburl'=>'/2fa/activate', 'tabroute'=>'2fa.activate'];
    $teamMember = $teamMemberModal::where('member_id', $auth_user->id)->where('status', 'accepted')->first();
    $contactCount = $contactModal::where('user_id',$auth_user->id)->count();
@endphp

<div class="d-flex flex-wrap flex-sm-nowrap">
    <div class="me-7 mb-4">
        <div class="symbol symbol-100px symbol-lg-160px symbol-fixed position-relative">
            @if(!empty($auth_user->avatar))
                <img src="{{ image('/avatars/'.$auth_user->avatar) }}" alt="img">
            @else
            <div class="symbol-label fs-1 bg-light-danger {{($auth_user->dark_theme == 1) ? 'text-white' : 'text-danger'}}">
                {{substr(ucfirst($auth_user->firstname), 0, 1)}}{{substr(ucfirst($auth_user->lastname), 0, 1)}}
            </div>
            @endif
            <label class="btn btn-icon btn-circle btn-color-muted btn-active-color-primary w-25px h-25px bg-body shadow position-absolute top-0 end-0 mt-n3 mx-n3" data-kt-image-input-action="change" data-bs-toggle="tooltip" data-bs-dismiss="click" title="Change image">
                    <a href="javascript:void(0);" onclick="td_modal.smallModal('{{ route('users.updateImage') }}','{{__('Add Image')}}');"><i class="fa-solid fa-pencil"><span class="path1"></span></i></a>
            </label>
        </div>
    </div>
    <div class="flex-grow-1">
        <div class="d-flex justify-content-between align-items-start flex-wrap mb-2">
            <div class="d-flex flex-column">
                <div class="d-flex align-items-center mb-2">
                    <a href="javascript:void(0)" class="text-gray-900 text-hover-primary fs-2 fw-bolder me-1"> {{$auth_user->firstname . ' ' . $auth_user->lastname}}</a>
                    <a href="javascript:void(0)">
                        @if($auth_user->messaging_status == 0)
                            <span class="btn btn-sm btn-light-danger fw-bolder ms-2 fs-8 py-1 px-3">Suspended</span>
                        @else
                            <span class="btn btn-sm btn-light-success fw-bolder ms-2 fs-8 py-1 px-3">Active</span>
                        @endif
                    </a>
                </div>
                <div class="d-flex align-items-center mb-2">
                    <span class="fw-bold text-muted text-hover-primary fs-7">{{formatPhoneNumber($primary_number['from_number'])}}</span>&nbsp;&nbsp;|&nbsp;&nbsp;<span class="fw-bold text-muted text-hover-primary fs-7">{{$auth_user->email}}</span>
                </div>
                @canany(['carbon-list','teams-list'])
                    @if($teamMember)
                    <div class="border border-info border-dashed rounded min-w-125px py-3 px-4 me-6 mb-0 mt-2">
                        <div class="d-flex align-items-center">
                            <div class="fs-5 fw-bolder">My Team</div>
                            @if(!empty($teamMember) && $teamMember->user)
                            <span class="badge badge-danger leave_team" style="cursor: pointer; padding: calc(0.25rem + 1px) calc(1.25rem + 1px); letter-spacing: 0.9px;" title="Leave Team" data-id="{{$teamMember->id}}" data-status="{{$teamMember->status}}">Leave Team</span>
                            @endif
                        </div>
                        @if(!empty($teamMember) && $teamMember->user)
                        <div class="fw-bold fs-6 text-gray-400">{{$teamMember->user->name}} ({{$teamMember->user->email}})</div>
                        @endif
                    </div>
                    @endif
                @endcanany
            </div>
        </div>
        <div class="d-flex flex-wrap flex-stack">
            <div class="d-flex flex-column flex-grow-1 pe-8">
                <div class="d-flex flex-wrap">
                    <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
                        <div class="fw-bold fs-6 text-gray-400">Total contacts</div>
                        <div class="d-flex align-items-center">
                            <div class="fs-2 fw-bolder counted" data-kt-countup="true" data-kt-countup-value="{{$contactCount}}" data-kt-countup-prefix="">{{$contactCount}}</div>
                        </div>
                    </div>
                    <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
                        <div class="fw-bold fs-6 text-gray-400">Credits</div>
                        <div class="d-flex align-items-center">
                            <div class="fs-2 fw-bolder counted" data-kt-countup="true" data-kt-countup-value="{{$auth_user->credits + $auth_user->free_credits}}">{{$auth_user->credits + $auth_user->free_credits}}</div>
                        </div>
                    </div>
                    <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
                        <div class="fw-bold fs-6 text-gray-400">Unread</div>
                        <div class="d-flex align-items-center">
                            <button type="button" class="clear_unread badge badge-square badge-info btn">{{getInboxUnreadCount()}}</button>
                        </div>
                    </div>
                    <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
                        <div class="fw-bold fs-6 text-gray-400">API Token
                        <button class="btn btn-sm btn-icon-info btn-text-primary px-2 py-0 clipboard-api-btn" data-clipboard="{{$auth_user->api_token}}" data-bs-toggle="tooltip" title="Copy">
                            <i class="fa fa-solid fa-copy fa-xl"></i>
                        </button>
                        <button class="btn btn-sm btn-icon-info btn-text-primary px-2 py-0 regenerate-api-btn" data-bs-toggle="tooltip" title="Re Generate API Token">
                            <i class="fa fa-solid fa-repeat fa-xl"></i>
                        </button>
                        </div>
                        <div class="d-flex align-items-center">
                            <div class="fs-2 fw-bolder" id="apiToken">{{$auth_user->api_token}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bold">
    <li class="nav-item mt-2">
        <a class="nav-link ms-0 me-10 py-5 {{empty(request()->get('tab')) && !empty(request()->route()->getName()) && request()->route()->getName()=='users.profile' ? 'text-active-primary active' : ''}}" href="/users/profile">Edit Profile</a>
    </li>
    @foreach($tabArrayData as $tabDetail)
        <li class="nav-item mt-2">
            <a class="nav-link ms-0 me-10 py-5 {{!empty(request()->route()->getName()) && request()->route()->getName()==$tabDetail['tabroute'] ? 'text-active-primary active' : ''}}" href="{{$tabDetail['taburl']}}" @if($tabDetail['tabtitle'] == 'Opt Out Text' || $tabDetail['tabtitle'] == 'Settings') data-target="{{$tabDetail['data-target']}}" @endif>{{$tabDetail['tabtitle']}}</a>
        </li>
    @endforeach
</ul>
@push('scripts')
    <script type="text/javascript" src="{{ asset('assets/js/pages/profile-headerdetail.js') }}"></script>
@endpush