/home/awneajlw/.trash/resources/views/components/header.blade.php
<!DOCTYPE html>
<html lang="en">

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <base href="{{ url('/') }}/">
    <link rel="icon" href="{{ asset('assets/images/favicon.ico') }}" type="image/ico" />

    <title>Hai Company</title>

    <!-- Bootstrap -->
    <link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="{{ asset('assets/css/font-awesome.min.css') }}" rel="stylesheet">
    <!-- NProgress -->
    <link href="{{ asset('assets/css/nprogress.css') }}" rel="stylesheet">
    <!-- iCheck -->
    <link href="{{ asset('assets/css/green.css') }}" rel="stylesheet">

    <!-- bootstrap-progressbar -->
    <link href="{{ asset('assets/css/bootstrap-progressbar-3.3.4.min.css') }}" rel="stylesheet">
    <!-- JQVMap -->
    <link href="{{ asset('assets/css/jqvmap.min.css') }}" rel="stylesheet" />
    <!-- bootstrap-daterangepicker -->
    <link href="{{ asset('assets/css/daterangepicker.css') }}" rel="stylesheet">

    <!-- Custom Theme Style -->
    <link href="{{ asset('assets/css/custom.min.css') }}" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.min.css" rel="stylesheet">

    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script>
        if (typeof jQuery === 'undefined') {
            document.write('<script src="{{ asset('assets/js/jquery.min.js') }}"><\/script>');
        }
    </script>

    <!-- Bootstrap -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        if (typeof bootstrap === 'undefined') {
            document.write('<script src="{{ asset('assets/js/bootstrap.bundle.min.js') }}"><\/script>');
        }
    </script>

    <!-- DataTables -->
    <script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
    <script>
        if (typeof $.fn.DataTable === 'undefined') {
            document.write('<script src="{{ asset('assets/js/jquery.dataTables.min.js') }}"><\/script>');
        }
    </script>

    <!-- Other Scripts -->
    <script src="{{ asset('assets/js/fastclick.js') }}"></script>
    <script src="{{ asset('assets/js/nprogress.js') }}"></script>
    <script src="{{ asset('assets/js/Chart.min.js') }}"></script>
    <script src="{{ asset('assets/js/gauge.min.js') }}"></script>
    <script src="{{ asset('assets/js/bootstrap-progressbar.min.js') }}"></script>
    <script src="{{ asset('assets/js/icheck.min.js') }}"></script>
    <script src="{{ asset('assets/js/skycons.js') }}"></script>
    <script src="{{ asset('assets/js/jquery.flot.js') }}"></script>
    <script src="{{ asset('assets/js/jquery.flot.pie.js') }}"></script>
    <script src="{{ asset('assets/js/jquery.flot.time.js') }}"></script>
    <script src="{{ asset('assets/js/jquery.flot.stack.js') }}"></script>
    <script src="{{ asset('assets/js/jquery.flot.resize.js') }}"></script>
    <script src="{{ asset('assets/js/jquery.flot.orderBars.js') }}"></script>
    <script src="{{ asset('assets/js/jquery.flot.spline.min.js') }}"></script>
    <script src="{{ asset('assets/js/curvedLines.js') }}"></script>
    <script src="{{ asset('assets/js/date.js') }}"></script>
    <script src="{{ asset('assets/js/jquery.vmap.js') }}"></script>
    <script src="{{ asset('assets/js/jquery.vmap.world.js') }}"></script>
    <script src="{{ asset('assets/js/jquery.vmap.sampledata.js') }}"></script>
    <script src="{{ asset('assets/js/moment.min.js') }}"></script>
    <script src="{{ asset('assets/js/daterangepicker.js') }}"></script>

    <!-- Custom Theme Scripts -->

