Index: resources/views/dashboard/index.blade.php
===================================================================
--- resources/views/dashboard/index.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/views/dashboard/index.blade.php	(revision c6b84df06586305606df5b76204a64cdc63b09a2)
@@ -1,5 +1,3 @@
 @extends('layouts.app')
-
-@section("title", "Dashboard")
 
 @section('head')
@@ -7,19 +5,25 @@
     <link rel="stylesheet" href="{{ url('/vendors/slick/slick.css') }}" type="text/css">
     <link rel="stylesheet" href="{{ url('/vendors/slick/slick-theme.css') }}" type="text/css">
+
+    <!-- Daterangepicker -->
+    <link rel="stylesheet" href="{{ url('vendors/datepicker/daterangepicker.css') }}" type="text/css">
+
+    <!-- DataTable -->
+    <link rel="stylesheet" href="{{ url('vendors/dataTable/datatables.min.css') }}" type="text/css">
 @endsection
 
-
 @section('pageTitle', 'Dashboard')
 
 @section('content')
 
-    <nav aria-label="breadcrumb">
-        <ol class="breadcrumb">
-            <li class="breadcrumb-item">
-                <a href="{{ url('/') }}">Home</a>
-            </li>
-            <li class="breadcrumb-item active" aria-current="page">Projects</li>
-        </ol>
-    </nav>
+    <div class="page-header">
+        <nav aria-label="breadcrumb">
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                    <a href="{{ url('/') }}">Dashboard</a>
+                </li>
+            </ol>
+        </nav>
+    </div>
 
     <div class="row">
@@ -27,641 +31,946 @@
 
             <div class="row">
-                <div class="col-lg-8 col-md-12">
+                <div class="col-lg-4 col-md-12">
                     <div class="card">
                         <div class="card-body">
-                            <div class="card-title d-flex justify-content-between">
-                                <h6 class="card-title">Project Tasks</h6>
+                            <div class="d-flex justify-content-between mb-3">
                                 <div>
