<div class="header-bg shadow-sm p-0" style="background: url(https://images.pexels.com/photos/1475033/pexels-photo-1475033.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260)">
</div>
<nav class="bg-transparent-dark navbar navbar-expand-lg mt-3 mb-3 rounded-pill mx-auto" style="width: 95%;">
    <div class="container-fluid shadow">
        <a class="bg-transparent mb-1 navbar-brand position-relative" href="#" style="z-index:2; text-align: center; box-shadow: none !important;">
            <img src="<?php echo site_url(); ?>assets/img/logo_light.png" height="100%" />
        </a>
        <button class="navbar-toggler text-white" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
            <i class="fas fa-bars"></i>
        </button>
        <div class="collapse navbar-collapse" style="z-index:2;" id="navbarScroll">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0 d-flex align-items-center">
                <li class="nav-item">
                    <a class="nav-link text-light" aria-current="page" href="<?php echo site_url(); ?>admin/dashboard">
                        <i class="me-2 fa fa-home"></i>
                        <?php echo $this->lang->line('dashboard'); ?>
                    </a>
                </li>
                <li class="nav-item dropdown">
                    <a href="#" class="nav-link dropdown-toggle text-light" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="me-2 fa fa-users"></i>
                        <span>
                            <?php echo $this->lang->line('customers'); ?>
                        </span>
                    </a>
                    <ul class="dropdown-menu" id="clients">
                        <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/customers">
                                <span>
                                    <?php echo $this->lang->line('all_customers'); ?>
                                </span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/customers/customerForm">
                                <span>
                                    <?php echo $this->lang->line('new_customer'); ?>
                                </span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/invoices">
                                <span>
                                    <?php echo $this->lang->line('invoices'); ?>
                                </span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/invoices/payments">
                                <span>
                                    <?php echo $this->lang->line('receipts'); ?>
                                </span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/orders">
                                <span>
                                    <?php echo $this->lang->line('orders'); ?>
                                </span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/shipping">
                                <span>
                                    <?php echo $this->lang->line('shipping'); ?> 
                                </span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/customers/categories">
                                <span>
                                    <?php echo $this->lang->line('categories'); ?>
                                </span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/customers/customersOnline">
                                <span>
                                    <?php echo $this->lang->line('customers_session'); ?>
                                </span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/customers/customersLiveOnline">
                                <span>
                                    <?php echo $this->lang->line('customers_online'); ?>
                                </span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a href="#" class="nav-link dropdown-toggle text-light" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="me-2 fa fa-truck"></i>
                        <?php echo $this->lang->line('suppliers'); ?>
                    </a>
                    <ul class="dropdown-menu" id="suppliers" style="">
                        <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/suppliers">
                                <span><?php echo $this->lang->line('all_suppliers'); ?>
                                </span> </a>
                        </li>
                        <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/invoices/InvSuppliers"><span><?php echo $this->lang->line('suppliers_invoices'); ?></span> </a>
                        </li>
                        <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/invoices/supplierPayments">
                                <span>
                                    <?php echo $this->lang->line('commands_payment'); ?>
                                </span> </a>
                        </li>
                        <!-- <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/supplierAutoInvoice/index">
                                <span>
                                    <?php echo $this->lang->line('Automatic_invoice'); ?>
                                </span> </a>
                        </li> -->
                    </ul>
                </li>
                <!-- <li class="nav-item">
                    <a href="<?php echo site_url(); ?>admin/invoices/finance" class="nav-link text-light">
                        <i class="me-2 fa fa-dollar-sign"></i>
                        <?php echo $this->lang->line('page_financial'); ?>
                    </a>
                </li> -->
                <li class="nav-item">
                    <a href="<?php echo site_url(); ?>admin/products" class="nav-link text-light">
                        <i class="me-2 fa fa-shopping-cart"></i>
                        <?php echo $this->lang->line('products'); ?>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="<?php echo site_url(); ?>admin/accounts" class="nav-link text-light">
                        <i class="me-2 fas fa-user-circle"></i>
                        <?php echo $this->lang->line('accounts'); ?>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="<?php echo site_url(); ?>admin/dailyLog" class="nav-link text-light">
                        <i class="me-2 fa fa-dollar-sign"></i>
                        <?php echo $this->lang->line('daily_log'); ?>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="<?php echo site_url(); ?>admin/warehouse" class="nav-link text-light">
                        <i class="me-2 fa fa-warehouse"></i>
                        <?php echo $this->lang->line('warehouses'); ?>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="<?php echo site_url(); ?>admin/settings" class="nav-link text-light">
                        <i class="me-2 fa fa-cogs"></i>
                        <?php echo $this->lang->line('settings'); ?>
                    </a>
                </li>
                <li class="nav-item dropdown">
                    <a href="#" class="nav-link dropdown-toggle text-light" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="me-2 fa fa-users"></i>
                        <?php echo $this->lang->line('users'); ?>
                    </a>
                    <ul class="dropdown-menu" id="users" style="">
                        <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/users"><?php echo $this->lang->line('users'); ?></a>
                        </li>
                        <li class="nav-item">
                            <a class="dropdown-item" href="<?php echo site_url(); ?>admin/account">
                                <?php echo $this->lang->line('my_account'); ?>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
            <div class="btn-group rounded-pill border border-info shadow-lg">
                <button class="btn btn-sm text-white" type="button" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fa fa-globe"></i></button>
                <ul class="dropdown-menu" id="clients">
                    <li class="nav-item">
                        <a class="dropdown-item change_language" rel="arabic" href="#">
                            <span>
                                عربي
                            </span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="dropdown-item change_language" rel="hebrew" href="#">
                            <span>
                                עברית
                            </span>
                        </a>
                    </li>
               
                </ul>
                
                <button class="btn btn-sm text-white" type="button" data-bs-toggle="dropdown" id="logoutdrowndown" aria-expanded="false"><i class="fa fa-user"></i></button>
                <div class="dropdown-menu" aria-labelledby="logoutdrowndown">
                    <a class="dropdown-item" href="<?php echo site_url(); ?>login/logout"> <?php echo $this->lang->line('log_out'); ?></a>
                </div>
                <button class="btn btn-sm text-white" type="button"><i class="fa fa-bell"></i></button>
                <button class="btn btn-sm text-white" type="button"><i class="fa fa-envelope"></i></button>
            </div>
        </div>
    </div>

</nav>

<style>
    .nav-link {
        border-bottom: 2px solid transparent;
    }

    .nav-link:hover {
        border-bottom: 2px solid #00cfd5 !important;
    }
</style>