<style>
  .title_bg_color{
    background-color: #2A3F54 !important;
    padding: 5px !important;
  }
  .title_bg_color ul{
    /* background-color: red; */
    margin-top: 4px !important;
  }

  /* Menu Toggle Styles */
  #menu_toggle {
    cursor: pointer;
    display: block;
    padding: 15px;
    color: #333;
    text-decoration: none;
    background: none;
    border: none;
    font-size: 20px;
    transition: all 0.3s ease;
  }

  #menu_toggle:hover {
    color: #2A3F54;
    transform: scale(1.1);
  }

  .nav-md .left_col {
    width: 230px;
    transition: width 0.3s ease;
  }

  .nav-sm .left_col {
    width: 70px;
    transition: width 0.3s ease;
  }

  .nav-md .right_col {
    margin-left: 230px;
    transition: margin-left 0.3s ease;
  }

  .nav-sm .right_col {
    margin-left: 70px;
    transition: margin-left 0.3s ease;
  }

  .nav-md .sidebar-footer {
    display: block;
  }

  .nav-sm .sidebar-footer {
    display: none;
  }

  .nav-md .nav.child_menu {
    display: block;
  }

  .nav-sm .nav.child_menu {
    display: none;
  }

  .nav-sm .nav.child_menu li.active {
    display: block;
  }

  .nav-sm .nav.child_menu li.active ul {
    display: block;
  }

  /* Add active state for menu toggle */
  #menu_toggle.active {
    color: #2A3F54;
    transform: rotate(90deg);
  }