-                                    <a href="#" class="mr-3">
-                                        <i class="fa fa-refresh"></i>
-                                    </a>
-                                    <span class="dropdown">
-                                        <a href="#" data-toggle="dropdown" aria-haspopup="true"
-                                           aria-expanded="false">
-                                            <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
+                                    <p class="text-muted">Total Departments</p>
+                                    <h2 class="font-weight-bold">{{ $departments->count() }}</h2>
+                                </div>
+                                <div>
+                                    <figure class="avatar">
+                                        <span class="avatar-title bg-success-bright text-success rounded-circle">
+                                            <i class="ti-layout-grid2"></i>
+                                        </span>
+                                    </figure>
+                                </div>
+                            </div>
+                            <div class="d-inline-flex align-items-center">
+                                <a href="{{ route("dashboard.departments.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show departments</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-4 col-md-12">
+                    <div class="card">
+                        <div class="card-body">
+                            <div class="d-flex justify-content-between mb-3">
+                                <div>
+                                    <p class="text-muted">Total Folders</p>
+                                    <h2 class="font-weight-bold">{{ $folders->count() }}</h2>
+                                </div>
+                                <div>
+                                    <figure class="avatar">
+                                        <span class="avatar-title bg-info-bright text-info rounded-circle">
+                                            <i class="ti-folder"></i>
+                                        </span>
+                                    </figure>
+                                </div>
+                            </div>
+                            <div class="d-inline-flex align-items-center">
+                                <a href="{{ route("dashboard.folders.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show folders</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-4 col-md-12">
+                    <div class="card">
+                        <div class="card-body">
+                            <div class="d-flex justify-content-between mb-3">
+                                <div>
+                                    <p class="text-muted">Total Files</p>
+                                    <h2 class="font-weight-bold">{{ $files->count() }}</h2>
+                                </div>
+                                <div>
+                                    <figure class="avatar">
+                                        <span class="avatar-title bg-warning-bright text-warning rounded-circle">
+                                            <i class="ti-files"></i>
+                                        </span>
+                                    </figure>
+                                </div>
+                            </div>
+                            <div class="d-inline-flex align-items-center">
+                                <a href="{{ route("dashboard.files.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show files</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-lg-8 col-md-12">
+            <div class="card">
+                <div class="card-body">
+                    <div class="d-flex justify-content-between">
+                        <h6 class="card-title">Revenue</h6>
+                        <div>
+                            <a href="#" class="btn btn-outline-light btn-sm mr-2">
+                                <i class="fa fa-refresh"></i>
+                            </a>
+                            <div class="dropdown">
+                                <a href="#" data-toggle="dropdown"
+                                   class="btn btn-outline-light btn-sm"
+                                   aria-haspopup="true" aria-expanded="false">
+                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
+                                </a>
+                                <div class="dropdown-menu dropdown-menu-right">
+                                    <a class="dropdown-item" href="#">Action</a>
+                                    <a class="dropdown-item" href="#">Another action</a>
+                                    <a class="dropdown-item" href="#">Something else here</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row mb-3">
+                        <div class="col-lg-4">
+                            <p class="mb-2">This Week</p>
+                            <div class="d-flex align-items-end">
+                                <h2 class="mb-0 line-height-30 font-size-35">$235</h2>
+                                <span class="text-success small ml-2 d-flex align-items-center">
+                                    <span class="ti-arrow-up mr-2"></span>
+                                    <span class="badge badge-success rounded d-inline-flex align-items-center">1.9%</span>
+                                </span>
+                            </div>
+                        </div>
+                        <div class="col-lg-4">
+                            <p class="mb-2">Last Week</p>
+                            <div class="d-flex align-items-end">
+                                <h2 class="mb-0 line-height-30 font-size-35">$5,180</h2>
+                                <span class="text-danger small ml-2 d-flex align-items-center">
+                                    <span class="ti-arrow-down mr-2"></span>
+                                    <span class="badge badge-danger rounded d-inline-flex align-items-center">1.9%</span>
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="revenue"></div>
+                </div>
+            </div>
+
+        </div>
+        <div class="col-lg-4 col-md-12">
+            <div class="card">
+                <div class="card-body">
+                    <div class="d-flex justify-content-between">
+                        <h6 class="card-title">Hot Products</h6>
+                        <div>
+                            <div class="dropdown">
+                                <a href="#" data-toggle="dropdown"
+                                   class="btn btn-outline-light btn-sm"
+                                   aria-haspopup="true" aria-expanded="false">
+                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
+                                </a>
+                                <div class="dropdown-menu dropdown-menu-right">
+                                    <a class="dropdown-item" href="#">Action</a>
+                                    <a class="dropdown-item" href="#">Another action</a>
+                                    <a class="dropdown-item" href="#">Something else here</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="hot-products"></div>
+                    <div>
+                        <ul class="list-group list-group-flush">
+                            <li class="list-group-item pl-0 pr-0">
+                                <i class="fa fa-circle mr-1 text-secondary"></i> Iphone
+                            </li>
+                            <li class="list-group-item pl-0 pr-0">
+                                <i class="fa fa-circle mr-1 text-warning"></i> Samsung
+                            </li>
+                            <li class="list-group-item pl-0 pr-0">
+                                <i class="fa fa-circle mr-1 text-info"></i> Huawei
+                            </li>
+                            <li class="list-group-item pl-0 pr-0">
+                                <i class="fa fa-circle mr-1 text-success"></i> General Mobile
+                            </li>
+                            <li class="list-group-item pl-0 pr-0">
+                                <i class="fa fa-circle mr-1 text-danger"></i> Xiaomi
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="card">
+        <div class="card-body">
+            <div class="d-flex justify-content-between">
+                <h6 class="card-title">Recent Orders</h6>
+                <div>
+                    <a href="#" class="btn btn-outline-light btn-sm mr-2">
+                        <i class="fa fa-refresh"></i>
+                    </a>
+                    <div class="dropdown">
+                        <a href="#" data-toggle="dropdown"
+                           class="btn btn-outline-light btn-sm"
+                           aria-haspopup="true" aria-expanded="false">
+                            <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
+                        </a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#">Action</a>
+                            <a class="dropdown-item" href="#">Another action</a>
+                            <a class="dropdown-item" href="#">Something else here</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="table-responsive">
+                        <table id="recent-orders" class="table table-lg">
+                            <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>Product Name</th>
+                                <th>Customer</th>
+                                <th>Total Price</th>
+                                <th>Status</th>
+                                <th>Date</th>
+                                <th>Action</th>
+                            </tr>
+                            </thead>
+                            <tbody>
+                            <tr>
+                                <td>
+                                    <a href="#">3145</a>
+                                </td>
+                                <td>
+                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
+                                        <img width="40" src="{{ url('assets/media/image/products/product1.png') }}"
+                                             class="rounded mr-3" alt="grape">
+                                        <span>HP Pavilion 15-EC0005NT AMD</span>
+                                    </a>
+                                </td>
+                                <td>Dollie Bullock</td>
+                                <td>$230</td>
+                                <td>
+                                    <span
+                                        class="badge bg-secondary-bright text-secondary">On pre-order (not paid)</span>
+                                </td>
+                                <td>2018/08/28 21:24:36</td>
+                                <td>
+                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
+                                        <i class="ti-pencil"></i>
+                                    </a>
+                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
+                                        <i class="ti-trash"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+                                    <a href="#">7321</a>
+                                </td>
+                                <td>
+                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
+                                        <img width="40" src="{{ url('assets/media/image/products/product2.png') }}"
+                                             class="rounded mr-3" alt="banana">
+                                        <span>Samsung Galaxy A51 128 GB</span>
+                                    </a>
+                                </td>
+                                <td>Holmes Hines</td>
+                                <td>$300</td>
+                                <td>
+                                    <span class="badge bg-success-bright text-success">Payment accepted</span>
+                                </td>
+                                <td>2018/08/28 21:24:36</td>
+                                <td>
+                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
+                                        <i class="ti-pencil"></i>
+                                    </a>
+                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
+                                        <i class="ti-trash"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+                                    <a href="#">9342</a>
+                                </td>
+                                <td>
+                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
+                                        <img width="40" src="{{ url('assets/media/image/products/product3.png') }}"
+                                             class="rounded mr-3" alt="cherry">
+                                        <span>Snopy SN-BT96 Pretty</span>
+                                    </a>
+                                </td>
+                                <td>Serena Glover</td>
+                                <td>$250</td>
+                                <td>
+                                    <span class="badge bg-danger-bright text-danger">Payment error</span>
+                                </td>
+                                <td>2018/08/28 21:24:36</td>
+                                <td>
+                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
+                                        <i class="ti-pencil"></i>
+                                    </a>
+                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
+                                        <i class="ti-trash"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+                                    <a href="#">6416</a>
+                                </td>
+                                <td>
+                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
+                                        <img width="40" src="{{ url('assets/media/image/products/product4.png') }}"
+                                             class="rounded mr-3" alt="papaya">
+                                        <span>Ultimate Ears Wonderboom</span>
+                                    </a>
+                                </td>
+                                <td>Dianne Prince</td>
+                                <td>$550</td>
+                                <td>
+                                    <span class="badge bg-success-bright text-success">Payment accepted</span>
+                                </td>
+                                <td>2018/08/28 21:24:36</td>
+                                <td>
+                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
+                                        <i class="ti-pencil"></i>
+                                    </a>
+                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
+                                        <i class="ti-trash"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+                                    <a href="#">92327</a>
+                                </td>
+                                <td>
+                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
+                                        <img width="40" src="{{ url('assets/media/image/products/product5.png') }}"
+                                             class="rounded mr-3" alt="pig">
+                                        <span>Canon Pixma E3140 Printer</span>
+                                    </a>
+                                </td>
+                                <td>Morgan Pitts</td>
+                                <td>$280</td>
+                                <td>
+                                    <span class="badge bg-warning-bright text-warning">Preparing the order</span>
+                                </td>
+                                <td>2018/08/28 21:24:36</td>
+                                <td>
+                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
+                                        <i class="ti-pencil"></i>
+                                    </a>
+                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
+                                        <i class="ti-trash"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+                                    <a href="#">3013</a>
+                                </td>
+                                <td>
+                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
+                                        <img width="40" src="{{ url('assets/media/image/products/product6.png') }}"
+                                             class="rounded mr-3" alt="pineapple">
+                                        <span>Canon 4000D 18-55 MM</span>
+                                    </a>
+                                </td>
+                                <td>Merrill Richardson</td>
+                                <td>$128</td>
+                                <td>
+                                    <span class="badge bg-info-bright text-info">Awaiting PayPal payment</span>
+                                </td>
+                                <td>2018/08/28 21:24:36</td>
+                                <td>
+                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
+                                        <i class="ti-pencil"></i>
+                                    </a>
+                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
+                                        <i class="ti-trash"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+                                    <a href="#">10323</a>
+                                </td>
+                                <td>
+                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
+                                        <img width="40" src="{{ url('assets/media/image/products/product7.png') }}"
+                                             class="rounded mr-3" alt="pomegranate">
+                                        <span>Lenovo Tab E10 TB-X104F 32GB 10.1"</span>
+                                    </a>
+                                </td>
+                                <td>Krista Mathis</td>
+                                <td>$500</td>
+                                <td>
+                                    <span class="badge bg-secondary-bright text-secondary">Shipped</span>
+                                </td>
+                                <td>2018/08/28 21:24:36</td>
+                                <td>
+                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
+                                        <i class="ti-pencil"></i>
+                                    </a>
+                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
+                                        <i class="ti-trash"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+                                    <a href="#">4218</a>
+                                </td>
+                                <td>
+                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
+                                        <img width="40" src="{{ url('assets/media/image/products/product8.png') }}"
+                                             class="rounded mr-3" alt="raspberry">
+                                        <span>Samsung 55Q60RAT 55"</span>
+                                    </a>
+                                </td>
+                                <td>Frankie Hewitt</td>
+                                <td>$300</td>
+                                <td>
+                                    <span class="badge bg-success-bright text-success">Remote payment accepted</span>
+                                </td>
+                                <td>2018/08/28 21:24:36</td>
+                                <td>
+                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
+                                        <i class="ti-pencil"></i>
+                                    </a>
+                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
+                                        <i class="ti-trash"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+                                    <a href="#">3158</a>
+                                </td>
+                                <td>
+                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
+                                        <img width="40" src="{{ url('assets/media/image/products/product9.png') }}"
+                                             class="rounded mr-3" alt="strawberry">
+                                        <span>Toshiba Canvio Basic 1TB 2.5"</span>
+                                    </a>
+                                </td>
+                                <td>Hayden Fitzgerald</td>
+                                <td>$200</td>
+                                <td>
+                                    <span class="badge bg-success-bright text-success">Delivered</span>
+                                </td>
+                                <td>2018/08/28 21:24:36</td>
+                                <td>
+                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
+                                        <i class="ti-pencil"></i>
+                                    </a>
+                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
+                                        <i class="ti-trash"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+                                    <a href="#">9610</a>
+                                </td>
+                                <td>
+                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
+                                        <img width="40" src="{{ url('assets/media/image/products/product10.png') }}"
+                                             class="rounded mr-3" alt="watermelon">
+                                        <span>Fms Wireless Controller</span>
+                                    </a>
+                                </td>
+                                <td>Cole Holcomb</td>
+                                <td>$700</td>
+                                <td>
+                                    <span
+                                        class="badge bg-secondary-bright text-secondary">On pre-order (not paid)</span>
+                                </td>
+                                <td>2018/08/28 21:24:36</td>
+                                <td>
+                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
+                                        <i class="ti-pencil"></i>
+                                    </a>
+                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
+                                        <i class="ti-trash"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-lg-8 col-md-12">
+            <div class="card">
+                <div class="card-body">
+                    <div class="d-md-flex mb-2 mb-sm-0 justify-content-between">
+                        <h6 class="card-title">Activities</h6>
+                        <div>
+                            <div id="reportrange" class="form-control">
+                                <span></span>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="ecommerce-activity-chart"></div>
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-4 col-md-12">
+            <div class="card">
+                <div class="card-body pb-0">
+                    <div class="d-flex justify-content-between align-items-start mb-3">
+                        <h6 class="card-title mb-0">Top Sales</h6>
+                        <a href="#" class="small">All Sales</a>
+                    </div>
+                </div>
+                <div class="table-responsive">
+                    <table class="table table-striped mb-0">
+                        <thead>
+                        <tr>
+                            <th>Product</th>
+                            <th>Total Sales</th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr>
+                            <td>
+                                <a href="#">Apple</a>
+                            </td>
+                            <td>21</td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <a href="#">Samsung <span class="badge badge-danger ml-1">New</span></a>
+                            </td>
+                            <td>52</td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <a href="#">Huawei</a>
+                            </td>
+                            <td>74</td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <a href="#">General Mobile</a>
+                            </td>
+                            <td>25</td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <a href="#">Xiaomi</a>
+                            </td>
+                            <td>11</td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <a href="#">Nokia</a>
+                            </td>
+                            <td>8</td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <a href="#">Sony</a>
+                            </td>
+                            <td>5</td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <a href="#">Alcatel</a>
+                            </td>
+                            <td>5</td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-6">
+            <div class="card">
+                <div class="card-body">
+                    <h6 class="card-title d-flex justify-content-between">
+                        <span>Income Distribution</span>
+                        <span class="dropdown">
+                            <a class="btn btn-outline-light btn-sm dropdown-toggle" href="#"
+                               data-toggle="dropdown">USA</a>
+                            <span class="dropdown-menu dropdown-menu-right">
+                                <a href="#" class="dropdown-item">USA</a>
+                                <a href="#" class="dropdown-item">Germany</a>
+                                <a href="#" class="dropdown-item">France</a>
+                                <a href="#" class="dropdown-item">Italy</a>
+                            </span>
+                        </span>
+                    </h6>
+                    <div id="vmap_usa_en" style="height: 300px"></div>
+                </div>
+                <div class="table-responsive">
+                    <table class="table table-borderless table-lg table-striped mb-0">
+                        <thead>
+                        <tr>
+                            <th class="wd-40">States</th>
+                            <th class="wd-25 text-center">Orders</th>
+                            <th class="wd-35 text-center">Earnings</th>
+                            <th class="wd-35"></th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr>
+                            <td>California</td>
+                            <td class="text-center">12,201</td>
+                            <td class="text-center text-success">$150,200.80</td>
+                            <td class="text-right">
+                                <a href="#" data-toggle="tooltip" title="Detail">
+                                    <i class="fa fa-external-link"></i>
+                                </a>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>Texas</td>
+                            <td class="text-center">11,950</td>
+                            <td class="text-center text-success">$138,910.20</td>
+                            <td class="text-right">
+                                <a href="#" data-toggle="tooltip" title="Detail">
+                                    <i class="fa fa-external-link"></i>
+                                </a>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>Wyoming</td>
+                            <td class="text-center">11,198</td>
+                            <td class="text-center text-danger">$132,050.00</td>
+                            <td class="text-right">
+                                <a href="#" data-toggle="tooltip" title="Detail">
+                                    <i class="fa fa-external-link"></i>
+                                </a>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>Florida</td>
+                            <td class="text-center">9,885</td>
+                            <td class="text-center text-success">$127,762.10</td>
+                            <td class="text-right">
+                                <a href="#" data-toggle="tooltip" title="Detail">
+                                    <i class="fa fa-external-link"></i>
+                                </a>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>New York</td>
+                            <td class="text-center">21,198</td>
+                            <td class="text-center text-danger">$432,410.00</td>
+                            <td class="text-right">
+                                <a href="#" data-toggle="tooltip" title="Detail">
+                                    <i class="fa fa-external-link"></i>
+                                </a>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>Montana</td>
+                            <td class="text-center">2,885</td>
+                            <td class="text-center text-success">$7,100.00</td>
+                            <td class="text-right">
+                                <a href="#" data-toggle="tooltip" title="Detail">
+                                    <i class="fa fa-external-link"></i>
+                                </a>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-6">
+            <div class="card">
+                <div class="card-body">
+                    <div class="card-title d-flex justify-content-between">
+                        <h6 class="card-title">Revenue by Country</h6>
+                        <div>
+                            <a href="#" class="btn btn-outline-light btn-sm mr-2">
+                                <i class="fa fa-refresh"></i>
+                            </a>
+                            <div class="dropdown">
+                                <a href="#" data-toggle="dropdown"
+                                   class="btn btn-outline-light btn-sm"
+                                   aria-haspopup="true" aria-expanded="false">
+                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
+                                </a>
+                                <div class="dropdown-menu dropdown-menu-right">
+                                    <a class="dropdown-item" href="#">Action</a>
+                                    <a class="dropdown-item" href="#">Another action</a>
+                                    <a class="dropdown-item" href="#">Something else here</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <p>Total Revenue</p>
+                    <h2 class="mb-4 font-size-35">$469,453</h2>
+                    <div class="progress mb-3" style="height: 10px">
+                        <div class="progress-bar w-25 bg-secondary-gradient" role="progressbar"></div>
+                        <div class="progress-bar w-50 bg-info-gradient" role="progressbar"></div>
+                        <div class="progress-bar w-25 bg-warning-gradient" role="progressbar"></div>
+                        <div class="progress-bar w-25 bg-success-gradient" role="progressbar"></div>
+                        <div class="progress-bar w-50 bg-danger-gradient" role="progressbar"></div>
+                    </div>
+                </div>
+                <div class="p-4 bg-dark-gradient">
+                    <ul class="list-inline ">
+                        <li class="list-inline-item mr-4 mb-3">
+                            <div class="d-flex align-items-center">
+                                <span class="d-inline-flex align-items-center">
+                                    <i class="fa fa-circle text-secondary mr-1 small"></i> Russia
+                                </span>
+                                <small class="ml-3 text-success d-inline-flex align-items-center">
+                                    <i class="fa fa-caret-up mr-1"></i> 40%
+                                </small>
+                            </div>
+                        </li>
+                        <li class="list-inline-item mr-4 mb-3">
+                            <div class="d-flex align-items-center">
+                                <span class="d-inline-flex align-items-center">
+                                    <i class="fa fa-circle text-info mr-1 small"></i> Australia
+                                </span>
+                                <small class="ml-3 text-danger d-inline-flex align-items-center">
+                                    <i class="fa fa-caret-down mr-1"></i> 25%
+                                </small>
+                            </div>
+                        </li>
+                        <li class="list-inline-item mr-4 mb-3">
+                            <div class="d-flex align-items-center">
+                                <span class="d-inline-flex align-items-center">
+                                <i class="fa fa-circle text-warning mr-1 small"></i> China
+                                </span>
+                                <small class="ml-3 text-success d-inline-flex align-items-center">
+                                    <i class="fa fa-caret-up mr-1"></i> 30%
+                                </small>
+                            </div>
+                        </li>
+                        <li class="list-inline-item mr-4 mb-3">
+                            <div class="d-flex align-items-center">
+                                <span class="d-inline-flex align-items-center">
+                                <i class="fa fa-circle text-success mr-1 small"></i> Tunisia
+                                </span>
+                                <small class="ml-3 text-success d-inline-flex align-items-center">
+                                    <i class="fa fa-caret-up mr-1"></i> 10%
+                                </small>
+                            </div>
+                        </li>
+                        <li class="list-inline-item mr-4 mb-3">
+                            <div class="d-flex align-items-center">
+                                <span class="d-inline-flex align-items-center">
+                                <i class="fa fa-circle text-success mr-1 small"></i> Spain
+                                </span>
+                                <small class="ml-3 text-danger d-inline-flex align-items-center">
+                                    <i class="fa fa-caret-down mr-1"></i> 10%
+                                </small>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="card">
+                <div class="card-body">
+                    <h6 class="card-title">Reviews</h6>
+                    <div class="card-scroll">
+                        <ul class="list-group list-group-flush">
+                            <li class="list-group-item d-flex pl-0 pr-0">
+                                <a href="#">
+                                    <figure class="avatar mr-3">
+                                        <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle" alt="image">
+                                    </figure>
+                                </a>
+                                <div>
+                                    <div class="d-flex justify-content-between">
+                                        <a href="#">
+                                            <h6>Valentine Maton</h6>
+                                            <ul class="list-inline mb-1">
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">(5)</li>
+                                            </ul>
                                         </a>
