From 8960bce379d025904361444b00d40970d9a94f48 Mon Sep 17 00:00:00 2001
From: Marvin Borner
Date: Sun, 15 Jul 2018 16:08:38 +0200
Subject: Reworked  admin interface

---
 resources/views/admin/dashboard.blade.php          | 388 +++++++++++++++++++++
 resources/views/admin/layouts/app.blade.php        |  98 +-----
 .../views/admin/layouts/left_sidebar.blade.php     |  39 +++
 resources/views/admin/layouts/navbar.blade.php     |  44 +++
 .../views/admin/layouts/right_sidebar.blade.php    | 185 ++++++++++
 resources/views/admin/overview.blade.php           |  19 -
 6 files changed, 669 insertions(+), 104 deletions(-)
 create mode 100755 resources/views/admin/dashboard.blade.php
 create mode 100644 resources/views/admin/layouts/left_sidebar.blade.php
 create mode 100644 resources/views/admin/layouts/navbar.blade.php
 create mode 100644 resources/views/admin/layouts/right_sidebar.blade.php
 delete mode 100755 resources/views/admin/overview.blade.php

(limited to 'resources')

diff --git a/resources/views/admin/dashboard.blade.php b/resources/views/admin/dashboard.blade.php
new file mode 100755
index 0000000..b271a2d
--- /dev/null
+++ b/resources/views/admin/dashboard.blade.php
@@ -0,0 +1,388 @@
+@extends('admin.layouts.app') 
+@section('content_header')
+<h1>
+    Dashboard
+    <small>Version 2.0</small>
+</h1>
+<ol class="breadcrumb">
+    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
+    <li class="active">Dashboard</li>
+</ol>
+@endsection
+ 
+@section('content')
+
+<div class="row">
+    <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box">
+            <span class="info-box-icon bg-aqua"><i class="ion ion-ios-gear-outline"></i></span>
+
+            <div class="info-box-content">
+                <span class="info-box-text">CPU Traffic</span>
+            <span class="info-box-number">{{ $cpu_load }}<small>%</small></span>
+            </div>
+            <!-- /.info-box-content -->
+        </div>
+        <!-- /.info-box -->
+    </div>
+    <!-- /.col -->
+    <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box">
+            <span class="info-box-icon bg-red"><i class="fa fa-google-plus"></i></span>
+
+            <div class="info-box-content">
+                <span class="info-box-text">Likes</span>
+                <span class="info-box-number">41,410</span>
+            </div>
+            <!-- /.info-box-content -->
+        </div>
+        <!-- /.info-box -->
+    </div>
+    <!-- /.col -->
+
+    <!-- fix for small devices only -->
+    <div class="clearfix visible-sm-block"></div>
+
+    <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box">
+            <span class="info-box-icon bg-green"><i class="ion ion-ios-cart-outline"></i></span>
+
+            <div class="info-box-content">
+                <span class="info-box-text">Sales</span>
+                <span class="info-box-number">760</span>
+            </div>
+            <!-- /.info-box-content -->
+        </div>
+        <!-- /.info-box -->
+    </div>
+    <!-- /.col -->
+    <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box">
+            <span class="info-box-icon bg-yellow"><i class="ion ion-ios-people-outline"></i></span>
+
+            <div class="info-box-content">
+                <span class="info-box-text">New Members</span>
+                <span class="info-box-number">2,000</span>
+            </div>
+            <!-- /.info-box-content -->
+        </div>
+        <!-- /.info-box -->
+    </div>
+    <!-- /.col -->
+</div>
+<!-- /.row -->
+
+<div class="row">
+    <div class="col-md-12">
+        <div class="box">
+            <div class="box-header with-border">
+                <h3 class="box-title">Monthly Recap Report</h3>
+
+                <div class="box-tools pull-right">
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
+                            </button>
+                    <div class="btn-group">
+                        <button type="button" class="btn btn-box-tool dropdown-toggle" data-toggle="dropdown">
+                                <i class="fa fa-wrench"></i></button>
+                        <ul class="dropdown-menu" role="menu">
+                            <li><a href="#">Action</a></li>
+                            <li><a href="#">Another action</a></li>
+                            <li><a href="#">Something else here</a></li>
+                            <li class="divider"></li>
+                            <li><a href="#">Separated link</a></li>
+                        </ul>
+                    </div>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                </div>
+            </div>
+            <!-- /.box-header -->
+            <div class="box-body">
+                <div class="row">
+                    <div class="col-md-8">
+                        <p class="text-center">
+                            <strong>Sales: 1 Jan, 2014 - 30 Jul, 2014</strong>
+                        </p>
+
+                        <div class="chart">
+                            <!-- Sales Chart Canvas -->
+                            <canvas id="salesChart" style="height: 180px;"></canvas>
+                        </div>
+                        <!-- /.chart-responsive -->
+                    </div>
+                    <!-- /.col -->
+                    <div class="col-md-4">
+                        <p class="text-center">
+                            <strong>Goal Completion</strong>
+                        </p>
+
+                        <div class="progress-group">
+                            <span class="progress-text">Add Products to Cart</span>
+                            <span class="progress-number"><b>160</b>/200</span>
+
+                            <div class="progress sm">
+                                <div class="progress-bar progress-bar-aqua" style="width: 80%"></div>
+                            </div>
+                        </div>
+                        <!-- /.progress-group -->
+                        <div class="progress-group">
+                            <span class="progress-text">Complete Purchase</span>
+                            <span class="progress-number"><b>310</b>/400</span>
+
+                            <div class="progress sm">
+                                <div class="progress-bar progress-bar-red" style="width: 80%"></div>
+                            </div>
+                        </div>
+                        <!-- /.progress-group -->
+                        <div class="progress-group">
+                            <span class="progress-text">Visit Premium Page</span>
+                            <span class="progress-number"><b>480</b>/800</span>
+
+                            <div class="progress sm">
+                                <div class="progress-bar progress-bar-green" style="width: 80%"></div>
+                            </div>
+                        </div>
+                        <!-- /.progress-group -->
+                        <div class="progress-group">
+                            <span class="progress-text">Send Inquiries</span>
+                            <span class="progress-number"><b>250</b>/500</span>
+
+                            <div class="progress sm">
+                                <div class="progress-bar progress-bar-yellow" style="width: 80%"></div>
+                            </div>
+                        </div>
+                        <!-- /.progress-group -->
+                    </div>
+                    <!-- /.col -->
+                </div>
+                <!-- /.row -->
+            </div>
+            <!-- ./box-body -->
+            <div class="box-footer">
+                <div class="row">
+                    <div class="col-sm-3 col-xs-6">
+                        <div class="description-block border-right">
+                            <span class="description-percentage text-green"><i class="fa fa-caret-up"></i> 17%</span>
+                            <h5 class="description-header">$35,210.43</h5>
+                            <span class="description-text">TOTAL REVENUE</span>
+                        </div>
+                        <!-- /.description-block -->
+                    </div>
+                    <!-- /.col -->
+                    <div class="col-sm-3 col-xs-6">
+                        <div class="description-block border-right">
+                            <span class="description-percentage text-yellow"><i class="fa fa-caret-left"></i> 0%</span>
+                            <h5 class="description-header">$10,390.90</h5>
+                            <span class="description-text">TOTAL COST</span>
+                        </div>
+                        <!-- /.description-block -->
+                    </div>
+                    <!-- /.col -->
+                    <div class="col-sm-3 col-xs-6">
+                        <div class="description-block border-right">
+                            <span class="description-percentage text-green"><i class="fa fa-caret-up"></i> 20%</span>
+                            <h5 class="description-header">$24,813.53</h5>
+                            <span class="description-text">TOTAL PROFIT</span>
+                        </div>
+                        <!-- /.description-block -->
+                    </div>
+                    <!-- /.col -->
+                    <div class="col-sm-3 col-xs-6">
+                        <div class="description-block">
+                            <span class="description-percentage text-red"><i class="fa fa-caret-down"></i> 18%</span>
+                            <h5 class="description-header">1200</h5>
+                            <span class="description-text">GOAL COMPLETIONS</span>
+                        </div>
+                        <!-- /.description-block -->
+                    </div>
+                </div>
+                <!-- /.row -->
+            </div>
+            <!-- /.box-footer -->
+        </div>
+        <!-- /.box -->
+    </div>
+    <!-- /.col -->
+</div>
+<!-- /.row -->
+
+<!-- Main row -->
+<div class="row">
+    <!-- Left col -->
+    <div class="col-md-8">
+        <!-- MAP & BOX PANE -->
+        <div class="box box-success">
+            <div class="box-header with-border">
+                <h3 class="box-title">Visitors Report</h3>
+
+                <div class="box-tools pull-right">
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
+                            </button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                </div>
+            </div>
+            <!-- /.box-header -->
+            <div class="box-body no-padding">
+                <div class="row">
+                    <div class="col-md-9 col-sm-8">
+                        <div class="pad">
+                            <!-- Map will be created here -->
+                            <div id="world-map-markers" style="height: 325px;"></div>
+                        </div>
+                    </div>
+                    <!-- /.col -->
+                    <div class="col-md-3 col-sm-4">
+                        <div class="pad box-pane-right bg-green" style="min-height: 280px">
+                            <div class="description-block margin-bottom">
+                                <div class="sparkbar pad" data-color="#fff">90,70,90,70,75,80,70</div>
+                                <h5 class="description-header">8390</h5>
+                                <span class="description-text">Visits</span>
+                            </div>
+                            <!-- /.description-block -->
+                            <div class="description-block margin-bottom">
+                                <div class="sparkbar pad" data-color="#fff">90,50,90,70,61,83,63</div>
+                                <h5 class="description-header">30%</h5>
+                                <span class="description-text">Referrals</span>
+                            </div>
+                            <!-- /.description-block -->
+                            <div class="description-block">
+                                <div class="sparkbar pad" data-color="#fff">90,50,90,70,61,83,63</div>
+                                <h5 class="description-header">70%</h5>
+                                <span class="description-text">Organic</span>
+                            </div>
+                            <!-- /.description-block -->
+                        </div>
+                    </div>
+                    <!-- /.col -->
+                </div>
+                <!-- /.row -->
+            </div>
+            <!-- /.box-body -->
+        </div>
+        <!-- /.box -->
+    </div>
+    <!-- /.col -->
+
+    <div class="col-md-4">
+        <!-- Info Boxes Style 2 -->
+        <div class="info-box bg-yellow">
+            <span class="info-box-icon"><i class="ion ion-ios-pricetag-outline"></i></span>
+
+            <div class="info-box-content">
+                <span class="info-box-text">Inventory</span>
+                <span class="info-box-number">5,200</span>
+
+                <div class="progress">
+                    <div class="progress-bar" style="width: 50%"></div>
+                </div>
+                <span class="progress-description">
+                                50% Increase in 30 Days
+                              </span>
+            </div>
+            <!-- /.info-box-content -->
+        </div>
+        <!-- /.info-box -->
+        <div class="info-box bg-green">
+            <span class="info-box-icon"><i class="ion ion-ios-heart-outline"></i></span>
+
+            <div class="info-box-content">
+                <span class="info-box-text">Mentions</span>
+                <span class="info-box-number">92,050</span>
+
+                <div class="progress">
+                    <div class="progress-bar" style="width: 20%"></div>
+                </div>
+                <span class="progress-description">
+                                20% Increase in 30 Days
+                              </span>
+            </div>
+            <!-- /.info-box-content -->
+        </div>
+        <!-- /.info-box -->
+        <div class="info-box bg-red">
+            <span class="info-box-icon"><i class="ion ion-ios-cloud-download-outline"></i></span>
+
+            <div class="info-box-content">
+                <span class="info-box-text">Downloads</span>
+                <span class="info-box-number">114,381</span>
+
+                <div class="progress">
+                    <div class="progress-bar" style="width: 70%"></div>
+                </div>
+                <span class="progress-description">
+                                70% Increase in 30 Days
+                              </span>
+            </div>
+            <!-- /.info-box-content -->
+        </div>
+        <!-- /.info-box -->
+        <div class="info-box bg-aqua">
+            <span class="info-box-icon"><i class="ion-ios-chatbubble-outline"></i></span>
+
+            <div class="info-box-content">
+                <span class="info-box-text">Direct Messages</span>
+                <span class="info-box-number">163,921</span>
+
+                <div class="progress">
+                    <div class="progress-bar" style="width: 40%"></div>
+                </div>
+                <span class="progress-description">
+                                40% Increase in 30 Days
+                              </span>
+            </div>
+            <!-- /.info-box-content -->
+        </div>
+        <!-- /.info-box -->
+
+        <div class="box box-default">
+            <div class="box-header with-border">
+                <h3 class="box-title">Browser Usage</h3>
+
+                <div class="box-tools pull-right">
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
+                            </button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                </div>
+            </div>
+            <!-- /.box-header -->
+            <div class="box-body">
+                <div class="row">
+                    <div class="col-md-8">
+                        <div class="chart-responsive">
+                            <canvas id="pieChart" height="150"></canvas>
+                        </div>
+                        <!-- ./chart-responsive -->
+                    </div>
+                    <!-- /.col -->
+                    <div class="col-md-4">
+                        <ul class="chart-legend clearfix">
+                            <li><i class="fa fa-circle-o text-red"></i> Chrome</li>
+                            <li><i class="fa fa-circle-o text-green"></i> IE</li>
+                            <li><i class="fa fa-circle-o text-yellow"></i> FireFox</li>
+                            <li><i class="fa fa-circle-o text-aqua"></i> Safari</li>
+                            <li><i class="fa fa-circle-o text-light-blue"></i> Opera</li>
+                            <li><i class="fa fa-circle-o text-gray"></i> Navigator</li>
+                        </ul>
+                    </div>
+                    <!-- /.col -->
+                </div>
+                <!-- /.row -->
+            </div>
+            <!-- /.box-body -->
+            <div class="box-footer no-padding">
+                <ul class="nav nav-pills nav-stacked">
+                    <li><a href="#">United States of America
+                              <span class="pull-right text-red"><i class="fa fa-angle-down"></i> 12%</span></a></li>
+                    <li><a href="#">India <span class="pull-right text-green"><i class="fa fa-angle-up"></i> 4%</span></a>
+                    </li>
+                    <li><a href="#">China
+                              <span class="pull-right text-yellow"><i class="fa fa-angle-left"></i> 0%</span></a></li>
+                </ul>
+            </div>
+            <!-- /.footer -->
+        </div>
+        <!-- /.box -->
+    </div>
+    <!-- /.col -->
+</div>
+<!-- /.row -->
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/layouts/app.blade.php b/resources/views/admin/layouts/app.blade.php
index 216c3c8..e1d4632 100755
--- a/resources/views/admin/layouts/app.blade.php
+++ b/resources/views/admin/layouts/app.blade.php
@@ -7,94 +7,24 @@
     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
     <title>Admin interface of BEAM-Messenger</title>
 
