<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ $title }}</title>
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="shortcut icon" href="{{ asset('assets/') }}/mm.svg" type="image/png">
    <!-- Google Font: Source Sans Pro -->
    <link rel="stylesheet"
        href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="{{ asset('assets/admin/') }}/plugins/fontawesome-free/css/all.min.css">
    <!-- Theme style -->
    {{ $slot }}
    <link rel="stylesheet" href="{{ asset('assets/admin/') }}/dist/css/adminlte.min.css">
    <style>
        ul.nav-pills li {
            border-bottom: 1px solid rgb(219, 215, 215);

        }

        ul.nav-pills li.nav-header {
            color: rgb(22, 128, 226);
        }

        .tab tr th {
            text-align: center;
            padding: 8px;
            background: rgb(223, 70, 70);
            color: #fff;
        }

        .tab tr td {
            padding: 3px;
            vertical-align: middle;
            line-height: 18px;
        }
    </style>
</head>

<body class="hold-transition layout-top-nav">
    <div class="wrapper">

        <!-- Navbar -->
        <nav class="main-header navbar navbar-expand-md navbar-primary navbar-dark border-bottom-0">
            <div class="container-fluid">
                <a href="/kasir" class="navbar-brand">
                    <img src="{{ asset('assets/publics/ramizah.png') }}" alt="Logo" class="brand-image ">
                    <span class="brand-text font-weight-light"></span>
                </a>

                <button class="navbar-toggler order-1" type="button" data-toggle="collapse"
                    data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse order-3" id="navbarCollapse">
                    <!-- Left navbar links -->
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a href="/kasir" class="nav-link">Home</a>
                        </li>

                    </ul>

                    <!-- SEARCH FORM -->

                </div>

                <!-- Right navbar links -->

                <ul class="order-1 order-md-3 navbar-nav navbar-no-expand ml-auto">
                    <!-- Messages Dropdown Menu -->
                    <li class="nav-item dropdown">
                        <a class="nav-link" data-toggle="dropdown" href="#">
                            <i class="fas fa-users"></i>
                            <span class="badge badge-warning navbar-badge" id="membaru"></span>
                        </a>
                        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                            {{-- <a href="#" class="dropdown-item">
                                <i class="fas fa-users mr-2"></i> 8 friend requests
                                <span class="float-right text-muted text-sm">12 hours</span>
                            </a>
                            <div class="dropdown-divider"></div> --}}
                            <span id="dtmembaru"></span>

                            <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
                        </div>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link" data-toggle="dropdown" href="#">
                            <i class="fas fa-shopping-cart"></i>
                            <span class="notif">

                            </span>
                        </a>

                        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                            <span id="dataorderan"></span>
                            <!-- Message End -->
                            <div class="dropdown-divider"></div>
                            <a href="/order-online" class="dropdown-item dropdown-footer">See All Orders</a>
                        </div>
                    </li>
                    <!-- Notifications Dropdown Menu -->

                    <li class="nav-item">
                        <a class="nav-link bg-danger" href="/logout" role="button"
                            style="border-radius:5px; margin-left: 5px;">
                            <i class="fas fa-fa fa-sign-out-alt"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </nav>
        <!-- /.navbar -->