-                                        <span class="dropdown-menu dropdown-menu-right">
-                                            <a href="#" class="dropdown-item">Action</a>
-                                            <a href="#" class="dropdown-item">Another action</a>
-                                            <a href="#" class="dropdown-item">Something else here</a>
-                                        </span>
-                                    </span>
-                                </div>
-                            </div>
-                            <div id="project-tasks"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-4 col-md-12">
-                    <div class="card overflow-hidden">
-                        <div class="card-body">
-                            <div class="d-flex justify-content-between">
-                                <h6 class="card-title mb-0">All Projects</h6>
-                                <div>
-                                    <a href="#" class="mr-3">
-                                        <i class="fa fa-refresh"></i>
-                                    </a>
-                                    <span class="dropdown">
-                                        <a href="#" data-toggle="dropdown" aria-haspopup="true"
-                                           aria-expanded="false">
-                                            <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
-                                        </a>
-                                        <span class="dropdown-menu dropdown-menu-right">
-                                            <a href="#" class="dropdown-item">Action</a>
-                                            <a href="#" class="dropdown-item">Another action</a>
-                                            <a href="#" class="dropdown-item">Something else here</a>
-                                        </span>
-                                    </span>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="slick-js">
-                            <div class="card border-0">
-                                <div class="card-body">
-                                    <div class="d-flex align-items-center">
-                                        <h5 class="mb-0">
-                                            <a href="" class="link-2">Frontend Development</a>
-                                            <span class="badge badge-success ml-2">Active</span>
-                                        </h5>
-                                        <div class="dropdown ml-auto">
-                                            <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <a href="#" class="dropdown-item">View Detail</a>
-                                                <a href="#" class="dropdown-item">Share</a>
-                                                <a href="#" class="dropdown-item">Download</a>
-                                                <a href="#" class="dropdown-item">Copy to</a>
-                                                <a href="#" class="dropdown-item">Rename</a>
-                                                <a href="#" class="dropdown-item text-danger">Delete</a>
+                                        <div class="ml-auto">
+                                            <div class="dropdown">
+                                                <a href="#" data-toggle="dropdown"
+                                                   class="btn btn-outline-light btn-sm"
+                                                   aria-haspopup="true" aria-expanded="false">
+                                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
+                                                </a>
+                                                <div class="dropdown-menu dropdown-menu-right">
+                                                    <a href="#" class="dropdown-item">View</a>
+                                                    <a href="#" class="dropdown-item">Send Message</a>
+                                                </div>
                                             </div>
                                         </div>
                                     </div>
