@php
    use App\Helpers\CustomHelper;
@endphp
<div class="app-header">
    <div class="containersection">
        <div class="row">
            <div class="ringheaderleft col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <div class="headerleftsec">
                    <div class="headerlogo" id="desktoplogo">
                        <a href="{{url('/')}}">
                            <img src="{{asset('assets/img/logo-1.png')}}" class="img-fluid" alt="Tricall" id="lightlogo">
                            <img src="{{asset('assets/img/logo-2.png')}}" class="img-fluid" alt="Tricall" id="darklogo">
                        </a>
                    </div>
                    <div class="headerlogo" id="mobilelogo">
                        <a href="{{url('/')}}">
                            <img src="{{asset('assets/img/logo-1.png')}}" class="img-fluid" alt="Tricall" id="lightlogo">
                            <img src="{{asset('assets/img/logo-2.png')}}" class="img-fluid" alt="Tricall" id="darklogo">
                        </a>
                    </div>
                    <!-- Mobile Menu -->
                    <div class="headermenu">
                        <a id="menulistid"><span class="material-symbols-outlined">menu</span></a>
                        <div class="menulistsec">
                            <ul>
                                <li><a href="{{route('dashboard')}}"><span class="material-symbols-outlined side-menu__icon">widgets</span>Dashboard</a></li>
                                <li><a href="{{route('user.assistants')}}"><span class="material-symbols-outlined side-menu__icon">supervisor_account</span>Assistants</a></li>
                                <li><a href="{{route('user.workflows')}}"><span class="material-symbols-outlined side-menu__icon">Automation</span>Workflows</a></li>
                                <li><a href="{{route('user.numbers')}}"><span class="material-symbols-outlined side-menu__icon">deskphone</span>Phone Numbers</a></li>
                                <li><a href="{{route('user.outbound')}}"><span class="material-symbols-outlined side-menu__icon">phone_forwarded</span>Outbound</a></li>
                                <li><a href="{{route('user.call_queues')}}"><span class="material-symbols-outlined side-menu__icon">low_priority</span>Call Queues</a></li>
                                <li><a href="{{route('user.call_logs')}}"><span class="material-symbols-outlined side-menu__icon">call_log</span>Call Logs</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ringheaderright col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <div class="headerrightsec">
                    <!-- Desktop -->
                    <div class="ldmodesec" >
                        <a class="ldmode">
                            <span class="modeactive" id="light_mode"><i class="fe fe-sun" title="Light Mode"></i>&nbsp;&nbsp;Light</span>
                            <span id="dark_mode"><i class="fe fe-moon" title="Dark Mode"></i>&nbsp;&nbsp;Dark</span>
                        </a>
                    </div>
                    <!-- Mobile -->
                    <div class="mobldmodesec" >
                        <a class="mobldmode">
                            <span class="mobmodeactive" id="moblight_mode"><i class="fe fe-sun" title="Light Mode"></i></span>
                            <span id="mobdark_mode"><i class="fe fe-moon" title="Dark Mode"></i></span>
                        </a>
                    </div>
                    <!-- Desktop -->
                    <div class="profilemenu">
                        @php
                            $user=Auth::user();
                            $profilePhoto = $user->profile_picture && file_exists(public_path($user->profile_picture))
                                ? asset($user->profile_picture)
                                : asset('assets/images/users/2.jpg');
                        @endphp
                        <a id="proflistid" class="d-flex"><span class="profilenamesec">Hi, {{ Auth::user()->name }}</span>&nbsp;<span class="userprofdet"><img src="{{ $profilePhoto }}" alt="img" class=""/></span></a>
                        <div class="profmenulistsec">
                            <ul>
                                <li><a href="{{ route('profile.edit') }}">Profile Settings</a></li>
                                @if (CustomHelper::customerHasOutboundNumber(Auth::user()->customer->id))
                                <li><a href="{{route('user.settings')}}">Outbound Settings</a></li>
                                @endif
                                <li>
                                    <form method="POST" action="{{route('logout')}}" class="m-0 p-0">
                                        @csrf
                                        <a href="{{route('logout')}}" onclick="event.preventDefault(); this.closest('form').submit();"><span>{{ __('Sign Out') }}</span></a>
                                    </form>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- Mobile -->
                    <div class="mobprofilemenu">
                        @php
                            $user=Auth::user();
                            $profilePhoto = $user->profile_picture && file_exists(public_path($user->profile_picture))
                                ? asset($user->profile_picture)
                                : asset('assets/images/users/2.jpg');
                        @endphp
                        <a id="mobproflistid"><div class="mobuserprofdet"><img src="{{ $profilePhoto }}" alt="img" class=""/></div></a>
                        <div class="mobprofmenulistsec">
                            <ul>
                                <li><a href="{{route('profile.edit')}}">Profile Settings</a></li>
                                @if (CustomHelper::customerHasOutboundNumber(Auth::user()->customer->id))
                                <li><a href="{{route('user.settings')}}">Outbound Settings</a></li>
                                @endif
                                <li>
                                    <form method="POST" action="{{route('logout')}}" class="m-0 p-0">
                                        @csrf
                                        <a href="{{route('logout')}}" onclick="event.preventDefault(); this.closest('form').submit();"><span>{{ __('Sign Out') }}</span></a>
                                    </form>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>