<div class="col-md-3 left_col sidebar_loader">
    <div class="left_col scroll-view">
        <div class="navbar nav_title" style="border: 0;">
            <a href="{{ route('home') }}" class="site_title">
                <img src="{{ asset('images/logo.png') }}" alt="Orbi Logo" style="height: 30px; vertical-align: middle;">
                <span> Transporter</span>
            </a>
        </div>
        <div class="clearfix"></div>

        <br />
        @php
            $transporter = auth()->guard('trans')->user();
            $disabled = $transporter->status == \App\Models\Transporter::SUSPENDED;
        @endphp

        <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
            <div class="menu_section">
                <h3>General</h3>
                <ul class="nav side-menu">
                    <li>
                        <a href="{{ $disabled ? 'javascript:void(0)' : route('home') }}"
                            class="{{ $disabled ? 'disabled-link' : '' }}">
                            <i class="fa fa-home"></i> Dashboard
                        </a>
                    </li>
                    {{-- <li>
                        <a href="{{ $disabled ? 'javascript:void(0)' : route('request.index') }}"
                            class="{{ $disabled ? 'disabled-link' : '' }}">
                            <i class="fa fa-group"></i> Customer Requests
                        </a>
                    </li> --}}

                    {{-- <li class="{{ $disabled ? 'disabled-link' : '' }}"><a><i class="fa fa-bug"></i> My Booking <span
                                class="fa fa-chevron-down"></span></a>
                        @unless ($disabled)
                            <ul class="nav child_menu">
                                <li><a href="{{ route('booking.index') }}"> One Way</a>
                                </li>
                                <li><a href="{{ route('booking.twoWayIndex') }}"> Two Way</a>
                                </li>
                            </ul>
                        @endunless
                    </li> --}}

                    <li>
                        <a href="{{ $disabled ? 'javascript:void(0)' : route('booking.index') }}"
                            class="{{ $disabled ? 'disabled-link' : '' }}">
                            <i class="fa fa-bug"></i> My Booking
                        </a>
                    </li>
                    <li>
                        <a href="{{ $disabled ? 'javascript:void(0)' : route('rides.index') }}"
                            class="{{ $disabled ? 'disabled-link' : '' }}">
                            <i class="fa fa-taxi"></i> My Rides
                        </a>
                    </li>
                    <li>
                        <a href="{{ $disabled ? 'javascript:void(0)' : route('vehicle.index') }}"
                            class="{{ $disabled ? 'disabled-link' : '' }}">
                            <i class="fa fa-car"></i> My Vehicles
                        </a>
                    </li>
                    <li>
                        <a href="{{ $disabled ? 'javascript:void(0)' : route('driver.index') }}"
                            class="{{ $disabled ? 'disabled-link' : '' }}">
                            <i class="fa fa-user"></i> My Drivers
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
{{-- CSS --}}
<style>
    .disabled-link {
        pointer-events: none;
        color: #999 !important;
        cursor: not-allowed;
    }
</style>