-                                    <div class="text-muted small mt-1 mb-3">10 opened tasks, 5 tasks completed</div>
-                                    <div class="progress mb-2" style="height: 5px;">
-                                        <div class="progress-bar bg-primary" style="width: 53%;"></div>
-                                    </div>
-                                    <p class="small">
-                                        <strong>53%</strong> completed
-                                    </p>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac malesuada nisl.
-                                        Maecenas quis ultrices tellus.</p>
-                                    <div class="row">
-                                        <div class="col">
-                                            <div class="text-muted mb-1 small">Created</div>
-                                            <div>02/01/2019</div>
-                                        </div>
-                                        <div class="col">
-                                            <div class="text-muted mb-1 small">Deadline</div>
-                                            <div>03/12/2019</div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <hr class="m-0">
-                                <div class="card-body">
-                                    <div class="small mb-2">Team Member</div>
-                                    <div class="avatar-group">
-                                        <figure class="avatar avatar-sm">
-                                            <img src="{{ url('assets/media/image/user/women_avatar2.jpg') }}" class="rounded-circle"
-                                                 alt="avatar">
-                                        </figure>
-                                        <figure class="avatar avatar-sm">
-                                            <img src="{{ url('assets/media/image/user/women_avatar4.jpg') }}" class="rounded-circle"
-                                                 alt="avatar">
-                                        </figure>
-                                        <figure class="avatar avatar-sm">
-                                            <img src="{{ url('assets/media/image/user/man_avatar3.jpg') }}" class="rounded-circle"
-                                                 alt="avatar">
-                                        </figure>
-                                        <figure class="avatar avatar-sm">
-                                            <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle"
-                                                 alt="avatar">
-                                        </figure>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="card border-0">
-                                <div class="card-body">
-                                    <div class="d-flex align-items-center">
-                                        <h5 class="mb-0">
-                                            <a href="" class="link-2">UI-Kit Development</a>
-                                            <span class="badge badge-success ml-2">Active</span>
-                                        </h5>
-                                        <div class="dropdown ml-auto">
-                                            <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <a href="#" class="dropdown-item">View Detail</a>
-                                                <a href="#" class="dropdown-item">Share</a>
-                                                <a href="#" class="dropdown-item">Download</a>
-                                                <a href="#" class="dropdown-item">Copy to</a>
-                                                <a href="#" class="dropdown-item">Rename</a>
-                                                <a href="#" class="dropdown-item text-danger">Delete</a>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
+                                </div>
+                            </li>
+                            <li class="list-group-item d-flex pl-0 pr-0">
+                                <a href="#">
+                                    <figure class="avatar mr-3">
+                                        <img src="{{ url('assets/media/image/user/man_avatar2.jpg') }}" class="rounded-circle" alt="image">
+                                    </figure>
+                                </a>
+                                <div>
+                                    <div class="d-flex justify-content-between">
+                                        <a href="#">
+                                            <h6>Valentine Maton</h6>
+                                            <ul class="list-inline mb-1">
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star-half-o text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star-o"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">(3.5)</li>
+                                            </ul>
+                                        </a>
+                                        <div class="ml-auto">
+                                            <div class="dropdown">
+                                                <a href="#" data-toggle="dropdown"
+                                                   class="btn btn-outline-light btn-sm"
+                                                   aria-haspopup="true" aria-expanded="false">
+                                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
+                                                </a>
+                                                <div class="dropdown-menu dropdown-menu-right">
+                                                    <a href="#" class="dropdown-item">View</a>
+                                                    <a href="#" class="dropdown-item">Send Message</a>
+                                                </div>
                                             </div>
                                         </div>
                                     </div>