-    <link href="{{ asset("css/admin.css") }}" rel="stylesheet" type="text/css" />
+    <link href="{{ asset("css/admin.css ") }}" rel="stylesheet" type="text/css" />
+    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic" rel="stylesheet">
     <!--[if lt IE 9]>
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
     <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
     <![endif]-->
 </head>
 
-<body class="skin-blue">
+<body class="hold-transition skin-blue sidebar-mini">
     <div class="wrapper">
 
-        <header class="main-header">
-            <a href="/" class="logo">
-                <b>BEAM</b>-Messenger</a>
-            <nav class="navbar navbar-static-top" role="navigation">
-                <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
-                    <span class="sr-only">Toggle navigation</span>
-                </a>
-                <div class="navbar-custom-menu">
-                    <ul class="nav navbar-nav">
-                        <li class="dropdown user user-menu">
-                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                                <img src="/avatar/{{ $user->id }}" class="user-image" alt="User Image" />
-                                <span class="hidden-xs">{{ $user->name }}</span>
-                            </a>
-                            <ul class="dropdown-menu">
-                                <li class="user-header">
-                                    <img src="/avatar/{{ $user->id }}" class="img-circle" alt="User Image" />
-                                    <p>
-                                        {{ $user->name }} - {{ $user->email }}
-                                        <small>Member since {{ $user->created_at !== null ? $user->created_at : "ever." }}</small>
-                                    </p>
-                                </li>
-                                <li class="user-footer">
-                                    <div class="pull-left">
-                                        <a href="/profile" class="btn btn-default btn-flat">Profile</a>
-                                    </div>
-                                    <div class="pull-right">
-                                        <a href="/logout" class="btn btn-default btn-flat">Sign out</a>
-                                    </div>
-                                </li>
-                            </ul>
-                        </li>
-                    </ul>
-                </div>
-            </nav>
-        </header>
+        @include('admin.layouts.navbar');
 
