@php
$company_name=getCompanyName();
$portals_data = getPortal();
$image = getImage();
@endphp
<style type="text/css">
    .sub-portal{
        background-color: #E0ECFC !important;
    }
    .sub-portal:hover{
        background-color: #eee !important;
    }
    .isDisabled {
        cursor: not-allowed;
    }
    .isDisableColor
    {
        background-color: #f1efef !important;
    }
    .head_style
    {
        font-size: 11px;
        color: #343434 !important;
        display: block;
        clear: both;
        font-weight: 400;
        font: 11px roboto, sans-serif;
    }
    .company_image
    {
        height: 60px;
        object-fit: contain;
        padding: 5px 0;
    }
    .icon_image{
        border-radius: 50%;
        height: 18px;
        width: 18px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .dropdown_content{
        border: 1px #8080804f solid;
    }
</style>
<a >
    <img src="{{ $image}}" alt="Professional Employers Pvt Ltd." class="company_image corpLogo"
        title="Professional Employers Pvt Ltd." height="60">
</a>
<div class="statusMenu">
    <div class="tmp_form"></div>
    <ul>
        <li>
            @php
            if(auth('api')->user())
            {
                $image=auth('api')->user()->picture;
                if($image)
                {
                    $image=config('app.IMG_URL').$image;
                }else
                {
                    $image=config('app.ANGULAR_URL').'/assets/images/user.png';
                }
            }
            @endphp
            <!-- config('app.IMG_URL'),$value->profile -->
            <!-- /empProfile/employeePersonalDetails/1583566071.jpeg -->
            <img class="icon_image" src="{{$image}}">
        </li>
        <li>
            <!-- <a class="user_name" href="" title="Professional Employers Pvt Ltd."> -->
                <b class="user_name">{{getAuthEmpName()}}</b>
            <!-- </a> -->
        </li>
        <li>
            <img src="{{ URL::asset('assets/images/start_menu/login_statusbar_saperator.gif')}}">
        </li>
        <li>
            <!-- <select id="barMonthlyYoY" class="top-menu-dropdown select2-hidden-accessible">
                <option value="em" selected="selected">Employee Portal</option>
                <option value="lm" title="LM Portal">LM Portal</option>
            </select> -->
            <!-- Portal -->

            <div class="main_dropdown_div">
                <div class="default_text portal_value selected_opt"> {{Session::get('selected_portal_name')}}</div>
                <div class="dropdown_content">
                    @if(isset($portals_data)&&count($portals_data)>0)
                    @foreach($portals_data as $key =>$value)
                    <div id="{{str_replace(' ', '_', $value['name'])}}" class="menu_content portal_dropdown {{str_replace(' ', '_', $value['name'])}}  {{($value['is_enable'] == 0)?'isDisableColor ':''}}" @if(isset($value['has_child']) && $value['has_child'] == 1) onclick="getSubPortals('{{str_replace(' ', '_', $value['name'])}}', {{ $value['portal_id'] }}, {{ $value['id'] }}, '{{$value['name']}}')" @endif>
                        <span class="head_style @if($value['is_enable'] == 0) isDisabled @elseif(isset($value['has_child']) && $value['has_child'] == 0) portalSwitch @elseif(!isset($value['has_child'])) portalSwitch @endif" data-url="{{$value['link']}}" data-title="{{$value['name']}}" data-portal="{{$value['id']}}">{{$value['name']}}</span>
                    </div>
                    @endforeach()
                    @endif
                </div>
            </div>
        </li>
        <li class="disabled">
            <div class="main_dropdown_div">
                <div class="default_text" style="width: 100px;">{{$company_name}}</div>
            </div>
        </li>

        <li>
            <img src="{{ URL::asset('assets/images/start_menu/login_statusbar_saperator.gif')}}">
        </li>
        <li>
            <a href="{{config('app.BASE_URL')}}policy-manual/" title="HR Policy Manual"><img src="{{ URL::asset('assets/images/start_menu/book.png')}}"></a>
        </li>
        <li>
            <a href="#" title="Help Center" target="_blank" class="disabled"><img src="{{config('app.ANGULAR_URL')}}/assets/img/help.png"></a>
            
        </li>
      <!--   <li>
            <a class="disabled" href="#" title="Help Center">
                <img src="{{ URL::asset('assets/images/start_menu/help.png')}}" style="opacity: 0;"></a>
        </li> -->
        <li>
            <img src="{{ URL::asset('assets/images/start_menu/login_statusbar_saperator.gif')}}">
        </li>
        <li>

            <a href="{{config('app.BASE_URL') . 'usermanual'}}" id="link_user_manual" title="User Manual">
                <img src="{{ URL::asset('assets/images/start_menu/ico_info.png')}}"></a>
        </li>
        <li>
            <img src="{{ URL::asset('assets/images/start_menu/login_statusbar_saperator.gif')}}">
        </li>
        <li>
            <a href="#" class="modalopen disabled" title="Change Password">
                <img src="{{ URL::asset('assets/images/start_menu/ico_logout.png')}}">
            </a>
        </li>
        <li>
            <img src="{{ URL::asset('assets/images/start_menu/login_statusbar_saperator.gif')}}">
        </li>
        <li>
            <a href="#" title="Logout" onclick="logout()">Logout</a>
            <input type="hidden" value="{{ getAuthEmp() }}" id="user_id">
        </li>
    </ul>
    <div class="statusMenuDate">{{ date('l, d F, Y') }}&nbsp;&nbsp;|&nbsp;&nbsp;
        <span id="miniclock">12:21 PM</span>
        <script language="JavaScript" type="text/javascript">
            function runMiniClock() {
                var time = new Date();
                var hours = time.getHours();
                var minutes = time.getMinutes();
                minutes = ((minutes < 10) ? "0" : "") + minutes;
                ampm = (hours >= 12) ? "PM" : "AM";
                hours = (hours > 12) ? hours - 12 : hours;
                hours = (hours == 0) ? 12 : hours;
                var clock = hours + ":" + minutes + " " + ampm;
                if (clock != document.getElementById('miniclock').innerHTML) document.getElementById('miniclock').innerHTML = clock;
                timer = setTimeout("runMiniClock()", 1000);
            }
            runMiniClock();

            function logout()
            {
                var user_id = $('#user_id').val();
                var app_token = localStorage.getItem("appToken");
                $.ajax({
                    url: $('.base_url').val()+'api/logout',
                    type: "POST",
                    headers: {
                        'Authorization':localStorage.getItem("laravel_token")
                    },
                    data:{user_id:user_id, app_token:app_token},
                    success:function(data) {
                        if(data['status'] == 'success') {
                            window.location = $('.redirect_url').val();
                        }
                        else {
                            $('.error_message').show();
                            $('.error_message_text').html(data['message']);
                        }
                    },
               });
            }
        </script>

        <br><a><img src="{{ URL::asset('assets/images/logo/people_ico.png')}}" class="peopleiIcon"></a>
    </div>
</div>
@include('notification')