-                                    <div class="text-muted small mt-1 mb-3">10 opened tasks, 5 tasks completed</div>
-                                    <div class="progress mb-2" style="height: 5px;">
-                                        <div class="progress-bar bg-success" style="width: 53%;"></div>
-                                    </div>
-                                    <p class="small">
-                                        <strong>53%</strong> completed
-                                    </p>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac malesuada nisl.
-                                        Maecenas quis ultrices tellus.</p>
-                                    <div class="row">
-                                        <div class="col">
-                                            <div class="text-muted mb-1 small">Created</div>
-                                            <div>02/01/2019</div>
-                                        </div>
-                                        <div class="col">
-                                            <div class="text-muted mb-1 small">Deadline</div>
-                                            <div>03/12/2019</div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <hr class="m-0">
-                                <div class="card-body">
-                                    <div class="small mb-2">Team Member</div>
-                                    <div class="avatar-group">
-                                        <figure class="avatar avatar-sm">
-                                            <img src="{{ url('assets/media/image/user/women_avatar2.jpg') }}" class="rounded-circle"
-                                                 alt="avatar">
-                                        </figure>
-                                        <figure class="avatar avatar-sm">
-                                            <img src="{{ url('assets/media/image/user/women_avatar4.jpg') }}" class="rounded-circle"
-                                                 alt="avatar">
-                                        </figure>
-                                        <figure class="avatar avatar-sm">
-                                            <img src="{{ url('assets/media/image/user/man_avatar3.jpg') }}" class="rounded-circle"
-                                                 alt="avatar">
-                                        </figure>
-                                        <figure class="avatar avatar-sm">
-                                            <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle"
-                                                 alt="avatar">
-                                        </figure>
-                                        <figure class="avatar avatar-sm">
-                                            <img src="{{ url('assets/media/image/user/man_avatar5.jpg') }}" class="rounded-circle"
-                                                 alt="avatar">
-                                        </figure>
-                                        <figure class="avatar avatar-sm">
-                                            <img src="{{ url('assets/media/image/user/man_avatar2.jpg') }}" class="rounded-circle"
-                                                 alt="avatar">
-                                        </figure>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="card border-0">
-                                <div class="card-body">
-                                    <div class="d-flex align-items-center">
-                                        <h5 class="mb-0">
-                                            <a href="" class="link-2">Backend Development</a>
-                                            <span class="badge badge-warning ml-2">Pending</span>
-                                        </h5>
-                                        <div class="dropdown ml-auto">
-                                            <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <a href="#" class="dropdown-item">View Detail</a>
-                                                <a href="#" class="dropdown-item">Share</a>
-                                                <a href="#" class="dropdown-item">Download</a>
-                                                <a href="#" class="dropdown-item">Copy to</a>
-                                                <a href="#" class="dropdown-item">Rename</a>
-                                                <a href="#" class="dropdown-item text-danger">Delete</a>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
+                                </div>
+                            </li>
+                            <li class="list-group-item d-flex pl-0 pr-0">
+                                <a href="#">
+                                    <figure class="avatar mr-3">
+                                        <img src="{{ url('assets/media/image/user/man_avatar3.jpg') }}" class="rounded-circle" alt="image">
+                                    </figure>
+                                </a>
+                                <div>
+                                    <div class="d-flex justify-content-between">
+                                        <a href="#">
+                                            <h6>Valentine Maton</h6>
+                                            <ul class="list-inline mb-1">
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star-half-o text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">(4.5)</li>
+                                            </ul>
+                                        </a>
+                                        <div class="ml-auto">
+                                            <div class="dropdown">
+                                                <a href="#" data-toggle="dropdown"
+                                                   class="btn btn-outline-light btn-sm"
+                                                   aria-haspopup="true" aria-expanded="false">
+                                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
+                                                </a>
+                                                <div class="dropdown-menu dropdown-menu-right">
+                                                    <a href="#" class="dropdown-item">View</a>
+                                                    <a href="#" class="dropdown-item">Send Message</a>
+                                                </div>
                                             </div>
                                         </div>
                                     </div>