-        <aside class="main-sidebar">
-
-            <section class="sidebar">
-
-                <div class="user-panel">
-                    <div class="pull-left image">
-                        <img src="/avatar/{{ $user->id }}" class="img-circle" alt="User Image" />
-                    </div>
-                    <div class="pull-left info">
-                        <p>{{ $user->name }}</p>
-                        <a href="#">
-                            <i class="fa fa-circle text-success"></i> Online</a>
-                    </div>
-                </div>
-
-                {{--
-                <form action="#" method="get" class="sidebar-form">
-                    <div class="input-group">
-                        <input type="text" name="q" class="form-control" placeholder="Search..." />
-                        <span class="input-group-btn">
-                            <button type='submit' name='search' id='search-btn' class="btn btn-flat">
-                                <i class="fa fa-search"></i>
-                            </button>
-                        </span>
-                    </div>
-                </form> --}}
-
-                <ul class="sidebar-menu">
-                    <li class="header">Administration</li>
-                    <li class="active">
-                        <a href="/admin">
-                            <span>Overview</span>
-                        </a>
-                    </li>
-                </ul>
-            </section>
-        </aside>
+        @include('admin.layouts.left_sidebar');
 
         <div class="content-wrapper">
             <section class="content-header">
-                @yield('content-header')
+                @yield('content_header')
             </section>
 
             <section class="content">
