@php
$current_studio_count = auth::user()->activeStudioOwner()->count();
$current_studio_counts = \App\Models\Studio::where('status',1)->count();
@endphp
@if (auth::user()->role_id !=1 && $current_studio_count <= 1 || auth::user()->role_id ==1 && $current_studio_counts <=1)
        <style type="text/css">
        .studio_menu_layout{
        display: none;
        }
        </style>
        @endif
        <div class="right-side-menu">
            <span class="icons" style="display:none">
                <img src="{{asset('images/chevron_right_white.svg')}}" alt="chevron right">
            </span>
            <input type="checkbox" id="side-menu-switch" checked>
            <div class="side-menu" style="display:flex">
                @if (isset($redirectPage) && $redirectPage == 'task')
                <div class="studio_btns d-none d-md-block">
                    <button type="button" onclick="window.location.href='{{ route('task.index') }}'">
                        <svg class="me-2" width="12" height="15" viewBox="0 0 12 15" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M10.4034 14.5966L11.6066 13.3934L8.69667 10.4835L7.49345 11.6867L10.4034 14.5966ZM2.29658 4.00656H5.28329V8.77676L0.666687 13.3934L1.8699 14.5966L6.98998 9.47651V4.00656H9.97669L6.13663 0.166504L2.29658 4.00656Z"
                                fill="#ffffff" />
                        </svg>
                        {{ auth()->user()->role_id < 3 ? 'Show All Studio Data' : 'Show My Overview' }}

                    </button>
                    @if (in_array(auth()->user()->role_id, ['1', '2', '3', '6']))
                    <button type="button" onclick="window.location.href='{{ route('task.index', ['vs_hq' => 1]) }}'">
                        <svg class="me-2" width="15" height="12" viewBox="0 0 15 12" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M12.1654 4.7V1.16667H10.1654V2.9L7.4987 0.5L0.832031 6.5H2.83203V11.8333H6.16536V7.83333H8.83203V11.8333H12.1654V6.5H14.1654L12.1654 4.7ZM6.16536 5.16667C6.16536 4.43333 6.76536 3.83333 7.4987 3.83333C8.23203 3.83333 8.83203 4.43333 8.83203 5.16667H6.16536Z"
                                fill="white" />
                        </svg>
                        Show Fitforms
                    </button>
                    @endif
                </div>
                @endif
                <div class="d-flex flex-column d-none w-100">
                    <div class="d-flex align-items-center justify-content-between">
                        <span style="color: #1a356a;">@if(empty($studio)) Filter @else Change @endif Studio</span>
                        <svg class="mobile-studio-filter-close" width="20" height="20" viewBox="0 0 20 20" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M20 2.01429L17.9857 0L10 7.98571L2.01429 0L0 2.01429L7.98571 10L0 17.9857L2.01429 20L10 12.0143L17.9857 20L20 17.9857L12.0143 10L20 2.01429Z"
                                fill="#000000" />
                        </svg>
                    </div>
                    {{--  @if(!empty($studio))
            <div class="btn-group mt-3 mb-0">
                <a id="mbl-show-all-studio" href="#" class="btn-theme btn-small dark w-100">
                    <svg width="12" height="15" viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M9.9033 14.5967L11.1065 13.3935L8.19661 10.4836L6.99339 11.6868L9.9033 14.5967ZM1.79652 4.00671H4.78323V8.77692L0.166626 13.3935L1.36984 14.5967L6.48992 9.47666V4.00671H9.47663L5.63657 0.166656L1.79652 4.00671Z"
                            fill="white" />
                    </svg>
                    Show All Studio Data
                </a>
            </div>
            @endif --}}

                    @if (isset($redirectPage) && $redirectPage == 'task')
                    <div class="mt-3 mb-0">
                        <div class="studio_btns">
                            @if (\App\Models\Task::hasHqTask())
                            <button type="button"
                                onclick="window.location.href='{{ route('task.index', ['vs_hq' => 1]) }}'">
                                <svg class="me-2" width="15" height="12" viewBox="0 0 15 12" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M12.1654 4.7V1.16667H10.1654V2.9L7.4987 0.5L0.832031 6.5H2.83203V11.8333H6.16536V7.83333H8.83203V11.8333H12.1654V6.5H14.1654L12.1654 4.7ZM6.16536 5.16667C6.16536 4.43333 6.76536 3.83333 7.4987 3.83333C8.23203 3.83333 8.83203 4.43333 8.83203 5.16667H6.16536Z"
                                        fill="white" />
                                </svg>
                                Show {{Helper::getHeadingCommonText()}}
                            </button>
                            @endif
                        </div>
                    </div>
                    @endif
                </div>
                @php
                if(request()->route()->getName() == 'studio.dashboard'){
                $action = route('studio.dashboard', ['studio' =>'all']);
                }
                elseif(request()->route()->getName() == 'user.superAdminDashboard'){
                $action = route('user.superAdminDashboard', ['studio' =>'all']);
                }
                elseif(request()->route()->getName() == 'form.form_library'){
                $action = route('form.form_library', ['studio' =>'all']);
                }
                else {
                $action = route('user.index', ['role' => request()->get('role')]);
                }
                @endphp
                @if(Auth::user()->role_id==1)
                <div class="btn-group mb-0 mr-0">
                    <a id="mbl-show-all-studio" href="{{  $action }}" class="btn-theme btn-small dark w-100">
                        <svg width="12" height="15" viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M9.9033 14.5967L11.1065 13.3935L8.19661 10.4836L6.99339 11.6868L9.9033 14.5967ZM1.79652 4.00671H4.78323V8.77692L0.166626 13.3935L1.36984 14.5967L6.48992 9.47666V4.00671H9.47663L5.63657 0.166656L1.79652 4.00671Z"
                                fill="white" />
                        </svg>
                        Show All Studio Data
                    </a>
                </div>
                @endif
                <div class="studio_title">
                    <h1>Search and select a studio below to view:</h1>
                </div>
                <div class="studio_menu_layout">
                    <div class="studio_menu_content">
                        @php $studios = Helper::getStudios() @endphp
                        <input id="studio-search-bar" url="{{route('studio.studio_list')}}" name="keyword" value=""
                            type="text" placeholder="Search....." autocomplete="off">
                        <input type="hidden" id="redirectPage" value="{{ $redirectPage ?? ''}}">

                        <div class="studio_menu_list">
                            @include('includes.studio_list')
                        </div>
                    </div>
                    <label for="side-menu-switch">
                        <img src="{{ asset('images/chevron_left_white.svg')}}" alt="chevron left" class="fas">
                    </label>
                </div>
            </div>
        </div>
        </div>
        @push('scripts')
        <script type="text/javascript">
        $(document).on('click', '.icons', function() {
            $('.side-menu').css('display', 'flex');
            $('.icons').hide();
        });

        $(document).on('click',
            '.task_card button.stud-btn, .task_card.stud-btn .training_img, .task_card.stud-btn .filter-trigger',
            function() {
                if ($('.side-menu').css('display') == 'flex') {
                    $('.side-menu label').click();
                } else {
                    $('.side-menu').css('display', 'flex');
                    $('.icons').hide();
                }
            });

        $(document).on('click', '.mobile-studio-filter-close', function() {
            $('.side-menu').hide();
        });
        $(document).on('click', '#side-menu-switch', function() {
            $('.side-menu').toggleClass('sidemenu-active');

            if ($(".side-menu").hasClass("sidemenu-active")) {
                $('.side-menu-link').addClass('active-side-menu');
                //$('body').mCustomScrollbar('destroy');    
            } else {
                $('.side-menu-link').removeClass('active-side-menu');
                //$('body').mCustomScrollbar();    
            }
        })
        </script>
        @endpush('scripts')