-                                    <div class="text-muted small mt-1 mb-3">10 opened tasks, 5 tasks completed</div>
-                                    <div class="progress mb-2" style="height: 5px;">
-                                        <div class="progress-bar bg-success" style="width: 53%;"></div>
-                                    </div>
-                                    <p class="small">
-                                        <strong>53%</strong> completed
-                                    </p>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac malesuada nisl.
-                                        Maecenas quis ultrices tellus.</p>
-                                    <div class="row">
-                                        <div class="col">
-                                            <div class="text-muted mb-1 small">Created</div>
-                                            <div>02/01/2019</div>
-                                        </div>
-                                        <div class="col">
-                                            <div class="text-muted mb-1 small">Deadline</div>
-                                            <div>03/12/2019</div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
+                                </div>
+                            </li>
+                            <li class="list-group-item d-flex pl-0 pr-0">
+                                <a href="#">
+                                    <figure class="avatar mr-3">
+                                        <img src="{{ url('assets/media/image/user/man_avatar4.jpg') }}" class="rounded-circle" alt="image">
+                                    </figure>
+                                </a>
+                                <div>
+                                    <div class="d-flex justify-content-between">
+                                        <a href="#">
+                                            <h6>Valentine Maton</h6>
+                                            <ul class="list-inline mb-1">
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star text-warning"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">
+                                                    <i class="fa fa-star-o"></i>
+                                                </li>
+                                                <li class="list-inline-item mb-0">(4)</li>
+                                            </ul>
+                                        </a>
+                                        <div class="ml-auto">
+                                            <div class="dropdown">
+                                                <a href="#" data-toggle="dropdown"
+                                                   class="btn btn-outline-light btn-sm"
+                                                   aria-haspopup="true" aria-expanded="false">
+                                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
+                                                </a>
+                                                <div class="dropdown-menu dropdown-menu-right">
+                                                    <a href="#" class="dropdown-item">View</a>
+                                                    <a href="#" class="dropdown-item">Send Message</a>
+                                                </div>
+                                            </div>
                                         </div>
                                     </div>
