@php
    $moduleName = \App\Enums\Pmis\MenuData::getQuickMenuData();
   //  asort($moduleName);
@endphp
<div>
    <div class="st-actionContainer right-top" style="display: none" id="m_icon">
        <div class="st-panel">
            <div class="st-panel-header">
{{--                <label class="text-white selectAllLabel" for="selectAll2"><input type="checkbox" class="selectAllBox" id="selectAll2" /> Select All</label>--}}
                Quick Access  <div title="Switch to text"> <a href="javascript:void(0)" onclick="$(document).find('#m_icon').hide(); $(document).find('#m_text').show(); "> <i class="fa fa-bars" aria-hidden="true"></i> </a> </div></div>
            <div class="grid">
                @foreach($moduleName as $key=>$textData)
                    @php //$permissionName = 'CAN_SHOW_'.strtoupper(str_replace(' ', '_', $textData)); @endphp
                    @if(\Auth::user()->hasPermission($textData->permission_key))
                        <a href="#" class="gridChild quick-access">
                            <input id="checkbox2-{{$textData->identity}}" class="checkboxPos checkModule" type="checkbox" {{$textData->active_yn == 'Y' ? 'checked' : '' }} data-target="#{{$textData->identity}}">
                            <div class="module_icon">
                                @if(strpos($textData->icon, 'https') === 0)
                                    <img data-toggle="tooltip" data-placement="top" title="{{$textData->dashboard_title}}" src="{{$textData->icon}}" style="width: 25px;" data-checkbox="checkbox2-{{$textData->identity}}" data-target="#{{$textData->identity}}">
                                @else
                                    <i data-toggle="tooltip" data-placement="top" title="{{$textData->dashboard_title}}"  class="{{$textData->icon}}"   data-checkbox="checkbox2-{{$textData->identity}}" data-target="#{{$textData->identity}}"></i>
                                @endif
                            </div>
                        </a>
                    @endif
                @endforeach

    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_container_handling">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Vessel And Container Handling"  class="fa fa-building-o" data-target="#db_container_handling"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_incoming">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Incoming And DESP From CPA"  class="fa fa-building-o" data-target="#db_incoming"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_lying">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Container Lying Position In Port"  class="fa fa-building-o" data-target="#db_lying"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_traffic">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Traffic"  class="fa fa-users" data-target="#db_traffic"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#"  class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" data-target="#db_onestop" checked>--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Daily One Stop Service" class="fa fa-truck" aria-hidden="true" data-target="#db_onestop"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_position">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Attendance" class='bx bx-calendar' data-target="#db_position"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_fixed_assets">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Fixed Assets" class="fas fa-building" data-target="#db_fixed_assets"></i>--}}
    {{--                </div>--}}

    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_salary">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Payroll"  class="far fa-money-bill-alt" data-target="#db_salary"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#provident_funds">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Provident Funds"  class="far fa-money-bill-alt" data-target="#provident_funds"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#gpf_loans">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="GPF Loans"  class="far fa-money-bill-alt" data-target="#gpf_loans"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_accounts">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Accounts & Finance" class="fas fa-chart-bar" data-target="#db_accounts"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_pims">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Employee" class='bx bxs-user-detail' data-target="#db_pims"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_ha">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="House Allotment" class="fa fa-home" data-target="#db_ha"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_fas">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Budget Summary" class="fas fa-dollar-sign" data-target="#db_fas"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_fas_ar">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Accounts Receivable" class="bx bx-credit-card" data-target="#db_fas_ar"></i>--}}
    {{--                </div>--}}

    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_fas_ap">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Accounts Payable" class="fas fa-chart-bar" data-target="#db_fas_ap"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_recruitment">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Recruitment" class="fa fa-tasks" aria-hidden="true" data-target="#db_recruitment"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_case_manage">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <img data-toggle="tooltip" data-placement="top" title="Case" src="https://img.icons8.com/color/56/000000/court.png" style="width: 25px;" data-target="#db_case_manage"/>--}}
    {{--                </div>--}}

    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_audit">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <img data-toggle="tooltip" data-placement="top" title="Audit" src="https://img.icons8.com/ios-filled/56/000000/city-hall.png" style="width: 25px;" data-target="#db_audit"/>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_board_decision">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Board Decision Statistics" class="fa fa-users" data-target="#db_board_decision"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_training">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Training" class="fas fa-university" data-target="#db_training"></i>--}}
    {{--                </div>--}}

    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_hydrography">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <img data-toggle="tooltip" data-placement="top" title="Hydrography" src="https://img.icons8.com/nolan/56/cargo-ship.png" style="width: 25px;" data-target="#db_hydrography"/>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_vehicles">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Vehicles" class="fa fa-bus" data-target="#db_vehicles"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_ce">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <img data-toggle="tooltip" data-placement="top" title="Contract Management" src="https://img.icons8.com/cotton/56/000000/conclusion-contract.png" style="width: 25px;" data-target="#db_ce"/>--}}
    {{--                </div>--}}

    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_appointment">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Appointment" class="bx bx-calendar" data-target="#db_appointment"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_security">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <img data-toggle="tooltip" data-placement="top" title="Security" src="https://img.icons8.com/color/56/000000/security-guard.png" style="width: 25px;" data-target="#db_security"/>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_me">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <img data-toggle="tooltip" data-placement="top" title="Mechanical Engineering" src="https://img.icons8.com/cotton/56/000000/cargo-ship--v1.png" style="width: 25px;" data-target="#db_me"/>--}}
    {{--                </div>--}}

    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_backup-data">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i data-toggle="tooltip" data-placement="top" title="Database Backup" class="fa fa-database" aria-hidden="true" data-target="#db_backup-data"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_vessel_bills">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <img data-toggle="tooltip" data-placement="top" title="Vessel Bills" src="https://img.icons8.com/dotty/56/000000/investment.png" style="width: 25px;"  data-target="#db_vessel_bills"/>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_estate">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <i  data-toggle="tooltip" data-placement="top" title="Estate" class="fas fa-chart-bar" data-target="#db_estate"></i>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_marine_monthly_pilotage_service">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <img  data-toggle="tooltip" data-placement="top" title="Marine Monthly Pilotage Statistics" src="https://img.icons8.com/cotton/56/000000/cargo-ship--v1.png" data-target="#db_marine_monthly_pilotage_service" style="width: 25px;"/>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_marine_daily">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <img  data-toggle="tooltip" data-placement="top" title="Marine Daily Statistics" src="https://img.icons8.com/cotton/56/000000/cargo-ship--v1.png" data-target="#db_marine_daily" style="width: 25px;"/>--}}
    {{--                </div>--}}
    {{--            </a>--}}
    {{--            <a href="#" class="gridChild quick-access">--}}
    {{--                <input class="checkboxPos" type="checkbox" checked data-target="#db_marine_monthly">--}}
    {{--                <div class="module_icon">--}}
    {{--                    <img  data-toggle="tooltip" data-placement="top" title="Marine Monthly Statistics" src="https://img.icons8.com/cotton/56/000000/cargo-ship--v1.png" data-target="#db_marine_monthly" style="width: 25px;"/>--}}
    {{--                </div>--}}
    {{--            </a>--}}
            </div>
        </div>
        <div class="st-btn-container right-bottom">
            <div class="st-button-main"><i class="fa fa-bars" aria-hidden="true"></i></div>
        </div>
    </div>
    <div class="st-actionContainer right-top textMenu" id="m_text">
        <div class="st-panel st_panel_textMenu">
            <div class="st-panel-header">
                Quick Access  <div title="Switch to Icon">
{{--                    <label class="text-white selectAllLabel" for="selectAll"><input type="checkbox" class="selectAllBox" id="selectAll" /> Select All</label>--}}
                    <a href="javascript:void(0)" onclick="$(document).find('#m_text').hide(); $(document).find('#m_icon').show()">
                        <i class="fa fa-table" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
            <div class="grid_menu">
                @foreach($moduleName as $key=>$textData)
                 @php //$permissionName = 'CAN_SHOW_'.strtoupper(str_replace(' ', '_', $textData)); @endphp
                @if(\Auth::user()->hasPermission($textData->permission_key))
                    <li class="grid_menu_gridChild quick-access">
                        <input id="checkbox-{{$textData->identity}}" class="checkboxPosMenu checkModule" type="checkbox" {{$textData->active_yn == 'Y' ? 'checked' : '' }} data-target="#{{$textData->identity}}">
                        <a href="#" class="text-menu"  data-checkbox="checkbox-{{$textData->identity}}" data-target="#{{$textData->identity}}">{{$textData->dashboard_title}}</a>
                    </li>
                @endif
                @endforeach
            </div>
        </div>
        <div class="st-btn-container right-bottom">
            <div class="st-button-main"><i class="fa fa-bars" aria-hidden="true"></i></div>
        </div>
    </div>
</div>