</style>
  </head>

  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
        <div class="col-md-3 left_col">
          <div class="left_col scroll-view">
            <div class="navbar nav_title" style="border: 0;">
              <a href="{{ url('/') }}" class="site_title"><i class="border-0"><img src="{{ asset('images/logo.jpg') }}" alt="" width="30"></i> <span>Cm Name</span></a>
            </div>
            <div class="clearfix"></div>

            <!-- menu profile quick info -->
            <div class="profile clearfix">
              <div class="profile_pic">
                <img src="{{ asset('images/img.jpg') }}" alt="..." class="img-circle profile_img">
              </div>
              <div class="profile_info">
                <span>Welcome,</span>
                <h2>Flf </h2>
              </div>
            </div>
            <!-- /menu profile quick info -->

            <br />

            <!-- sidebar menu -->
            <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><i class="fa fa-home"></i> Admin Area <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="{{ url('/') }}">Dashboard</a></li>
                      <li><a href="{{ route('users') }}">Manage Users</a></li>
                      <li><a href="{{ route('roles') }}">Manage Role</a></li>
                      {{-- <li><a href="{{ url('manage_users_log') }}">User Log</a></li> --}}
                    </ul>
                  </li>
                  <li><a><i class=" fa fa-solid fa-gears"></i> Configuration <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="{{ route('paymentAgents') }}">Add Payment Agents</a></li>
                      <li><a href="{{ route('recruitmentAgents') }}">Recruitment Agents</a></li>
                      <li><a href="{{ route('travelAgents') }}">Add Travel Agents</a></li>
                      <li><a href="{{ route('visaCategories') }}">Visa Categories</a></li>
                      <li><a href="{{ route('educationCategories') }}">Education Categories</a></li>
                      <li><a href="{{ route('jobCategories') }}">Job Categories</a></li>
                      {{-- <li><a href="{{ url('sub_categories') }}">Sub Categories</a></li>
                      <li><a href="{{ url('working_categories') }}">Workings Categories</a></li>
                      <li><a href="{{ url('visa_issuing_authorities') }}">Visa Issuing Authorities </a></li>
                      <li><a href="{{ url('verifying_instruction') }}">Verifying Instruction </a></li>
                      <li><a href="{{ url('add_test_center') }}">Add Test Center </a></li> --}}
                      <li><a href="{{ route('medicalCenters') }}">Add Medical Centers </a></li>
                      {{-- <li><a href="{{ url('test_type') }}">Add Test Type</a></li>
                      <li><a href="{{ url('age_range') }}">Age Range</a></li>
                      <li><a href="{{ url('salary_range') }}">Salary Range</a></li> --}}
                      <li><a href="{{ route('experienceRanges') }}">Experiance Range</a></li>
                      <li><a href="{{ route('airlines') }}">Airlines</a></li>
                      {{-- <li><a href="{{ url('visa_profession') }}">Visa Profession</a></li>
                      <li><a href="{{ url('sectors') }}">Sectors/ Instruction</a></li>
                      <li><a href="{{ url('skills') }}">Skills</a></li>
                      <li><a href="{{ url('cities') }}">Cities</a></li>
                      <li><a href="{{ url('education_level') }}">Education Level</a></li>
                      <li><a href="{{ url('carrer_level') }}">Carrer Level</a></li> --}}
                    </ul>
                  </li>
                  <li><a><i class=" fa fa-solid fa-gears"></i>Employer Management<span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      {{-- <li><a href="{{ url('employer_setup') }}">Employer Setup</a></li>
                      <li><a href="{{ url('employer_plans') }}">Employer Plans</a></li>
                      <li><a href="{{ url('job_setup') }}">job setup</a></li>
                      <li><a href="{{ url('report_manager') }}">Report Manager(EM)</a></li>
                      <li><a href="{{ url('employer_ledger') }}">Employer Ledger</a></li>
                      <li><a href="{{ url('job_grouping') }}">Job Grouping for prints</a></li>
                      <li><a href="{{ url('status_job') }}">Status of jobs Report</a></li>
                      <li><a href="{{ url('security_fee') }}">Security Fee Refund prints</a></li>
                      <li><a href="{{ url('travel_agent') }}">Travel Agent Ledger </a></li> --}}

                    </ul>
                    <li><a><i class=" fa fa-solid fa-gears"></i>candidate Management<span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="{{ route('initialRegistration') }}">initial Registration</a></li>
                      <li><a href="{{ route('finalRegistration') }}">Candidate Registration</a></li>
                      {{-- <li><a href="{{ url('job_setup') }}">Apply Jobs</a></li>
                      <li><a href="{{ url('report_manager') }}">Shortlisting</a></li>
                      <li><a href="{{ url('employer_ledger') }}">Shortlisted Candidates</a></li>
                      <li><a href="{{ url('job_grouping') }}">Online Applications</a></li>
                      <li><a href="{{ url('status_job') }}">Job Applications</a></li>
                      <li><a href="{{ url('security_fee') }}">Freeze Applications</a></li>
                      <li><a href="{{ url('travel_agent') }}">Completed Applications </a></li>
                      <li><a href="{{ url('employer_setup') }}">initial Registration</a></li>
                      <li><a href="{{ url('employer_plans') }}">Candidate Final Registration</a></li>
                      <li><a href="{{ url('job_setup') }}">Apply Jobs</a></li>
                      <li><a href="{{ url('report_manager') }}">Shortlisting</a></li>
                      <li><a href="{{ url('employer_ledger') }}">Shortlisted Candidates</a></li>
                      <li><a href="{{ url('job_grouping') }}">Online Applications</a></li>
                      <li><a href="{{ url('status_job') }}">Job Applications</a></li>
                      <li><a href="{{ url('security_fee') }}">Freeze Applications</a></li>
                      <li><a href="{{ url('travel_agent') }}">Completed Applications </a></li>
                      <li><a href="{{ url('status_job') }}">Job Applications</a></li>
                      <li><a href="{{ url('security_fee') }}">Freeze Applications</a></li>
                      <li><a href="{{ url('travel_agent') }}">Completed Applications </a></li> --}}

                    </ul>
                  </li>
                  <li><a><i class="fa fa-bank"></i> Accounting & Finance <span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    {{-- <li><a href="{{ url('404') }}">GChart of accounts</a></li>
                    <li><a href="{{ url('opening_balance') }}">Opening Balance</a></li>
                    <li><a href="{{ url('cash_receipt') }}">Cash Receipt</a></li>
                    <li><a href="{{ url('cash_payment') }}">Cash payment</a></li>
                    <li><a href="{{ url('bank_reciept') }}">Bank Receipt</a></li>
                    <li><a href="{{ url('bank_payment') }}">Bank Payment</a></li>
                    <li><a href="{{ url('job_payment') }}">job payment</a></li>
                    <li><a href="{{ url('travel_agent_payment') }}">Travel  Agent payment</a></li>
                    <li><a href="{{ url('candidate') }}">Candidate Receipt</a></li>
                    <li><a href="{{ url('candidate_jv') }}">Candidate JV</a></li> --}}
                    <li><a href="{{ route('expenses') }}">Expenses</a></li>
                    {{-- <li><a href="{{ url('chart_account_balance') }}">Chart of Account With Balance</a></li>
                    <li><a href="{{ url('cash_book') }}">Cash book</a></li>
                    <li><a href="{{ url('bank_book') }}">Bank Book</a></li>
                    <li><a href="{{ url('gernal_ledge') }}">General Ledger</a></li>
                    <li><a href="{{ url('trail_balance') }}">Trail Balance</a></li>
                    <li><a href="{{ url('account_balance') }}">Account Balance</a></li>
                    <li><a href="{{ url('income_statement') }}">Income Statement</a></li>
                    <li><a href="{{ url('balance_sheet') }}">Balance Sheet</a></li>
                    <li><a href="{{ url('cash_flow_statement') }}">Cash flow statement</a></li>
                    <li><a href="{{ url('equity_report') }}">Equity Report</a></li> --}}
                  </ul>
                </li>
                {{-- <div class="d-none">
                    <li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a>
                      <ul class="nav child_menu">
                        <li><a href="{{ url('general_elements') }}">General Elements</a></li>
                        <li><a href="{{ url('media_gallery') }}">Media Gallery</a></li>
                        <li><a href="{{ url('typography') }}">Typography</a></li>
                        <li><a href="{{ url('icons') }}">Icons</a></li>
                        <li><a href="{{ url('glyphicons') }}">Glyphicons</a></li>
                        <li><a href="{{ url('widgets') }}">Widgets</a></li>
                        <li><a href="{{ url('invoice') }}">Invoice</a></li>
                        <li><a href="{{ url('inbox') }}">Inbox</a></li>
                        <li><a href="{{ url('calendar') }}">Calendar</a></li>
                      </ul>
                    </li>
                    <li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
                      <ul class="nav child_menu">
                        <li><a href="{{ url('tables') }}">Tables</a></li>
                        <li><a href="{{ url('tables_dynamic') }}">Table Dynamic</a></li>
                      </ul>
                    </li>
                    <li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a>
                      <ul class="nav child_menu">
                        <li><a href="{{ url('chartjs') }}">Chart JS</a></li>
                        <li><a href="{{ url('chartjs2') }}">Chart JS2</a></li>
                        <li><a href="{{ url('morisjs') }}">Moris JS</a></li>
                        <li><a href="{{ url('echarts') }}">ECharts</a></li>
                        <li><a href="{{ url('other_charts') }}">Other Charts</a></li>
                      </ul>
                    </li>
                    <li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
                      <ul class="nav child_menu">
                        <li><a href="{{ url('fixed_sidebar') }}">Fixed Sidebar</a></li>
                        <li><a href="{{ url('fixed_footer') }}">Fixed Footer</a></li>
                      </ul>
                    </li>
                  </div> --}}

                </ul>
              </div>
              <div class="menu_section d-none">
                <h3>Live On</h3>
                <ul class="nav side-menu">
                  <li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="{{ url('page_403') }}">403 Error</a></li>
                      <li><a href="{{ url('page_404') }}">404 Error</a></li>
                      <li><a href="{{ url('page_500') }}">500 Error</a></li>
                      <li><a href="{{ url('plain_page') }}">Plain Page</a></li>
                      <li><a href="{{ url('login') }}">Login Page</a></li>
                      <li><a href="{{ url('pricing_tables') }}">Pricing Tables</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-sitemap"></i> Multilevel Menu <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="#level1_1">Level One</a>
                      <li><a>Level One<span class="fa fa-chevron-down"></span></a>
                        <ul class="nav child_menu">
                          <li class="sub_menu"><a href="{{ url('level2') }}">Level Two</a>
                          </li>
                          <li><a href="#level2_1">Level Two</a>
                          </li>
                          <li><a href="#level2_2">Level Two</a>
                          </li>
                        </ul>
                      </li>
                      <li><a href="#level1_2">Level One</a>
                      </li>
                    </ul>
                  </li>
                  <li><a href="javascript:void(0)"><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a></li>
                </ul>
              </div>

            </div>
            <!-- /sidebar menu -->

            <!-- /menu footer buttons -->
            <div class="sidebar-footer hidden-small">
              <a data-toggle="tooltip" data-placement="top" title="Settings">
                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="FullScreen">
                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="Lock">
                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="Logout" href="{{ url('login') }}">
                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
              </a>
            </div>
            <!-- /menu footer buttons -->
          </div>
        </div>

        <!-- top navigation -->
        <div class="top_nav">
          <div class="nav_menu">
            <div class="nav toggle">
              <button id="menu_toggle" class="btn btn-link" type="button">
                <i class="fa fa-bars"></i>
              </button>
            </div>
            <nav class="nav navbar-nav">
              <ul class=" navbar-right">
                <li class="nav-item dropdown open" style="padding-left: 15px;">
                  <a href="javascript:;" class="user-profile dropdown-toggle" aria-haspopup="true" id="navbarDropdown" data-toggle="dropdown" aria-expanded="false">
                    <img src="{{ asset('images/logo.jpg') }}" alt="">Flf Khan
                  </a>
                  <div class="dropdown-menu dropdown-usermenu pull-right" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item" href="javascript:;"> Profile</a>
                    <a class="dropdown-item" href="javascript:;">
                      <span class="badge bg-red pull-right">50%</span>
                      <span>Settings</span>
                    </a>
                    <a class="dropdown-item" href="javascript:;">Help</a>
                    <a class="dropdown-item" href="{{ url('login') }}"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
                  </div>
                </li>

                <li role="presentation" class="nav-item dropdown open">
                  <a href="javascript:;" class="dropdown-toggle info-number" id="navbarDropdown1" data-toggle="dropdown" aria-expanded="false">
                    <i class="fa fa-envelope-o"></i>
                    <span class="badge bg-green">6</span>
                  </a>
                  <ul class="dropdown-menu list-unstyled msg_list" role="menu" aria-labelledby="navbarDropdown1">
                    <li class="nav-item">
                      <a class="dropdown-item">
                        <span class="image"><img src="{{ asset('images/img.jpg') }}" alt="Profile Image" /></span>
                        <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                        <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                      </a>
                    </li>
                    <li class="nav-item">
                      <a class="dropdown-item">
                        <span class="image"><img src="{{ asset('images/img.jpg') }}" alt="Profile Image" /></span>
                        <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                        <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                      </a>
                    </li>
                    <li class="nav-item">
                      <a class="dropdown-item">
                        <span class="image"><img src="{{ asset('images/img.jpg') }}" alt="Profile Image" /></span>
                        <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                        <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                      </a>
                    </li>
                    <li class="nav-item">
                      <a class="dropdown-item">
                        <span class="image"><img src="{{ asset('images/img.jpg') }}" alt="Profile Image" /></span>
                        <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                        <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                      </a>
                    </li>
                    <li class="nav-item">
                      <div class="text-center">
                        <a class="dropdown-item">
                          <strong>See All Alerts</strong>
                          <i class="fa fa-angle-right"></i>
                        </a>
                      </div>
                    </li>
                  </ul>
                </li>
              </ul>
            </nav>
          </div>
        </div>
        <!-- /top navigation -->
        <div class="right_col" role="main">