<!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">
  <meta name="csrf-token" content="{{ csrf_token() }}">


  <title>Click Mobile | @yield('page_title') </title>

  <!-- Font Awesome -->
  <link href="{!! url('public/assets/vendors/font-awesome/css/font-awesome.min.css') !!}" rel="stylesheet">
  <!-- NProgress -->


  <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;800&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link rel="stylesheet" href="{!! url('public/dashboard_assets/css/dashboard-default.css') !!}">
    <link rel="stylesheet" href="{!! url('public/dashboard_assets/css/styles.css') !!}">
    <title>USSD Dash</title>


  @yield('css')
  <!-- Custom Theme Style -->
</head>

<body class="nav-md">
      <div class="container-fluid ">
        <div class="row">
            <nav id="sidebarMenu" class=" col-lg-1 col-md-1 d-md-block sidebar collapse">
                <div class="position-sticky pt-3"></div>
            </nav>
            <main class="ms-sm-auto col-lg-11 col-md-11 px-md-4">
                <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-4 pb-2 mb-2">
                    <h1 class="h5 fw-light">Dashboard</h1>
                </div>
                @yield('content')
      
            </main>
        </div>
      </div>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
        crossorigin="anonymous"></script>

  @yield('javascript')
</body>

</html>