@@ -102,17 +32,15 @@
             </section>
         </div>
 
-        <footer class="main-footer">
-            <div class="pull-right hidden-xs">
-                Anything you want
-            </div>
-            <strong>Copyright © 2015
-                <a href="#">Company</a>.</strong> All rights reserved.
-        </footer>
-
+        <aside class="control-sidebar control-sidebar-dark">
+            @include('admin.layouts.right_sidebar')
+        </aside>
+        <div class="control-sidebar-bg"></div>
     </div>
 
-    <script src="{{ asset("js/admin.js") }}"></script>
+    <script src="{{ asset("js/admin.js ") }}"></script>
+    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
+        crossorigin="anonymous"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/resources/views/admin/layouts/left_sidebar.blade.php b/resources/views/admin/layouts/left_sidebar.blade.php
new file mode 100644
index 0000000..3db3e38
--- /dev/null
+++ b/resources/views/admin/layouts/left_sidebar.blade.php
@@ -0,0 +1,39 @@
+<aside class="main-sidebar">
+    <!-- sidebar: style can be found in sidebar.less -->
+    <section class="sidebar">
+        <!-- Sidebar user panel -->
+        <div class="user-panel">
+            <div class="pull-left image">
+                <img src="/avatar/{{ $user->avatar }}" class="img-circle" alt="User Image">
+            </div>
+            <div class="pull-left info">
+                <p>{{ $user->name }}</p>
+                <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
+            </div>
+        </div>
+        <!-- search form -->
+        <form action="#" method="get" class="sidebar-form">
+            <div class="input-group">
+                <input type="text" name="q" class="form-control" placeholder="Search...">
+                <span class="input-group-btn">
+                <button type="submit" name="search" id="search-btn" class="btn btn-flat">
+                  <i class="fa fa-search"></i>
+                </button>
+              </span>
+            </div>
+        </form>
+        <!-- /.search form -->
+        <!-- sidebar menu: : style can be found in sidebar.less -->
+        <ul class="sidebar-menu" data-widget="tree">
+            <li class="header">NAVIGATION</li>
+
+            <li class="active treeview menu-open">
+                <a href="/admin">
+            <i class="fa fa-dashboard"></i> <span>Dashboard</span>
+          </a>
+            </li>
+
+        </ul>
+    </section>
+    <!-- /.sidebar -->
+</aside>
\ No newline at end of file
diff --git a/resources/views/admin/layouts/navbar.blade.php b/resources/views/admin/layouts/navbar.blade.php
new file mode 100644
index 0000000..149241a
--- /dev/null
+++ b/resources/views/admin/layouts/navbar.blade.php
@@ -0,0 +1,44 @@
+<header class="main-header">
+
+    <a href="/" class="logo">
+        <span class="logo-mini"><b>BEAM</b></span>
+        <span class="logo-lg"><b>BEAM</b>-Messenger</span>
+    </a>
+
+    <nav class="navbar navbar-static-top">
+        <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
+        <span class="sr-only">Toggle navigation</span>
+      </a>
+        <div class="navbar-custom-menu">
+            <ul class="nav navbar-nav">
+                <li class="dropdown user user-menu">
+                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <img src="/avatar/{{ $user->id }}" class="user-image" alt="User Image">
+              <span class="hidden-xs">{{ $user->name }}</span>
+            </a>
+                    <ul class="dropdown-menu">
+                        <li class="user-header">
+                            <img src="/avatar/{{ $user->id }}" class="img-circle" alt="User Image">
+                            <p>
+                                {{ $user->name }} - {{ $user->email }}
+                                <small>Member since {{ $user->created_at !== null ? $user->created_at : "ever." }}</small>
+                            </p>
+                        </li>
+                        <li class="user-footer">
+                            <div class="pull-left">
+                                <a href="/profile" class="btn btn-default btn-flat">Profile</a>
+                            </div>
+                            <div class="pull-right">
+                                <a href="/logout" class="btn btn-default btn-flat">Sign out</a>
+                            </div>
+                        </li>
+                    </ul>
+                </li>
+                <li>
+                    <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
+                </li>
+            </ul>
+        </div>
+
+    </nav>
+</header>
\ No newline at end of file
diff --git a/resources/views/admin/layouts/right_sidebar.blade.php b/resources/views/admin/layouts/right_sidebar.blade.php
new file mode 100644
index 0000000..80ce125
--- /dev/null
+++ b/resources/views/admin/layouts/right_sidebar.blade.php
@@ -0,0 +1,185 @@
+<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
+    <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
+    <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
+</ul>
+<!-- Tab panes -->
+<div class="tab-content">
+    <!-- Home tab content -->
+    <div class="tab-pane" id="control-sidebar-home-tab">
+        <h3 class="control-sidebar-heading">Recent Activity</h3>
+        <ul class="control-sidebar-menu">
+            <li>
+                <a href="javascript:void(0)">
+          <i class="menu-icon fa fa-birthday-cake bg-red"></i>
+
+          <div class="menu-info">
+            <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
+
+            <p>Will be 23 on April 24th</p>
+          </div>
+        </a>
+            </li>
+            <li>
+                <a href="javascript:void(0)">
+          <i class="menu-icon fa fa-user bg-yellow"></i>
+
+          <div class="menu-info">
+            <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
+
+            <p>New phone +1(800)555-1234</p>
+          </div>
+        </a>
+            </li>
+            <li>
+                <a href="javascript:void(0)">
+          <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
+
+          <div class="menu-info">
+            <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
+
+            <p>nora@example.com</p>
+          </div>
+        </a>
+            </li>
+            <li>
+                <a href="javascript:void(0)">
+          <i class="menu-icon fa fa-file-code-o bg-green"></i>
+
+          <div class="menu-info">
+            <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
+
+            <p>Execution time 5 seconds</p>
+          </div>
+        </a>
+            </li>
+        </ul>
+        <!-- /.control-sidebar-menu -->
+
+        <h3 class="control-sidebar-heading">Tasks Progress</h3>
+        <ul class="control-sidebar-menu">
+            <li>
+                <a href="javascript:void(0)">
+                    <h4 class="control-sidebar-subheading">
+                        Custom Template Design
+                        <span class="label label-danger pull-right">70%</span>
+                    </h4>
+
+                    <div class="progress progress-xxs">
+                        <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
+                    </div>
+                </a>
+            </li>
+            <li>
+                <a href="javascript:void(0)">
+                    <h4 class="control-sidebar-subheading">
+                        Update Resume
+                        <span class="label label-success pull-right">95%</span>
+                    </h4>
+
+                    <div class="progress progress-xxs">
+                        <div class="progress-bar progress-bar-success" style="width: 95%"></div>
+                    </div>
+                </a>
+            </li>
+            <li>
+                <a href="javascript:void(0)">
+                    <h4 class="control-sidebar-subheading">
+                        Laravel Integration
+                        <span class="label label-warning pull-right">50%</span>
+                    </h4>
+
+                    <div class="progress progress-xxs">
+                        <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
+                    </div>
+                </a>
+            </li>
+            <li>
+                <a href="javascript:void(0)">
+                    <h4 class="control-sidebar-subheading">
+                        Back End Framework
+                        <span class="label label-primary pull-right">68%</span>
+                    </h4>
+
+                    <div class="progress progress-xxs">
+                        <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
+                    </div>
+                </a>
+            </li>
+        </ul>
+        <!-- /.control-sidebar-menu -->
+
+    </div>
+    <!-- /.tab-pane -->
+    <!-- Stats tab content -->
+    <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
+    <!-- /.tab-pane -->
+    <!-- Settings tab content -->
+    <div class="tab-pane" id="control-sidebar-settings-tab">
+        <form method="post">
+            <h3 class="control-sidebar-heading">General Settings</h3>
+
+            <div class="form-group">
+                <label class="control-sidebar-subheading">
+          Report panel usage
+          <input type="checkbox" class="pull-right" checked>
+        </label>
+
+                <p>
+                    Some information about this general settings option
+                </p>
+            </div>
+            <!-- /.form-group -->
+
+            <div class="form-group">
+                <label class="control-sidebar-subheading">
+          Allow mail redirect
+          <input type="checkbox" class="pull-right" checked>
+        </label>
+
+                <p>
+                    Other sets of options are available
+                </p>
+            </div>
+            <!-- /.form-group -->
+
+            <div class="form-group">
+                <label class="control-sidebar-subheading">
+          Expose author name in posts
+          <input type="checkbox" class="pull-right" checked>
+        </label>
+
+                <p>
+                    Allow the user to show his name in blog posts
+                </p>
+            </div>
+            <!-- /.form-group -->
+
+            <h3 class="control-sidebar-heading">Chat Settings</h3>
+
+            <div class="form-group">
+                <label class="control-sidebar-subheading">
+          Show me as online
+          <input type="checkbox" class="pull-right" checked>
+        </label>
+            </div>
+            <!-- /.form-group -->
+
+            <div class="form-group">
+                <label class="control-sidebar-subheading">
+          Turn off notifications
+          <input type="checkbox" class="pull-right">
+        </label>
+            </div>
+            <!-- /.form-group -->
+
+            <div class="form-group">
+                <label class="control-sidebar-subheading">
+          Delete chat history
+          <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
+        </label>
+            </div>
+            <!-- /.form-group -->
+        </form>
+    </div>
+    <!-- /.tab-pane -->
+</div>
\ No newline at end of file
diff --git a/resources/views/admin/overview.blade.php b/resources/views/admin/overview.blade.php
deleted file mode 100755
index d97059e..0000000
--- a/resources/views/admin/overview.blade.php
+++ /dev/null
@@ -1,19 +0,0 @@
-@extends('admin.layouts.app')
-
-@section('content')
-{{ $user }}
-@endsection 
-
-@section('content-header')
-<h1>
-    Overview
-    <small>Overview of all data</small>
-</h1>
-<ol class="breadcrumb">
-    <li>
-        <a href="#">
-            <i class="fa fa-dashboard"></i> Administration</a>
-    </li>
-    <li class="active">Overview</li>
-</ol>
-@endsection
\ No newline at end of file
-- 
cgit v1.2.3