-                                </div>
-                                <hr class="m-0">
-                                <div class="card-body">
-                                    <div class="small mb-2">Team Member</div>
-                                    <div class="avatar-group">
-                                        <figure class="avatar avatar-sm">
-                                            <img src="{{ url('assets/media/image/user/women_avatar5.jpg') }}" class="rounded-circle"
-                                                 alt="avatar">
-                                        </figure>
-                                        <figure class="avatar avatar-sm">
-                                            <img src="{{ url('assets/media/image/user/women_avatar1.jpg') }}" class="rounded-circle"
-                                                 alt="avatar">
-                                        </figure>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="row">
-                <div class="col-md-6">
-                    <div class="row">
-                        <div class="col-md-6">
-                            <div class="card">
-                                <div class="card-body">
-                                    <div class="d-flex justify-content-between">
-                                        <h6 class="card-title mb-2">Growth</h6>
-                                        <h2 class="mb-0 font-weight-bold">$2,450</h2>
-                                    </div>
-                                    <div class="d-flex align-items-center mt-2">
-                                        <div class="progress flex-grow-1" style="height: 5px">
-                                            <div class="progress-bar bg-primary" role="progressbar"
-                                                 style="width: 62%;"
-                                                 aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="ml-2">%62</div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col-md-6">
-                            <div class="card">
-                                <div class="card-body">
-                                    <div class="d-flex justify-content-between">
-                                        <h6 class="card-title mb-2">Project</h6>
-                                        <h2 class="mb-0 font-weight-bold">2,320</h2>
-                                    </div>
-                                    <div class="d-flex align-items-center mt-2">
-                                        <div class="progress flex-grow-1" style="height: 5px">
-                                            <div class="progress-bar bg-warning" role="progressbar"
-                                                 style="width:73%;"
-                                                 aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="ml-2">%73</div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col-md-6">
-                            <div class="card">
-                                <div class="card-body">
-                                    <div class="d-flex justify-content-between">
-                                        <h6 class="card-title mb-2">Income</h6>
-                                        <h2 class="mb-0 font-weight-bold">$9,750</h2>
-                                    </div>
-                                    <div class="d-flex align-items-center mt-2">
-                                        <div class="progress flex-grow-1" style="height: 5px">
-                                            <div class="progress-bar bg-success" role="progressbar"
-                                                 style="width: 40%;"
-                                                 aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="ml-2">%40</div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col-md-6">
-                            <div class="card">
-                                <div class="card-body">
-                                    <div class="d-flex justify-content-between">
-                                        <h6 class="card-title mb-2">Employers</h6>
-                                        <h2 class="mb-0 font-weight-bold">3,156</h2>
-                                    </div>
-                                    <div class="d-flex align-items-center mt-2">
-                                        <div class="progress flex-grow-1" style="height: 5px">
-                                            <div class="progress-bar bg-info" role="progressbar"
-                                                 style="width: 55%;"
-                                                 aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="ml-2">%55</div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="card">
-                        <div class="card-body text-center">
-                            <h5>10th Dance Competition 2019</h5>
-                            <p class="text-muted">Sunt in culpa qui officia deserunt mol excep teur sint occa ecat cupi
-                                datat non</p>
-                            <div class="mb-4 d-flex align-items-center justify-content-center">
-                                <div class="avatar-group">
-                                    <figure class="avatar">
-                                        <span class="avatar-title bg-success rounded-circle">E</span>
-                                    </figure>
-                                    <figure class="avatar">
-                                        <img src="{{ url('assets/media/image/user/women_avatar4.jpg') }}" class="rounded-circle"
-                                             alt="avatar">
-                                    </figure>
-                                    <figure class="avatar">
-                                        <span class="avatar-title bg-danger rounded-circle">S</span>
-                                    </figure>
-                                    <figure class="avatar">
-                                        <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle"
-                                             alt="avatar">
-                                    </figure>
-                                    <figure class="avatar">
-                                        <span class="avatar-title bg-primary rounded-circle">C</span>
-                                    </figure>
-                                </div>
-                                <div class="text-muted ml-2">10+ friends are coming</div>
-                            </div>
-                            <div class="clearfix"></div>
-                            <a href="" class="btn btn-outline-primary">View All</a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="row">
-                <div class="col-lg-6 col-md-12">
-
-
-
-
-
-                </div>
-                <div class="col-lg-6 col-md-12">
-
-
-
-                </div>
-            </div>
-
-            <div class="row">
-                <div class="col-md-8">
-                    <div class="card">
-                        <div class="card-body">
-                            <div class="d-flex justify-content-between">
-                                <h6 class="card-title">Recent Projects</h6>
-                                <div>
-                                    <a href="#" class="mr-3">
-                                        <i class="fa fa-refresh"></i>
-                                    </a>
-                                    <span class="dropdown">
-                                        <a href="#" data-toggle="dropdown" aria-haspopup="true"
-                                           aria-expanded="false">
-                                            <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
-                                        </a>
-                                        <span class="dropdown-menu dropdown-menu-right">
-                                            <a href="#" class="dropdown-item">Action</a>
-                                            <a href="#" class="dropdown-item">Another action</a>
-                                            <a href="#" class="dropdown-item">Something else here</a>
-                                        </span>
-                                    </span>
-                                </div>
-                            </div>
-                            <div class="table-responsive">
-                                <table class="table">
-                                    <thead>
-                                    <tr>
-                                        <th>Project</th>
-                                        <th class="text-center">Task</th>
-                                        <th class="text-center">Members</th>
-                                        <th class="text-center">Status</th>
-                                        <th class="text-right">Progress</th>
-                                    </tr>
-                                    </thead>
-                                    <tbody>
-                                    <tr>
-                                        <td>
-                                            <a href="#">Frontend Development</a>
-                                        </td>
-                                        <td class="text-center">25</td>
-                                        <td class="text-center">
-                                            <div class="avatar-group">
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/women_avatar4.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/man_avatar3.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/man_avatar1.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                            </div>
-                                        </td>
-                                        <td class="text-center">
-                                            <span class="badge badge-info">In Progress</span>
-                                        </td>
-                                        <td>
-                                            <div class="d-flex align-items-center">
-                                                <div class="progress flex-grow-1" style="height: 5px;">
-                                                    <div class="progress-bar bg-info" style="width: 53%;"></div>
-                                                </div>
-                                                <small class="ml-2">%53</small>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <a href="#">Backend Development</a>
-                                        </td>
-                                        <td class="text-center">10</td>
-                                        <td class="text-center">
-                                            <div class="avatar-group">
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/women_avatar4.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/man_avatar3.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/man_avatar1.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/man_avatar5.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/man_avatar2.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                            </div>
-                                        </td>
-                                        <td class="text-center">
-                                            <span class="badge badge-warning">Pending</span>
-                                        </td>
-                                        <td>
-                                            <div class="d-flex align-items-center">
-                                                <div class="progress flex-grow-1" style="height: 5px;">
-                                                    <div class="progress-bar bg-warning" style="width: 80%;"></div>
-                                                </div>
-                                                <small class="ml-2">%80</small>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <a href="#">UI-Kit Development</a>
-                                        </td>
-                                        <td class="text-center">32</td>
-                                        <td class="text-center">
-                                            <div class="avatar-group">
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/women_avatar4.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                            </div>
-                                        </td>
-                                        <td class="text-center">
-                                            <span class="badge badge-success">Active</span>
-                                        </td>
-                                        <td>
-                                            <div class="d-flex align-items-center">
-                                                <div class="progress flex-grow-1" style="height: 5px;">
-                                                    <div class="progress-bar bg-success" style="width: 35%;"></div>
-                                                </div>
-                                                <small class="ml-2">%35</small>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <a href="#">UI-Kit Development 2</a>
-                                        </td>
-                                        <td class="text-center">5</td>
-                                        <td class="text-center">
-                                            <div class="avatar-group">
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/women_avatar1.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/women_avatar3.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                                <figure class="avatar avatar-sm">
-                                                    <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}"
-                                                         class="rounded-circle"
-                                                         alt="avatar">
-                                                </figure>
-                                            </div>
-                                        </td>
-                                        <td class="text-center">
-                                            <span class="badge badge-info">In Progress</span>
-                                        </td>
-                                        <td>
-                                            <div class="d-flex align-items-center">
-                                                <div class="progress flex-grow-1" style="height: 5px;">
-                                                    <div class="progress-bar bg-info" style="width: 50%;"></div>
-                                                </div>
-                                                <small class="ml-2">%50</small>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-md-4">
-                    <div class="card">
-                        <div class="card-body">
-                            <div class="d-flex justify-content-between">
-                                <h6 class="card-title">Upcoming Meeting</h6>
-                                <a href="#">View All</a>
-                            </div>
-                            <div class="d-flex mb-3">
-                                <div class="text-center">
-                                    <div class="avatar">
-                                    <span
-                                        class="avatar-title bg-info-bright text-info rounded-circle font-size-22">17</span>
-                                    </div>
-                                </div>
-                                <div class="m-l-20">
-                                    <h5 class="mb-2">
-                                        <a class="text-dark">UI Discussion</a>
-                                    </h5>
-                                    <p class="mb-0">Execute core that as result.</p>
-                                </div>
-                            </div>
-                            <div class="d-flex mb-3">
-                                <div class="text-center">
-                                    <div class="avatar">
-                                        <span class="avatar-title bg-danger-bright text-danger rounded-circle font-size-22">21</span>
-                                    </div>
-                                </div>
-                                <div class="m-l-20">
-                                    <h5 class="mb-2">
-                                        <a class="text-dark">Project Schdule</a>
-                                    </h5>
-                                    <p class="mb-0">Special cloth alert always.</p>
-                                </div>
-                            </div>
-                            <div class="d-flex mb-3">
-                                <div class="text-center">
-                                    <div class="avatar">
-                                    <span
-                                        class="avatar-title bg-warning-bright text-warning rounded-circle font-size-22">25</span>
-                                    </div>
-                                </div>
-                                <div class="m-l-20">
-                                    <h5 class="mb-2">
-                                        <a class="text-dark">Design Discussion</a>
-                                    </h5>
-                                    <p class="mb-0">Let us wax poetic about.</p>
-                                </div>
-                            </div>
-                            <div class="d-flex">
-                                <div class="text-center">
-                                    <div class="avatar">
-                                    <span
-                                        class="avatar-title bg-success-bright text-success rounded-circle font-size-22">10</span>
-                                    </div>
-                                </div>
-                                <div class="m-l-20">
-                                    <h5 class="mb-2">
-                                        <a class="text-dark">UI Discussion</a>
-                                    </h5>
-                                    <p class="mb-0">Let us wax poetic about.</p>
-                                </div>
-                            </div>
-                        </div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="mt-3 text-center">
+                        <a href="#" class="btn btn-primary">
+                            View All
+                        </a>
                     </div>
                 </div>
@@ -674,15 +983,22 @@
 
 @section('script')
-    <!-- Slick -->
-    <script src="{{ url('/vendors/slick/slick.min.js') }}"></script>
 
     <!-- Apex chart -->
+    <script src="https://apexcharts.com/samples/assets/irregular-data-series.js"></script>
     <script src="{{ url('/vendors/charts/apex/apexcharts.min.js') }}"></script>
 
-    <!-- Circle progress -->
-    <script src="{{ url('/vendors/circle-progress/circle-progress.min.js') }}"></script>
+    <!-- Daterangepicker -->
+    <script src="{{ url('vendors/datepicker/daterangepicker.js') }}"></script>
+
+    <!-- DataTable -->
+    <script src="{{ url('vendors/dataTable/datatables.min.js') }}"></script>
 
     <!-- Dashboard scripts -->
     <script src="{{ url('/assets/js/examples/dashboard.js') }}"></script>
+
+    <!-- Vamp -->
+    <script src="{{ url('vendors/vmap/jquery.vmap.min.js') }}"></script>
+    <script src="{{ url('vendors/vmap/maps/jquery.vmap.usa.js') }}"></script>
+    <script src="{{ url('assets/js/examples/vmap.js') }}"></script>
 
     <!-- To use theme colors with Javascript -->
@@ -702,26 +1018,5 @@
     </div>
 
-{{--    <script>--}}
-{{--        $(function () {--}}
-{{--            $('.slick-js').slick({--}}
-{{--                speed: 500,--}}
-{{--                arrows: false,--}}
-{{--                slidesToShow: 1,--}}
-{{--                slidesToScroll: 1,--}}
-{{--                autoplay: true,--}}
-{{--                autoplaySpeed: 2000--}}
-{{--            });--}}
-
-{{--            $('input[name="daterangepicker"]').daterangepicker();--}}
-
-{{--            $('.dataTable').DataTable({--}}
-{{--                lengthMenu: [5, 10],--}}
-{{--                "columnDefs": [ {--}}
-{{--                    "targets": 7,--}}
-{{--                    "orderable": false--}}
-{{--                } ]--}}
-{{--            });--}}
-{{--        })--}}
-{{--    </script>--}}
+    <script src="{{ url('assets/js/examples/pages/ecommerce-dashboard.js') }}"></script>
 
 @endsection
