Index: resources/assets/js/custom.js
===================================================================
--- resources/assets/js/custom.js	(revision 6b95845bcb5cbd47d72feb8e241175b5fc16d0e0)
+++ resources/assets/js/custom.js	(revision c6b84df06586305606df5b76204a64cdc63b09a2)
@@ -7,11 +7,19 @@
     });
 
-    $(".edit_document_deparment").change(function() {
+    $(".edit_folder_deparment").change(function() {
         var archId = $("input[name='arch_id']");
         var currentText = archId.val().split("/")[1];
         var selectedId = $(this).find('option:selected').data('dept-code');
+
         if(currentText)
             archId.val(selectedId + "/" + currentText);
         else
+            archId.val(selectedId + "/");
+    });
+
+    $(".new_folder_deparment").change(function() {
+        var archId = $("input[name='arch_id']");
+        var selectedId = $(this).find('option:selected').data('dept-code');
+
             archId.val(selectedId + "/");
     });
@@ -99,4 +107,57 @@
         window.location.href = (window.location.href).replace('#', '');
     });
+
+    function notifications() {
+
+        var url = "/dashboard/get-notifications";
+        var _token = $("meta[name='csrf-token']").attr("content");
+
+        $.ajax({
+            url: url,
+            type: "post",
+            dataType: "json",
+            data: {
+                _token : _token,
+            },
+            success: function(response) {
+
+                $(".dropdown-notifications a:not(:last)").remove();
+                $(".dropdown-notifications-unread .nav-unread").hide();
+
+                var l = response.length;
+
+                if(hasNew(response)) {
+                    $(".dropdown-notifications .unreadNotificationsInfo").hide();
+                    $(".dropdown-notifications-unread .nav-unread").show();
+                }
+
+                if(l == 0) {
+                    $(".dropdown-notifications .unreadNotificationsInfo").show();
+                }
+
+                if(l > 0) {
+                    $(".dropdown-notifications .unreadNotificationsInfo").hide();
+                }
+
+                for(var i=0; i<l; i++) {
+
+                    var style = response[i].isRead ? "" : "background: #efefef; color: black;";
+
+                    var notificationItem = `
+						<a href="` + response[i].url + `" class="dropdown-item d-flex" style="` + style + `;">
+							<div>
+								` + response[i].message + `
+								<div class="small text-muted">` + response[i].ago + `</div>
+							</div>
+						</a>`;
+
+                    $(".dropdown-notifications").prepend(notificationItem);
+                }
+            },
+            error: function(response) {
+                console.log(response);
+            }
+        });
+    }
 
     $(document).on('click', '#btn-layout-builder', function () {
Index: resources/views/dashboard/departments/index.blade.php
===================================================================
--- resources/views/dashboard/departments/index.blade.php	(revision 6b95845bcb5cbd47d72feb8e241175b5fc16d0e0)
+++ resources/views/dashboard/departments/index.blade.php	(revision c6b84df06586305606df5b76204a64cdc63b09a2)
@@ -16,5 +16,5 @@
             <ol class="breadcrumb">
                 <li class="breadcrumb-item">
-                    <a href="{{ url('dashboard/departments') }}">Departments</a>
+                    <a href="{{ url('/') }}">Dashboard</a>
                 </li>
                 <li class="breadcrumb-item active" aria-current="page">Departments</li>
@@ -24,4 +24,7 @@
             <a href="javascript:void(0)" data-toggle="modal" data-target="#createModal" class="btn btn-primary text-white">
                 Add department
+            </a>
+            <a href="{{ route("dashboard.departments.downloadAll") }}" class="btn btn-danger text-white">
+                <i class="fa fa-download pr-1"></i> Download files
             </a>
         </div>
@@ -41,4 +44,5 @@
                                 <th>Name</th>
                                 <th>Code</th>
+                                <th>Folders</th>
                                 <th>Created by</th>
                                 <th>Created at</th>
@@ -55,4 +59,5 @@
                                     <td>{{ $department->name }}</td>
                                     <td>{{ $department->code }}</td>
+                                    <td>{{ $department->folder->count() }}</td>
                                     <td>{{ $department->getCreatedByName() }}</td>
                                     <td>{{ date('d.m.Y - H:i', strtotime($department->created_at)) }}</td>
@@ -63,14 +68,15 @@
                                     @endif
                                     <!-- Trigger -->
-                                    <td>{{ $department->location }}
-                                            <button class="btn btn-sm btn-primary text-white" data-clipboard-target="#copy_{{ $department->id }}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
+                                    <td><button data-clipboard-text="{{$department->location}}" class="btn btn-sm btn-primary text-white" data-toggle="tooltip" data-placement="right" title="{{$department->location}}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
                                                     <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
                                                     <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
                                                 </svg></button>
-                                        <span type="hidden" id="copy_{{$department->id}}"></span>
                                     </td>
                                     <td>
                                         <a href="javascript:void(0)" class="text-secondary" data-toggle="modal" data-target="#editModal_{{$department->id}}" title="Edit">
                                             <i class="ti-pencil"></i>
+                                        </a>
+                                        <a href="{{ route("dashboard.departments.downloadDepartment", ['id' => $department->id]) }}" class="text-danger ml-2"title="Delete">
+                                            <i class="ti-download"></i>
                                         </a>
                                         <a href="javascript:void(0)" class="text-danger ml-2" data-toggle="modal" data-target="#deleteModal_{{$department->id}}" title="Delete">
@@ -93,5 +99,5 @@
                                                     @method('DELETE')
                                                     <p>Are you sure you want to delete department {{$department->name}} with code: {{$department->code}}?</p>
-                                                    <p>Number of documents associated: {{$department->document()->count()}}</p>
+                                                    <p>Number of documents associated: <a href="{{ route("dashboard.folders.index", ['id' => $department->id]) }}" class="text-linkedin">{{$department->folder()->count()}}</a></p>
                                                     <div class="modal-footer">
                                                         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
@@ -133,5 +139,10 @@
                                                         </div>
                                                     </div>
-                                                    <input type="submit" value="Save changes" class="btn btn-primary pull-right m-10">
+                                                    <br/>
+                                                    <div class="modal-footer">
+                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
+                                                        </button>
+                                                        <button type="submit" class="btn btn-primary">Save changes</button>
+                                                    </div>
                                                 </form>
                                             </div>
@@ -168,5 +179,10 @@
                                                     </div>
                                                 </div>
-                                                <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
+                                                <br/>
+                                                <div class="modal-footer">
+                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
+                                                    </button>
+                                                    <button type="submit" class="btn btn-primary">Save changes</button>
+                                                </div>
                                             </form>
                                         </div>
@@ -187,4 +203,7 @@
 
 @section('script')
+
+    @yield('script')
+
     <script src="{{ url('assets/js/examples/pages/user-list.js') }}"></script>
     <!-- Datatable -->
Index: resources/views/dashboard/documents/create.blade.php
===================================================================
--- resources/views/dashboard/documents/create.blade.php	(revision 6b95845bcb5cbd47d72feb8e241175b5fc16d0e0)
+++ 	(revision )
@@ -1,83 +1,0 @@
-@extends('layouts.app')
-
-@section("title", "Documents - Create new")
-
-@section('pageTitle', 'Create document')
-
-@section('content')
-
-    <div class="page-header">
-        <nav aria-label="breadcrumb" class="d-flex align-items-start">
-            <ol class="breadcrumb">
-                <li class="breadcrumb-item">
-                    <a href="{{ url('dashboard/documents') }}">Documents</a>
-                </li>
-                <li class="breadcrumb-item active" aria-current="page">New document</li>
-            </ol>
-        </nav>
-    </div>
-
-    <div class="row">
-        <div class="col-md-12">
-
-            <div class="row">
-                <div class="col-lg-12 col-md-12">
-                    <div class="tab-content" id="v-pills-tabContent">
-                        <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
-                            <div class="card">
-                                <div class="card-body">
-                                    <h6 class="card-title">New document</h6>
-                                    <form action="{{ route("dashboard.documents.store") }}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
-                                        @csrf
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                            <div class="form-group">
-                                                <label for="exampleFormControlSelect1">Department</label>
-                                                @if($departments->count())
-                                                <select class="form-control edit_document_deparment" name="department" required>
-                                                    @foreach ($departments as $department)
-                                                        <option value="{{ $department->id }}" data-dept-code="{{ $department->code }}" {{ (old("department") == $department->id ? "selected" : "") }}>{{ $department->name }}</option>
-                                                    @endforeach
-                                                        @else
-                                                            <p>You haven't created any departments yet. <a class="text-primary" href="{{ route("dashboard.departments.create") }}">Create now.</a></p>
-                                                        @endif
-                                                </select>
-                                            </div>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label>Archive ID</label>
-                                                    <input type="text" name="arch_id" value="{{ old("arch_id") }}" class="form-control" placeholder="Archive ID" required>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label>Name</label>
-                                                    <input type="text" name="name" value="{{ old('name') }}" class="form-control" placeholder="Name" required>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label>Description</label>
-                                                    <textarea class="form-control" name="description" value='{{ old("description") }}' rows="3"></textarea>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <input type="file" class="form-control" id="file-item" name="file_item[]" multiple>
-                                            </div>
-                                        </div>
-                                        <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
-                                    </form>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-@endsection
Index: resources/views/dashboard/documents/edit.blade.php
===================================================================
--- resources/views/dashboard/documents/edit.blade.php	(revision 6b95845bcb5cbd47d72feb8e241175b5fc16d0e0)
+++ 	(revision )
@@ -1,237 +1,0 @@
-@extends('layouts.app')
-
-@section("title", "Documents - Edit document")
-
-@section('pageTitle', 'Edit document')
-
-@section('head')
-    <!-- Datatable -->
-    <link rel="stylesheet" href="{{ url('vendors/dataTable/dataTables.min.css') }}" type="text/css">
-@endsection
-
-@section('content')
-
-    <div class="page-header">
-        <nav aria-label="breadcrumb" class="d-flex align-items-start">
-            <ol class="breadcrumb">
-                <li class="breadcrumb-item">
-                    <a href="{{ url('dashboard/documents') }}">Documents</a>
-                </li>
-                <li class="breadcrumb-item active" aria-current="page">Edit document</li>
-            </ol>
-        </nav>
-    </div>
-
-    <div class="row">
-        <div class="col-md-12">
-
-            <div class="row">
-                <div class="col-lg-12 col-md-12">
-                    <div class="tab-content" id="v-pills-tabContent">
-                        <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
-                            <div class="card">
-                                <div class="card-body">
-                                    <h6 class="card-title">Documents</h6>
-                                    <form action="{{ route("dashboard.documents.edit", ["id" => $document->id]) }}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
-                                        @method("patch")
-                                        @csrf
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label for="exampleFormControlSelect1">Department</label>
-                                                        <select class="form-control edit_document_deparment" name="department" required>
-                                                            @foreach ($departments as $department)
-                                                                <option value="{{ $department->id }}" data-dept-code="{{ $department->code }}" {{ old("department", $document->department->id) == $department->id ? "selected" : "" }}>{{ $department->name }}</option>
-                                                            @endforeach
-                                                        </select>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label>Archive ID</label>
-                                                    <input type="text" name="arch_id" value="{{ old("arch_id", $document->arch_id) }}" class="form-control" placeholder="Archive ID" required>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label>Name</label>
-                                                    <input type="text" name="name" value="{{ old("name", $document->name) }}" class="form-control" placeholder="Name" required>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label>Description</label>
-                                                    <textarea class="form-control" name="description" rows="3">
-                                                        {{ old("description", $document->description) }}
-                                                    </textarea>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <input type="file" class="form-control" id="file-item" name="file_item[]" multiple>
-                                            </div>
-                                        </div>
-
-                                        <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
-                                    </form>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-        </div>
-
-        <div class="col-md-12">
-            <div class="card">
-                <div class="card-body">
-                    <div class="table-responsive">
-                        <table id="user-list" class="table table-lg">
-                            <thead>
-                            <tr>
-                                <th></th>
-                                <th>ID</th>
-                                <th>Size</th>
-                                <th>Name</th>
-                                <th>Created at</th>
-                                <th>Location</th>
-                                <th>Actions</th>
-                            </tr>
-                            </thead>
-                            <tbody>
-                            @foreach($files as $file)
-                                <tr>
-                                    <td></td>
-                                    <td>{{ $file->id }}</td>
-                                    <td>{{ $file->getSize($file->location) }} MB</td>
-                                    <td>{{ $file->name }}</td>
-                                    <td>{{ date('d.m.Y - H:i', strtotime($file->created_at)) }}</td>
-                                <!-- Trigger -->
-                                    <td> <span id="copy_{{$department->id}}"></span>
-                                        <button class="btn btn-sm btn-primary text-white" data-clipboard-target="#copy_{{ $department->id }}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
-                                                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
-                                                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
-                                            </svg></button>
-                                    </td>
-                                    <td>
-                                        <a href="javascript:void(0)" class="text-secondary" data-toggle="modal" data-target="#editModal_{{$file->id}}" title="Edit">
-                                            <i class="ti-pencil"></i>
-                                        </a>
-                                        <a href="{{ route("dashboard.documents.downloadFile", $file->id) }}" class="text-secondary" title="Edit">
-                                            <i class="ti-download"></i>
-                                        </a>
-                                        <a href="javascript:void(0)" class="text-danger ml-2" data-toggle="modal" data-target="#deleteModal_{{$file->id}}" title="Delete">
-                                            <i class="ti-trash"></i>
-                                        </a>
-                                    </td>
-                                </tr>
-                                <div class="modal fade" id="deleteModal_{{$file->id}}" tabindex="-1" role="dialog" aria-hidden="true">
-                                    <div class="modal-dialog modal-dialog-centered" role="document">
-                                        <div class="modal-content">
-                                            <div class="modal-header">
-                                                <h5 class="modal-title" id="exampleModalCenterTitle">Delete confirmation</h5>
-                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                                                    <i class="ti-close"></i>
-                                                </button>
-                                            </div>
-                                            <div class="modal-body">
-                                                <form action="{{ route("dashboard.documents.deleteFile", $file->id) }}" method="POST">
-                                                    @csrf
-                                                    @method('DELETE')
-                                                    <p>Are you sure you want to delete file {{$file->name}}?</p>
-                                                    <div class="modal-footer">
-                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
-                                                        </button>
-                                                        <button type="submit" class="btn btn-primary">Save changes</button>
-                                                    </div>
-                                                </form>
-                                            </div>
-
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div class="modal fade" id="editModal_{{$file->id}}" tabindex="-1" role="dialog" aria-hidden="true">
-                                    <div class="modal-dialog modal-dialog-centered" role="document">
-                                        <div class="modal-content">
-                                            <div class="modal-header">
-                                                <h5 class="modal-title" id="exampleModalCenterTitle">Edit department</h5>
-                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                                                    <i class="ti-close"></i>
-                                                </button>
-                                            </div>
-                                            <div class="modal-body">
-                                                <form action="{{ route("dashboard.documents.renameFile", ["id" =>$file->id]) }}" method="post" accept-charset="utf-8">
-                                                    @method("patch")
-                                                    @csrf
-                                                    <div class="row">
-                                                        <div class="col-md-6">
-                                                            <div class="form-group">
-                                                                <label class="form-label">Name</label>
-                                                                <input type="text" name="name" value="{{ explode('.', $file->name)[0] }}" minlength="2" maxlength="30" class="form-control" placeholder="Name" required>
-                                                                <span>.php</span>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                    <input type="submit" value="Save changes" class="btn btn-primary pull-right m-10">
-                                                </form>
-                                            </div>
-
-                                        </div>
-                                    </div>
-                                </div>
-                            @endforeach
-
-                            <div class="modal fade" id="createModal" tabindex="-1" role="dialog" aria-hidden="true">
-                                <div class="modal-dialog modal-dialog-centered" role="document">
-                                    <div class="modal-content">
-                                        <div class="modal-header">
-                                            <h5 class="modal-title" id="exampleModalCenterTitle">Create department</h5>
-                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                                                <i class="ti-close"></i>
-                                            </button>
-                                        </div>
-                                        <div class="modal-body">
-                                            <form action="{{ route("dashboard.departments.store") }}" method="post" accept-charset="utf-8">
-                                                @csrf
-                                                <div class="row">
-                                                    <div class="col-md-6">
-                                                        <div class="form-group">
-                                                            <label>Name</label>
-                                                            <input type="text" name="name" value="{{ old('name') }}" minlength="2" maxlength="30" class="form-control" placeholder="Name" required>
-                                                        </div>
-                                                    </div>
-                                                    <div class="col-md-6">
-                                                        <div class="form-group">
-                                                            <label>Code</label>
-                                                            <input type="text" name="code" value="{{ old('code') }}" minlength="2" maxlength="30" class="form-control" placeholder="Code" required>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
-                                            </form>
-                                        </div>
-
-                                    </div>
-                                </div>
-                            </div>
-
-                            </tbody>
-                        </table>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-@endsection
-
-@section('script')
-    <script src="{{ url('assets/js/examples/pages/user-list.js') }}"></script>
-    <!-- Datatable -->
-    <script src="{{ url('vendors/dataTable/dataTables.min.js') }}"></script>
-@endsection
Index: resources/views/dashboard/documents/index.blade.php
===================================================================
--- resources/views/dashboard/documents/index.blade.php	(revision 6b95845bcb5cbd47d72feb8e241175b5fc16d0e0)
+++ 	(revision )
@@ -1,216 +1,0 @@
-@extends('layouts.app')
-
-@section("title", "SaveSpace - Documents")
-
-@section('pageTitle', 'SaveSpace - Documents')
-
-@section('content')
-
-    <div class="row app-block mb-4">
-        <div class="col-md-3 app-sidebar">
-            <div class="card">
-                <div class="card-body">
-                    <a href="{{ route("dashboard.documents.create") }}" class="btn btn-secondary btn-block file-upload-btn text-white" data-action="{{ route("dashboard.documents.create") }}">
-                        Add document
-                    </a>
-                    <form class="d-none" id="file-upload">
-                        <input type="file" multiple>
-                    </form>
-                </div>
-                <div class="app-sidebar-menu">
-                    <div class="list-group list-group-flush">
-                        <a href="{{route("dashboard.documents.index")}}" class="list-group-item d-flex align-items-center">
-                            <i data-feather="folder" class="width-15 height-15 mr-2"></i>
-                            Documents
-                        </a>
-                        @foreach($departments as $department)
-                            <a href="{{ route("dashboard.documents.index", ["id" => $department->id]) }}" class="list-group-item d-flex align-items-center">
-                                 <i data-feather="folder" class="width-15 height-15 mr-2"></i>
-                                 {{$department->name}}
-                                <span class="small ml-auto">{{$department->document->count()}}</span>
-                            </a>
-                        @endforeach
-                        <a href="{{ URL::current()."?sort=recent" }}" class="list-group-item">
-                            <i data-feather="upload-cloud" class="width-15 height-15 mr-2"></i>
-                            Recents
-                        </a>
-                        <a href="{{ URL::current()."?sort=important" }}" class="list-group-item d-flex align-items-center">
-                            <i data-feather="star" class="width-15 height-15 mr-2"></i>
-                            Important
-                            <span class="small ml-auto">{{ $countImportant }}</span>
-                        </a>
-                    </div>
-                    <div class="card-body">
-                        <h6 class="mb-4">Storage Status</h6>
-                        <div class="d-flex align-items-center">
-                            <div class="mr-3">
-                                <i data-feather="database" class="width-30 height-30"></i>
-                            </div>
-                            <div class="flex-grow-1">
-                                <div class="progress" style="height: 10px">
-                                    <div class="progress-bar progress-bar-striped" role="progressbar"
-                                         style="width: {{$diskUse}}" aria-valuenow="10" aria-valuemin="0"
-                                         aria-valuemax="100"></div>
-                                        <span class="sr-only">{{$diskUse}}</span>
-                                </div>
-                                <div class="line-height-12 small text-muted mt-2">{{round($diskUsedSize,2)}} GB /
-                                    {{round($diskTotalSize,2)}} GB ({{$diskUse}})</div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="col-md-9 app-content">
-            <div class="app-content-overlay"></div>
-            <div class="app-action">
-                <div class="action-left">
-                    <ul class="list-inline">
-                        <li class="list-inline-item mb-0">
-                            <a href="#" class="btn btn-outline-light dropdown-toggle" data-toggle="dropdown">
-                                <i data-feather="plus" class="mr-1"></i>
-                                Add
-                            </a>
-                            <div class="dropdown-menu">
-                                <a class="dropdown-item" href="{{route("dashboard.documents.create")}}">Document</a>
-                            </div>
-                        </li>
-                        <li class="list-inline-item mb-0">
-                            <a href="#" class="btn btn-outline-light dropdown-toggle" data-toggle="dropdown">Departments</a>
-                            <div class="dropdown-menu">
-                                @foreach($departments as $department)
-                                    <a class="dropdown-item d-flex justify-content-between m-5" href="{{ route("dashboard.documents.index", ["id" => $department->id]) }}">
-                                        {{$department->name}}
-                                        <span class="text-muted">{{$department->document->count()}}</span>
-                                    </a>
-                                @endforeach
-                            </div>
-                        </li>
-                        <li class="list-inline-item mb-0">
-                            <a href="#" class="btn btn-outline-light dropdown-toggle" data-toggle="dropdown">
-                                Order by
-                            </a>
-                            <div class="dropdown-menu">
-                                @if(Request::get('id'))
-                                    <a class="dropdown-item" href="{{ URL::current()."?id=".Request::get('id')."&sort=newest" }}">Date</a>
-                                    <a class="dropdown-item" href="{{ URL::current()."?id=".Request::get('id')."&sort=name" }}">Name</a>
-                                    <a class="dropdown-item" href="#">Size</a>
-                                @else
-                                    <a class="dropdown-item" href="{{ URL::current()."?sort=newest" }}">Date</a>
-                                    <a class="dropdown-item" href="{{ URL::current()."?sort=name" }}">Name</a>
-                                    <a class="dropdown-item" href="#">Size - not done</a>
-                                @endif
-                            </div>
-                        </li>
-                    </ul>
-                </div>
-                <div class="action-right">
-                    <form action="{{ route("dashboard.documents.index") }}" method="get" class="d-flex mr-3">
-                        <div class="input-group">
-                            <input type="text" name="search" class="form-control" placeholder="Search file"
-                                   aria-describedby="button-addon1" required>
-                            <div class="input-group-append">
-                                <button class="btn btn-outline-light searchSubmitBtn" type="submit" value="Search">
-                                    <i data-feather="search"></i>
-                                </button>
-                            </div>
-                        </div>
-                    </form>
-                </div>
-            </div>
-            @if(!Request::query('id'))
-                <h4>Documents</h4><br/>
-            @else
-                <h4> {{ $deptName }} - {{$deptCode}} </h4>
-            <br/>
-                @endif
-            <div class="row">
-                @forelse($documents as $document)
-                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">
-                        <div class="card app-file-list">
-                            <div class="app-file-icon">
-                                <i class="fa fa-file-text-o text-primary"></i>
-                                <div class="dropdown position-absolute top-0 right-0 mr-3">
-                                    <a href="#" class="btn btn-outline-light btn-sm" data-toggle="dropdown">
-                                        <i class="fa fa-ellipsis-h"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-                                        <a href="{{ route("dashboard.documents.edit", ["id" => $document->id]) }}" class="dropdown-item">View Details</a>
-                                        <a href="#" class="dropdown-item">Share</a>
-                                        <a href="#" class="dropdown-item">Download</a>
-                                        <button class="dropdown-item action-dropdown-item"
-                                           href="javascript:void(0)" onclick="toggleImportant({{$document->id}})">
-                                            @if($document->is_important)
-                                                Mark as not important
-                                            @else
-                                                Mark as important
-                                            @endif
-                                        </button>
-                                        <a href="javascript:void(0)" class="dropdown-item" data-toggle="modal" data-target="#deleteModal_{{$document->id}}">Delete</a>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="p-2 small">
-                                @if($document->is_important)
-                                    <div>{{$document->name}} - {{$document->arch_id}} <i class="fa fa-star" style="color:orange"></i></div>
-                                @else
-                                    <div>{{$document->name}} - {{$document->arch_id}} </div>
-                                @endif
-                                <div>{{$document->created_at}}</div>
-                                <div class="text-muted">{{$document->description}}</div>
-                                <div class="text-muted">1.2MB</div>
-                            </div>
-                        </div>
-                    </div>
-                    <form id="toggleImportant_{{ $document->id }}"
-                          action="{{ route("dashboard.documents.toggleImportant", ["id" => $document->id]) }}"
-                          method="post">
-                        @csrf
-                        @method("patch")
-                    </form>
-                    <div class="modal fade" id="deleteModal_{{$document->id}}" tabindex="-1" role="dialog" aria-hidden="true">
-                        <div class="modal-dialog modal-dialog-centered" role="document">
-                            <div class="modal-content">
-                                <div class="modal-header">
-                                    <h5 class="modal-title" id="exampleModalCenterTitle">Delete confirmation</h5>
-                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                                        <i class="ti-close"></i>
-                                    </button>
-                                </div>
-                                <div class="modal-body">
-                                    <form action="{{ route("dashboard.documents.destroy", $document->id) }}" method="POST">
-                                        @csrf
-                                        @method('DELETE')
-                                        <p>Are you sure you want to delete document {{$document->name}} with Archive ID: {{ $document->arch_id }}?</p>
-                                        <div class="modal-footer">
-                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
-                                            </button>
-                                            <button type="submit" class="btn btn-primary">Save changes</button>
-                                        </div>
-                                    </form>
-                                </div>
-
-                            </div>
-                        </div>
-                    </div>
-                @empty
-                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">No items found</div>
-                @endforelse
-
-            </div>
-             @if(!Request::query('search'))
-             {{$documents->appends($_GET)->links('layouts.pagination') }}
-                 @endif
-    </div>
-
-@endsection
-
-@section('script')
-
-<script>
-    function toggleImportant(id) {
-        document.getElementById('toggleImportant_' + id).submit();
-    }
-</script>
-
-@endsection
Index: resources/views/dashboard/files/index.blade.php
===================================================================
--- resources/views/dashboard/files/index.blade.php	(revision c6b84df06586305606df5b76204a64cdc63b09a2)
+++ resources/views/dashboard/files/index.blade.php	(revision c6b84df06586305606df5b76204a64cdc63b09a2)
@@ -0,0 +1,246 @@
+@extends('layouts.app')
+
+@section("title", "SaveSpace - Files")
+
+@section('pageTitle', 'Files')
+
+@section('head')
+    <!-- Datatable -->
+    <link rel="stylesheet" href="{{ url('vendors/dataTable/dataTables.min.css') }}" type="text/css">
+@endsection
+
+@section('content')
+
+    <div class="page-header justify-content-between">
+        <nav aria-label="breadcrumb" class="d-flex align-items-start">
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                    <a href="{{ url('/') }}">Dashboard</a>
+                </li>
+                <li class="breadcrumb-item active" aria-current="page">Files</li>
+            </ol>
+        </nav>
+        <div class="dropdown">
+            <a href="javascript:void(0)" data-toggle="modal" data-target="#createModal" class="btn btn-primary text-white">
+                Add files
+            </a>
+            <a href="{{ route("dashboard.departments.downloadAll") }}" class="btn btn-danger text-white">
+                <i class="fa fa-download pr-1"></i> Download all
+            </a>
+            <a href="{{ route('dashboard.files.export') }}" class="btn btn-success text-white">Export table</a>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+            <div class="card">
+                <div class="card-body">
+                    <div class="table-responsive">
+                        <table id="user-list" class="table table-lg">
+                            <thead>
+                            <tr>
+                                <th>
+                                </th>
+                                <th>Image</th>
+                                <th>Name</th>
+                                <th>Created at</th>
+                                <th>Updated at</th>
+                                <th>Folder name</th>
+                                <th>Folder archive ID</th>
+                                <th>Directory</th>
+                                <th>Actions</th>
+                            </tr>
+                            </thead>
+                            <tbody>
+                            @foreach($files as $file)
+                                <tr>
+                                    <td></td>
+                                    <td>
+                                        @if(in_array(explode('.', $file->name)[1], $excelExt))
+                                            <div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
+                                            <i class="fa fa-file-excel-o text-success fa-2x"></i>
+                                            </div>
+                                        @else @if(in_array(explode('.', $file->name)[1], $textExt))
+                                            <div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
+                                            <i class="fa fa-file-word-o text-info fa-2x"></i>
+                                            </div>
+                                        @else @if(explode('.', $file->name)[1] == 'pdf')
+                                                <div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
+                                                <i class="fa fa-file-pdf-o text-danger fa-2x"></i>
+                                                </div>
+                                            @else @if(in_array(explode('.', $file->name)[1], $imageExt))
+                                                    <div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
+                                                        <a href="{{ url('/uploads/' . $file->location) }}" class="image-popup-gallery-item">
+                                                            <div class="image-hover">
+                                                                <img src="{{ url('/uploads/' . $file->location) }}" class="rounded" width="30" alt="image">
+                                                            </div>
+                                                        </a>
+                                                    </div>
+                                                @else
+                                                    <div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
+                                                    <i class="fa fa-file-text-o text-warning fa-2x"></i>
+                                                    </div>
+                                                @endif
+                                            @endif
+                                            @endif
+                                            @endif
+
+
+                                    </td>
+                                    <td>{{ $file->name }}</td>
+                                    <td>{{ date('d.m.Y - H:i', strtotime($file->created_at)) }}</td>
+                                    @if($file->updated_at==NULL)
+                                        <td>/</td>
+                                    @else
+                                        <td>{{ date('d.m.Y - H:i', strtotime($file->updated_at)) }}</td>
+                                @endif
+                                    <td><a href="{{ route('dashboard.folders.files', ['id' => $file->folder_id]) }}" class="text-linkedin">{{ \App\Models\Folder::find($file->folder_id)->name }}</a></td>
+                                    <td>{{ \App\Models\Folder::find($file->folder_id)->arch_id }}</td>
+                                <!-- Trigger -->
+                                    <td><button data-clipboard-text="{{$file->location}}" class="btn btn-sm btn-primary text-white" data-toggle="tooltip" data-placement="right" title="{{$file->location}}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
+                                                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
+                                                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
+                                            </svg></button>
+                                    </td>
+                                    <td>
+                                        <a href="javascript:void(0)" class="text-secondary" data-toggle="modal" data-target="#editModal_{{$file->id}}" title="Edit">
+                                            <i class="ti-pencil"></i>
+                                        </a>
+                                        <a href="{{ route("dashboard.files.downloadFile", ['id' => $file->id]) }}" class="text-danger ml-2"title="Download">
+                                            <i class="ti-download"></i>
+                                        </a>
+                                        <a href="javascript:void(0)" class="text-danger ml-2" data-toggle="modal" data-target="#deleteModal_{{$file->id}}" title="Delete">
+                                            <i class="ti-trash"></i>
+                                        </a>
+                                    </td>
+                                </tr>
+                                <div class="modal fade" id="deleteModal_{{$file->id}}" tabindex="-1" role="dialog" aria-hidden="true">
+                                    <div class="modal-dialog modal-dialog-centered" role="document">
+                                        <div class="modal-content">
+                                            <div class="modal-header">
+                                                <h5 class="modal-title" id="exampleModalCenterTitle">Delete confirmation</h5>
+                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                                    <i class="ti-close"></i>
+                                                </button>
+                                            </div>
+                                            <div class="modal-body">
+                                                <form action="{{ route("dashboard.files.deleteFile", $file->id) }}" method="POST">
+                                                    @csrf
+                                                    @method('DELETE')
+                                                    <p>Are you sure you want to delete file {{$file->name}}?</p>
+                                                    <p>Location: <span class="pr-1">{{$file->location}}</span></p>
+                                                    <div class="modal-footer">
+                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
+                                                        </button>
+                                                        <button type="submit" class="btn btn-primary">Save changes</button>
+                                                    </div>
+                                                </form>
+                                            </div>
+
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="modal fade" id="editModal_{{$file->id}}" tabindex="-1" role="dialog" aria-hidden="true">
+                                    <div class="modal-dialog modal-dialog-centered" role="document">
+                                        <div class="modal-content">
+                                            <div class="modal-header">
+                                                <h5 class="modal-title" id="exampleModalCenterTitle">Rename file</h5>
+                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                                    <i class="ti-close"></i>
+                                                </button>
+                                            </div>
+                                            <div class="modal-body">
+                                                <form action="{{ route("dashboard.files.renameFile", ["id" =>$file->id]) }}" method="post" accept-charset="utf-8">
+                                                    @method("patch")
+                                                    @csrf
+                                                    <div class="row">
+                                                        <div class="col-md-12">
+                                                            <div class="form-group">
+                                                                <label class="form-label">Current name: {{$file->name}}</label>
+                                                                <input type="text" name="name" value="{{ explode('.', $file->name)[0] }}" maxlength="255" title="Don't include: '\/.|'" pattern="^[^.\/|]+$" class="form-control" required>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <br/>
+                                                    <div class="modal-footer">
+                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
+                                                        </button>
+                                                        <button type="submit" class="btn btn-primary">Save changes</button>
+                                                    </div>
+                                                </form>
+                                            </div>
+
+                                        </div>
+                                    </div>
+                                </div>
+                            @endforeach
+
+                            </tbody>
+                        </table>
+
+                        <div class="modal fade" id="createModal" tabindex="-1" role="dialog" aria-hidden="true">
+                            <div class="modal-dialog modal-dialog-centered" role="document">
+                                <div class="modal-content">
+                                    <div class="modal-header">
+                                        <h5 class="modal-title" id="exampleModalCenterTitle">Add files</h5>
+                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                            <i class="ti-close"></i>
+                                        </button>
+                                    </div>
+                                    <div class="modal-body">
+                                        <form action="{{ route("dashboard.files.store") }}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
+                                            @csrf
+                                            <div class="row">
+                                                <div class="col-md-10">
+                                                    <div class="form-group">
+                                                        <label for="exampleFormControlSelect1">Folder</label>
+                                                        @if($folders->count())
+                                                            <select class="form-control" name="folder" required>
+                                                                @foreach ($folders as $folder)
+                                                                    <option value="{{ $folder->id }}" {{ (old("folder") == $folder->id ? "selected" : "") }}>{{ $folder->name }}</option>
+                                                                @endforeach
+                                                                @else
+                                                                    <p>You haven't created any folders yet. <a class="text-primary" href="{{ route("dashboard.folders.index") }}">Create now.</a></p>
+                                                                @endif
+                                                            </select>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-10">
+                                                    <div class="form-group">
+                                                        <label for="exampleFormControlSelect1">Uploads</label>
+
+
+                                                    <input type="file" class="form-control" id="file-item" name="file_item[]" accept="{{ $fileTypes }}" multiple>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <br/>
+                                            <div class="modal-footer">
+                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
+                                                </button>
+                                                <button type="submit" class="btn btn-primary">Save changes</button>
+                                            </div>
+                                        </form>
+                                    </div>
+
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+@endsection
+
+@section('script')
+
+    @yield('script')
+
+    <script src="{{ url('assets/js/examples/pages/user-list.js') }}"></script>
+    <!-- Datatable -->
+    <script src="{{ url('vendors/dataTable/dataTables.min.js') }}"></script>
+@endsection
Index: resources/views/dashboard/folders/files.blade.php
===================================================================
--- resources/views/dashboard/folders/files.blade.php	(revision c6b84df06586305606df5b76204a64cdc63b09a2)
+++ resources/views/dashboard/folders/files.blade.php	(revision c6b84df06586305606df5b76204a64cdc63b09a2)
@@ -0,0 +1,339 @@
+@extends('layouts.app')
+
+@section("title", "SaveSpace - Folder")
+
+@section('pageTitle', 'SaveSpace - Folder')
+
+
+@section('content')
+
+    <div class="row app-block mb-4">
+        <div class="col-md-3 app-sidebar">
+            <div class="card">
+                <div class="card-body">
+                    <a class="btn btn-secondary btn-block text-white" href="javascript:void(0)" data-target="#editModal_{{$folder->id}}" data-toggle="modal">
+                        Add files
+                    </a>
+                </div>
+                <div class="app-sidebar-menu">
+                    <div class="list-group list-group-flush">
+                        <a href="{{route("dashboard.folders.index")}}" class="list-group-item d-flex align-items-center">
+                            <i data-feather="folder" class="width-15 height-15 mr-2"></i>
+                            Folders
+                        </a>
+                        @foreach($folders as $obj)
+                            <a href="{{ route("dashboard.folders.files", ["id" => $obj->id]) }}" class="list-group-item d-flex align-items-center">
+                                <i data-feather="folder" class="width-15 height-15 mr-2"></i>
+                                {{$obj->name}}
+                                <span class="small ml-auto">{{$obj->files->count()}}</span>
+                            </a>
+                        @endforeach
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-9 app-content">
+            <div class="app-content-overlay"></div>
+            <div class="app-action">
+                <div class="action-left">
+                    <ul class="list-inline">
+                        <li class="list-inline-item mb-0">
+                            <a href="#" class="btn btn-outline-light dropdown-toggle" data-toggle="dropdown">
+                                Actions
+                            </a>
+                            <div class="dropdown-menu">
+                                <a class="dropdown-item" href="javascript:void(0)" data-toggle="modal" data-target="#editModal_{{$folder->id}}">
+                                 Add files
+                                </a>
+
+                            </div>
+                        </li>
+                        <li class="list-inline-item mb-0">
+                            <a href="{{ route("dashboard.folders.downloadFolder", ['id' => $folder->id]) }}" class="btn btn-outline-light">
+                                Download folder
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="action-right">
+                    <form action="{{ route("dashboard.folders.files", $folder->id) }}" method="get" class="d-flex mr-3">
+                        <div class="input-group">
+                            <input type="text" name="search" class="form-control" placeholder="Search files"
+                                   aria-describedby="button-addon1" required>
+                            <div class="input-group-append">
+                                <button class="btn btn-outline-light searchSubmitBtn" type="submit" value="Search">
+                                    <i data-feather="search"></i>
+                                </button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+
+            <p>Files</p>
+
+            <div class="row">
+                @forelse($files as $file)
+                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">
+                        <div class="card app-file-list">
+                            <div class="app-file-icon">
+                                @if(in_array(explode('.', $file->name)[1], $excelExt))
+                                    <i class="fa fa-file-excel-o text-success"></i>
+                                @else @if(in_array(explode('.', $file->name)[1], $textExt))
+                                    <i class="fa fa-file-word-o text-info"></i>
+                                @else @if(explode('.', $file->name)[1] == 'pdf')
+                                        <i class="fa fa-file-pdf-o text-danger"></i>
+                                    @else @if(in_array(explode('.', $file->name)[1], $imageExt))
+                                            <div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
+                                                <a href="{{ url('/uploads/' . $file->location) }}" class="image-popup-gallery-item">
+                                                    <div class="image-hover">
+                                                        <img src="{{ url('/uploads/' . $file->location) }}" class="rounded" width="100" alt="image">
+                                                    </div>
+                                                </a>
+                                            </div>
+                                        @else
+                                            <i class="fa fa-file-text-o text-warning"></i>
+                                        @endif
+                                    @endif
+                                @endif
+                                @endif
+                                <div class="dropdown position-absolute top-0 right-0 mr-3">
+                                    <a href="#" class="btn btn-outline-light btn-sm" data-toggle="dropdown">
+                                        <i class="fa fa-ellipsis-h"></i>
+                                    </a>
+                                    <div class="dropdown-menu dropdown-menu-right">
+                                        <a href="javascript:void(0)" class="dropdown-item" data-toggle="modal" data-target="#editModal_{{$file->id}}">
+                                            Rename
+                                        </a>
+                                        <a href="{{ route("dashboard.files.downloadFile", $file->id) }}" class="dropdown-item">
+                                            Download
+                                        </a>
+                                        <a href="javascript:void(0)" class="dropdown-item" data-toggle="modal" data-target="#deleteModal_{{$file->id}}">
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="p-2 small">
+                                <div>{{$file->name}}</div>
+                                <div class="text-muted">{{ $file->getSize($file->location) }} MB</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="modal fade" id="deleteModal_{{$file->id}}" tabindex="-1" role="dialog" aria-hidden="true">
+                        <div class="modal-dialog modal-dialog-centered" role="document">
+                            <div class="modal-content">
+                                <div class="modal-header">
+                                    <h5 class="modal-title" id="exampleModalCenterTitle">Delete confirmation</h5>
+                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                        <i class="ti-close"></i>
+                                    </button>
+                                </div>
+                                <div class="modal-body">
+                                    <form action="{{ route("dashboard.files.deleteFile", $file->id) }}" method="POST">
+                                        @csrf
+                                        @method('DELETE')
+                                        <p>Are you sure you want to delete file {{$file->name}}?</p>
+                                        <div class="modal-footer">
+                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
+                                            </button>
+                                            <button type="submit" class="btn btn-primary">Save changes</button>
+                                        </div>
+                                    </form>
+                                </div>
+
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="modal fade" id="editModal_{{$file->id}}" tabindex="-1" role="dialog" aria-hidden="true">
+                        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+                            <div class="modal-content">
+                                <div class="modal-header">
+                                    <h5 class="modal-title" id="exampleModalCenterTitle">Edit file name</h5>
+                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                        <i class="ti-close"></i>
+                                    </button>
+                                </div>
+                                <div class="modal-body">
+                                    <form action="{{ route("dashboard.files.renameFile", ["id" =>$file->id]) }}" method="post" accept-charset="utf-8">
+                                        @method("patch")
+                                        @csrf
+                                        <div class="row">
+                                            <div class="col-md-12">
+                                                <div class="form-group">
+                                                    <label class="form-label">Current name: {{$file->name}}</label>
+                                                    <input type="text" name="name" value="{{ explode('.', $file->name)[0] }}" maxlength="255" title="Don't include: '\/.|'" pattern="^[^.\/|]+$" class="form-control" required>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <br/>
+                                        <div class="modal-footer">
+                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
+                                            </button>
+                                            <button type="submit" class="btn btn-primary">Save changes</button>
+                                        </div>
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="modal fade" id="createModal" tabindex="-1" role="dialog" aria-hidden="true">
+                        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+                            <div class="modal-content">
+                                <div class="modal-header">
+                                    <h5 class="modal-title" id="exampleModalCenterTitle">Create folder</h5>
+                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                        <i class="ti-close"></i>
+                                    </button>
+                                </div>
+                                <div class="modal-body">
+                                    <form action="{{ route("dashboard.folders.store") }}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
+                                        @csrf
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label for="exampleFormControlSelect1">Department</label>
+                                                    @if($departments->count())
+                                                        <select class="form-control new_folder_deparment" name="department" required>
+                                                            @foreach ($departments as $department)
+                                                                <option value="{{ $department->id }}" data-dept-code="{{ $department->code }}" {{ (old("department") == $department->id ? "selected" : "") }}>{{ $department->name }}</option>
+                                                            @endforeach
+                                                            @else
+                                                                <p>You haven't created any departments yet. <a class="text-primary" href="{{ route("dashboard.departments.create") }}">Create now.</a></p>
+                                                            @endif
+                                                        </select>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Archive ID</label>
+                                                    <input type="text" name="arch_id" value="" class="form-control" placeholder="Archive ID" required>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Name</label>
+                                                    <input type="text" name="name" value="{{ old("name") }}" minlength="2" maxlength="30" class="form-control" placeholder="Name" required>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Note</label>
+                                                    <textarea class="form-control" name="note" maxlength="80"> {{old("note")}} </textarea>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <input type="file" class="form-control" id="file-item" name="file_item[]" accept="{{ $fileTypes }}" multiple>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <div class="form-check">
+                                                        <input class="form-check-input" type="checkbox" value="{{old("is_important")}}" id="is_important" name="is_important">
+                                                        <label class="form-check-label">
+                                                            Mark as important
+                                                        </label>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <br/>
+                                        <div class="modal-footer">
+                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
+                                            </button>
+                                            <button type="submit" class="btn btn-primary">Save changes</button>
+                                        </div>
+                                    </form>
+                                </div>
+
+                            </div>
+                        </div>
+                    </div>
+                @empty
+                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">No items found</div>
+                @endforelse
+            </div>
+
+            @if(!Request::query('search'))
+                {{$files->appends($_GET)->links('layouts.pagination') }}
+            @endif
+
+        </div>
+
+        <div class="modal fade" id="editModal_{{$folder->id}}" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalCenterTitle">Edit folder</h5>
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                            <i class="ti-close"></i>
+                        </button>
+                    </div>
+                    <div class="modal-body">
+                        <form action="{{ route("dashboard.folders.edit", ["id" => $folder->id]) }}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
+                            @method("patch")
+                            @csrf
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div class="form-group">
+                                        <label>Folder</label>
+                                        <select class="form-control edit_folder_deparment" name="department" required>
+                                            @foreach ($departments as $department)
+                                                <option value="{{ $department->id }}" data-dept-code="{{ $department->code }}" {{ old("department", $folder->department->id) == $department->id ? "selected" : "" }}>{{ $department->name }}</option>
+                                            @endforeach
+                                        </select>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="form-group">
+                                        <label>Archive ID</label>
+                                        <input type="text" name="arch_id" value="{{ old("arch_id", $folder->arch_id) }}" class="form-control" placeholder="Archive ID" required>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div class="form-group">
+                                        <label>Name</label>
+                                        <input type="text" name="name" value="{{ old("name", $folder->name) }}" class="form-control" placeholder="Name" minlength="2" maxlength="30" required>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="form-group">
+                                        <label>Note</label>
+                                        <textarea class="form-control" name="note" maxlength="80">
+                                                        {{ old("note", $folder->note) }}
+                                                    </textarea>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <input type="file" class="form-control" id="file-item" name="file_item[]" accept="{{ $fileTypes }}" multiple>
+                                </div>
+                            </div>
+                            <br/>
+                            <div class="modal-footer">
+                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
+                                </button>
+                                <button type="submit" class="btn btn-primary">Save changes</button>
+                            </div>
+                        </form>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+@endsection
+
+@yield('script')
+
+
Index: resources/views/dashboard/folders/index.blade.php
===================================================================
--- resources/views/dashboard/folders/index.blade.php	(revision c6b84df06586305606df5b76204a64cdc63b09a2)
+++ resources/views/dashboard/folders/index.blade.php	(revision c6b84df06586305606df5b76204a64cdc63b09a2)
@@ -0,0 +1,364 @@
+@extends('layouts.app')
+
+@section("title", "SaveSpace - Folders")
+
+@section('pageTitle', 'SaveSpace - Folders')
+
+@section('content')
+
+    <div class="row app-block mb-4">
+        <div class="col-md-3 app-sidebar">
+            <div class="card">
+                <div class="card-body">
+                    <a href="javascript:void(0)" class="btn btn-secondary btn-block file-upload-btn text-white" data-toggle="modal" data-target="#createModal">
+                        Add folder
+                    </a>
+                </div>
+                <div class="app-sidebar-menu">
+                    <div class="list-group list-group-flush">
+                        <a href="{{route("dashboard.folders.index")}}" class="list-group-item d-flex align-items-center">
+                            <i data-feather="folder" class="width-15 height-15 mr-2"></i>
+                            Folders
+                        </a>
+                        @foreach($departments as $department)
+                            <a href="{{ route("dashboard.folders.index", ["id" => $department->id]) }}" class="list-group-item d-flex align-items-center">
+                                <i data-feather="folder" class="width-15 height-15 mr-2"></i>
+                                {{$department->name}}
+                                <span class="small ml-auto">{{$department->folder->count()}}</span>
+                            </a>
+                        @endforeach
+                        <a href="{{ URL::current()."?sort=recent" }}" class="list-group-item">
+                            <i data-feather="upload-cloud" class="width-15 height-15 mr-2"></i>
+                            Recents
+                        </a>
+                        <a href="{{ URL::current()."?sort=important" }}" class="list-group-item d-flex align-items-center">
+                            <i data-feather="star" class="width-15 height-15 mr-2"></i>
+                            Important
+                            <span class="small ml-auto">{{ $countImportant }}</span>
+                        </a>
+                    </div>
+                    <div class="card-body">
+                        <h6 class="mb-4">Storage Status</h6>
+                        <div class="d-flex align-items-center">
+                            <div class="mr-3">
+                                <i data-feather="database" class="width-30 height-30"></i>
+                            </div>
+                            <div class="flex-grow-1">
+                                <div class="progress" style="height: 10px">
+                                    <div class="progress-bar progress-bar-striped" role="progressbar"
+                                         style="width: {{$diskUse}}" aria-valuenow="10" aria-valuemin="0"
+                                         aria-valuemax="100"></div>
+                                    <span class="sr-only">{{$diskUse}}</span>
+                                </div>
+                                <div class="line-height-12 small text-muted mt-2">{{round($diskUsedSize,2)}} GB /
+                                    {{round($diskTotalSize,2)}} GB ({{$diskUse}})</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-9 app-content">
+            <div class="app-content-overlay"></div>
+            <div class="app-action">
+                <div class="action-left">
+                    <ul class="list-inline">
+                        <li class="list-inline-item mb-0">
+                            <a href="#" class="btn btn-outline-light dropdown-toggle" data-toggle="dropdown">
+                                <i data-feather="plus" class="mr-1"></i>
+                                Ations
+                            </a>
+                            <div class="dropdown-menu">
+                                <a class="dropdown-item" href="javascript:void(0)" data-toggle="modal" data-target="#createModal">Add folder</a>
+                                <a href="{{ route('dashboard.folders.export') }}" class="dropdown-item text-success">Export table</a>
+                            </div>
+                        </li>
+                        <li class="list-inline-item mb-0">
+                            <a href="#" class="btn btn-outline-light dropdown-toggle" data-toggle="dropdown">Departments</a>
+                            <div class="dropdown-menu">
+                                @foreach($departments as $department)
+                                    <a class="dropdown-item d-flex justify-content-between m-5" href="{{ route("dashboard.folders.index", ["id" => $department->id]) }}">
+                                        {{$department->name}}
+                                        <span class="text-muted">{{$department->folder->count()}}</span>
+                                    </a>
+                                @endforeach
+                            </div>
+                        </li>
+                        <li class="list-inline-item mb-0">
+                            <a href="#" class="btn btn-outline-light dropdown-toggle" data-toggle="dropdown">
+                                Order by
+                            </a>
+                            <div class="dropdown-menu">
+                                @if(Request::get('id'))
+                                    <a class="dropdown-item" href="{{ URL::current()."?id=".Request::get('id')."&sort=newest" }}">Date</a>
+                                    <a class="dropdown-item" href="{{ URL::current()."?id=".Request::get('id')."&sort=name" }}">Name</a>
+                                @else
+                                    <a class="dropdown-item" href="{{ URL::current()."?sort=newest" }}">Date</a>
+                                    <a class="dropdown-item" href="{{ URL::current()."?sort=name" }}">Name</a>
+                                @endif
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+                <div class="action-right">
+                    <form action="{{ route("dashboard.folders.index") }}" method="get" class="d-flex mr-3">
+                        <div class="input-group">
+                            <input type="text" name="search" class="form-control" placeholder="Search folder"
+                                   aria-describedby="button-addon1" required>
+                            <div class="input-group-append">
+                                <button class="btn btn-outline-light searchSubmitBtn" type="submit" value="Search">
+                                    <i data-feather="search"></i>
+                                </button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+            @if(!Request::query('id'))
+                <h4>Folders</h4><br/>
+            @else
+                <h4> {{ $deptName }} - {{$deptCode}} </h4>
+                <br/>
+            @endif
+
+            <div class="row">
+                @forelse($folders as $folder)
+                    <div class="col-xl-4 col-lg-6">
+                        <div class="card"  style="width: 20rem;">
+                            <div class="card-body">
+                                <i class="fa fa-folder fa-2x pr-2" aria-hidden="true">
+                                        </i><span class="card-title" style="font-size: 1.5rem;">{{$folder->name}}</span>
+                                @if($folder->is_important)
+                                    <i class="fa fa-star" style="color:orange;"></i>
+                                @endif
+                                <div class="d-flex align-items-center">
+                                    <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="{{ route("dashboard.folders.files", ["id" => $folder->id]) }}" class="dropdown-item">View Files</a>
+                                            <a href="javascript:void(0)" class="dropdown-item" data-toggle="modal" data-target="#editModal_{{$folder->id}}">Edit</a>
+                                            <a href="{{ route("dashboard.folders.downloadFolder", ['id' => $folder->id]) }}" class="dropdown-item">Download</a>
+                                            <button class="dropdown-item action-dropdown-item"
+                                                    href="javascript:void(0)" onclick="toggleImportant({{$folder->id}})">
+                                                @if($folder->is_important)
+                                                    Mark as not important
+                                                @else
+                                                    Mark as important
+                                                @endif
+                                            </button>
+                                            <a href="javascript:void(0)" class="dropdown-item" data-toggle="modal" data-target="#deleteModal_{{$folder->id}}">Delete</a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="text-muted small mt-1 mb-3">Number of files: {{$folder->files->count()}}</div>
+                                <p class="badge bg-success-bright text-success">{{$folder->arch_id}}</p>
+                                <p>Note: {{$folder->note}}</p>
+                                <div class="row">
+                                    <div class="col">
+                                        <div class="text-muted mb-1 small">Created</div>
+                                        <div> {{ $folder->created_at->diffForHumans() }}, {{ date('d.m.Y', strtotime($folder->created_at))}}</div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="card-footer">
+                                <small class="text-muted">Last updated: {{ date('d.m.Y H:i', strtotime($folder->updated_at)) }}</small>
+                            </div>
+                        </div>
+                    </div>
+
+                    <form id="toggleImportant_{{ $folder->id }}"
+                          action="{{ route("dashboard.folders.toggleImportant", ["id" => $folder->id]) }}"
+                          method="post">
+                        @csrf
+                        @method("patch")
+                    </form>
+
+                    <div class="modal fade" id="editModal_{{$folder->id}}" tabindex="-1" role="dialog" aria-hidden="true">
+                        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+                            <div class="modal-content">
+                                <div class="modal-header">
+                                    <h5 class="modal-title" id="exampleModalCenterTitle">Edit folder</h5>
+                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                        <i class="ti-close"></i>
+                                    </button>
+                                </div>
+                                <div class="modal-body">
+                                    <form action="{{ route("dashboard.folders.edit", ["id" => $folder->id]) }}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
+                                        @method("patch")
+                                        @csrf
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Folder</label>
+                                                    <select class="form-control edit_folder_deparment" name="department" required>
+                                                        @foreach ($departments as $department)
+                                                            <option value="{{ $department->id }}" data-dept-code="{{ $department->code }}" {{ old("department", $folder->department->id) == $department->id ? "selected" : "" }}>{{ $department->name }}</option>
+                                                        @endforeach
+                                                    </select>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Archive ID</label>
+                                                    <input type="text" name="arch_id" value="{{ old("arch_id", $folder->arch_id) }}" class="form-control" placeholder="Archive ID" required>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Name</label>
+                                                    <input type="text" name="name" value="{{ old("name", $folder->name) }}" class="form-control" placeholder="Name" minlength="2" maxlength="30" required>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Note</label>
+                                                    <textarea class="form-control" name="note" maxlength="80">
+                                                        {{ old("note", $folder->note) }}
+                                                    </textarea>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <input type="file" class="form-control" id="file-item" name="file_item[]" accept="{{ $fileTypes }}" multiple>
+                                            </div>
+                                        </div>
+                                        <br/>
+                                        <div class="modal-footer">
+                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
+                                            </button>
+                                            <button type="submit" class="btn btn-primary">Save changes</button>
+                                        </div>
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="modal fade" id="createModal" tabindex="-1" role="dialog" aria-hidden="true">
+                        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+                            <div class="modal-content">
+                                <div class="modal-header">
+                                    <h5 class="modal-title" id="exampleModalCenterTitle">Create folder</h5>
+                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                        <i class="ti-close"></i>
+                                    </button>
+                                </div>
+                                <div class="modal-body">
+                                    <form action="{{ route("dashboard.folders.store") }}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
+                                        @csrf
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label for="exampleFormControlSelect1">Department</label>
+                                                    @if($departments->count())
+                                                        <select class="form-control new_folder_deparment" name="department" required>
+                                                            @foreach ($departments as $department)
+                                                                <option value="{{ $department->id }}" data-dept-code="{{ $department->code }}" {{ (old("department") == $department->id ? "selected" : "") }}>{{ $department->name }}</option>
+                                                            @endforeach
+                                                            @else
+                                                                <p>You haven't created any departments yet. <a class="text-primary" href="{{ route("dashboard.departments.create") }}">Create now.</a></p>
+                                                            @endif
+                                                        </select>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Archive ID</label>
+                                                    <input type="text" name="arch_id" value="" class="form-control" placeholder="Archive ID" required>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Name</label>
+                                                    <input type="text" name="name" value="{{ old('name') }}" minlength="2" maxlength="30" class="form-control" placeholder="Name" required>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Note</label>
+                                                    <textarea class="form-control" name="note" maxlength="80">{{ old('note') }}</textarea>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <input type="file" class="form-control" id="file-item" name="file_item[]" accept="{{ $fileTypes }}" multiple>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <div class="form-check">
+                                                        <input class="form-check-input" type="checkbox" value=" {{ old('is_important') }} " id="is_important" name="is_important">
+                                                        <label class="form-check-label">
+                                                            Mark as important
+                                                        </label>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <br/>
+                                        <div class="modal-footer">
+                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
+                                            </button>
+                                            <button type="submit" class="btn btn-primary">Save changes</button>
+                                        </div>
+                                    </form>
+                                </div>
+
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="modal fade" id="deleteModal_{{$folder->id}}" tabindex="-1" role="dialog" aria-hidden="true">
+                        <div class="modal-dialog modal-dialog-centered" role="document">
+                            <div class="modal-content">
+                                <div class="modal-header">
+                                    <h5 class="modal-title" id="exampleModalCenterTitle">Delete confirmation</h5>
+                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                        <i class="ti-close"></i>
+                                    </button>
+                                </div>
+                                <div class="modal-body">
+                                    <form action="{{ route("dashboard.folders.destroy", $folder->id) }}" method="POST">
+                                        @csrf
+                                        @method('DELETE')
+                                        <p>Are you sure you want to delete folder {{$folder->name}} with Archive ID: {{ $folder->arch_id }}?</p>
+                                        <div class="modal-footer">
+                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
+                                            </button>
+                                            <button type="submit" class="btn btn-primary">Save changes</button>
+                                        </div>
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                @empty
+                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">No items found</div>
+                @endforelse
+
+            </div>
+            @if(!Request::query('search'))
+                {{$folders->appends($_GET)->links('layouts.pagination') }}
+            @endif
+        </div>
+
+        @endsection
+
+        @section('script')
+
+            @yield('script')
+
+            <script>
+                function toggleImportant(id) {
+                    document.getElementById('toggleImportant_' + id).submit();
+                }
+            </script>
+
+@endsection
Index: resources/views/dashboard/index.blade.php
===================================================================
--- resources/views/dashboard/index.blade.php	(revision 6b95845bcb5cbd47d72feb8e241175b5fc16d0e0)
+++ 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
Index: resources/views/dashboard/notifications/index.blade.php
===================================================================
--- resources/views/dashboard/notifications/index.blade.php	(revision c6b84df06586305606df5b76204a64cdc63b09a2)
+++ resources/views/dashboard/notifications/index.blade.php	(revision c6b84df06586305606df5b76204a64cdc63b09a2)
@@ -0,0 +1,68 @@
+@extends('layouts.app')
+
+@section("title", "SaveSpace - Users")
+
+@section('pageTitle', 'Users')
+
+@section('head')
+    <!-- Datatable -->
+    <link rel="stylesheet" href="{{ url('vendors/dataTable/dataTables.min.css') }}" type="text/css">
+
+@endsection
+
+@section('content')
+
+{{--    <div class="page-header justify-content-between">--}}
+{{--        <nav aria-label="breadcrumb" class="d-flex align-items-start">--}}
+{{--            <ol class="breadcrumb">--}}
+{{--                <li class="breadcrumb-item">--}}
+{{--                    <a href="{{ url('dashboard.users') }}">Users</a>--}}
+{{--                </li>--}}
+{{--                <li class="breadcrumb-item active" aria-current="page">User List</li>--}}
+{{--            </ol>--}}
+{{--        </nav>--}}
+{{--        <div class="dropdown">--}}
+{{--            <a href="{{ route("dashboard.users.create") }}" class="btn btn-primary text-white">--}}
+{{--                Add user--}}
+{{--            </a>--}}
+{{--        </div>--}}
+{{--    </div>--}}
+
+    <div class="row">
+        <div class="col-md-12">
+            <div class="card">
+                <div class="card-body">
+                    <div class="table-responsive">
+                        <table id="user-list" class="table table-lg">
+                            <thead>
+                            <tr>
+                                <th></th>
+                                <th>Message</th>
+                                <th>Ago</th>
+                            </tr>
+                            </thead>
+                            <tbody>
+                            @foreach($notifications as $notification)
+                                <tr>
+                                    <td></td>
+                                    <td>{{$notification["message"]}}</td>
+                                    <td>{{$notification["ago"]}}</td>
+
+
+                                </tr>
+                            @endforeach
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+@endsection
+
+@section('script')
+    <script src="{{ url('assets/js/examples/pages/user-list.js') }}"></script>
+    <!-- Datatable -->
+    <script src="{{ url('vendors/dataTable/dataTables.min.js') }}"></script>
+@endsection
Index: resources/views/dashboard/settings/index.blade.php
===================================================================
--- resources/views/dashboard/settings/index.blade.php	(revision 6b95845bcb5cbd47d72feb8e241175b5fc16d0e0)
+++ resources/views/dashboard/settings/index.blade.php	(revision c6b84df06586305606df5b76204a64cdc63b09a2)
@@ -11,7 +11,7 @@
             <ol class="breadcrumb">
                 <li class="breadcrumb-item">
-                    <a href="{{ url('dashboard/users') }}">Users</a>
+                    <a href="{{ url('/') }}">Dashboard</a>
                 </li>
-                <li class="breadcrumb-item active" aria-current="page">User Settings</li>
+                <li class="breadcrumb-item active" aria-current="page">Settings</li>
             </ol>
         </nav>
@@ -26,5 +26,5 @@
                         <a class="nav-link {{$active_tab == 'account' ? 'active' : ""}}" id="account-tab" data-toggle="pill" href="#account" role="tab" aria-controls="account" aria-selected="true">Account</a>
                         <a class="nav-link {{$active_tab == 'security' ? 'active' : ""}}" id="security-tab" data-toggle="pill" href="#security" role="tab" aria-controls="security" aria-selected="false">Security</a>
-                        <a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">Social</a>
+                        <a class="nav-link {{$active_tab == 'file-types' ? 'active' : ""}}" id="file-types-tab" data-toggle="pill" href="#file-types" role="tab" aria-controls="file-types" aria-selected="false">File validation</a>
                     </div>
                 </div>
@@ -227,7 +227,32 @@
                             </div>
                         </div>
-                        <div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
-                            <div class="card">
-                            </div>
+                        <div class="tab-pane {{$active_tab == 'file-types' ? 'active' : ""}}" id="file-types" role="tabpanel" aria-labelledby="file-types-tab">
+
+                            <div class="card">
+                                    <div class="card-body">
+                                        <h6 class="card-title">File validation</h6>
+                                        <form action="{{ route("dashboard.settings.file-types") }}" method="post" accept-charset="utf-8" enctype='multipart/form-data'>
+                                            @method("patch")
+                                            @csrf
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <label>Mimes</label>
+                                                        <input type="text" name="mimes" value="{{ $fileType->mimes }}" class="form-control" placeholder="Mimes" required>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <label class="form-label">Max file size (in KB)</label>
+                                                        <input type="number" name="max_size" value="{{  $fileType->max_size }}" class="form-control" placeholder="Max file size" autocomplete="off" required>
+                                                        <p class="text-danger p-2">Note: 1 MB = 1024 KB</p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
+                                        </form>
+                                    </div>
+                                </div>
+
                         </div>
                     </div>
Index: resources/views/dashboard/users/create.blade.php
===================================================================
--- resources/views/dashboard/users/create.blade.php	(revision 6b95845bcb5cbd47d72feb8e241175b5fc16d0e0)
+++ 	(revision )
@@ -1,117 +1,0 @@
-@extends('layouts.app')
-
-@section("title", "Users - Create new")
-
-@section('pageTitle', 'Create user')
-
-@section('content')
-
-    <div class="page-header">
-        <nav aria-label="breadcrumb" class="d-flex align-items-start">
-            <ol class="breadcrumb">
-                <li class="breadcrumb-item">
-                    <a href="{{ url('dashboard/users') }}">Users</a>
-                </li>
-                <li class="breadcrumb-item active" aria-current="page">Create user</li>
-            </ol>
-        </nav>
-    </div>
-
-    <div class="row">
-        <div class="col-md-12">
-
-            <div class="row">
-                <div class="col-lg-12 col-md-12">
-                    <div class="tab-content" id="v-pills-tabContent">
-                        <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
-                            <div class="card">
-                                <div class="card-body">
-                                    <h6 class="card-title">Create user</h6>
-                                    <form action="{{ route("dashboard.users.store") }}" method="post" accept-charset="utf-8" enctype='multipart/form-data' class="needs-validation" novalidate>
-                                        @csrf
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label>Name</label>
-                                                    <input type="text" name="name" value="{{ old('name') }}" minlength="2" maxlength="25" pattern="[a-zA-Zа-шА-Ш._\s]+" class="form-control" placeholder="Name" required>
-                                                    <div class="invalid-feedback">
-                                                        Please enter only letters and spaces with length between [2, 25]
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label>Surname</label>
-                                                    <input type="text" name="surname" value="{{ old('surname') }}" minlength="2" maxlength="25" pattern="[a-zA-Zа-шА-Ш._\s]+" class="form-control" placeholder="Surname" required>
-                                                    <div class="invalid-feedback">
-                                                        Please enter only letters and spaces with length between [2, 25]
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label class="form-label">Username</label>
-                                                    <input type="text" name="username" value="{{ old('username') }}" minlength="5" maxlength="30" class="form-control" placeholder="Username" required>
-                                                    <div class="invalid-feedback">
-                                                        Please enter characters with length between [5, 30]
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label class="form-label">Role</label>
-                                                    <select class="form-control" name="userRole required">
-                                                        @foreach ($roles as $role)
-                                                            <option value="{{ $role->id }}" {{ (old("userRole") == $role->id ? "selected" : "" ) }}>{{ $role->name }}</option>
-                                                        @endforeach
-                                                    </select>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label>Email</label>
-                                                    <input type="email" name="email" value="{{ old('email') }}" class="form-control" placeholder="E-mail" required>
-                                                    <div class="invalid-feedback">
-                                                        Please enter a valid email address
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label class="form-label">Phone Number</label>
-                                                    <input type="text" name="phone_number" value="{{ old('phone_number') }}" class="form-control" placeholder="Phone number" autocomplete="off" required>
-                                                    <div class="invalid-feedback">
-                                                        Please enter your phone number
-                                                    </div>
-                                                </div>
-                                            </div>
-
-                                        </div>
-
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label>Avatar</label>
-                                                    <input type="file" name="avatar" value="{{ old('avatar') }}" class="form-control" accept="image/*">
-                                                    <div class="invalid-feedback">
-                                                        Please upload a valid image file
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                            <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
-                                    </form>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-@endsection
Index: resources/views/dashboard/users/edit.blade.php
===================================================================
--- resources/views/dashboard/users/edit.blade.php	(revision 6b95845bcb5cbd47d72feb8e241175b5fc16d0e0)
+++ 	(revision )
@@ -1,122 +1,0 @@
-@extends('layouts.app')
-
-@section("title", "Users - Edit user")
-
-@section('pageTitle', 'Edit user')
-
-@section('content')
-
-    <div class="page-header">
-        <nav aria-label="breadcrumb" class="d-flex align-items-start">
-            <ol class="breadcrumb">
-                <li class="breadcrumb-item">
-                    <a href="{{ url('dashboard/users') }}">Users</a>
-                </li>
-                <li class="breadcrumb-item active" aria-current="page">Edit user</li>
-            </ol>
-        </nav>
-    </div>
-
-    <div class="row">
-        <div class="col-md-12">
-
-            <div class="row">
-                <div class="col-lg-12 col-md-12">
-                    <div class="tab-content" id="v-pills-tabContent">
-                        <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
-                            <div class="card">
-                                <div class="card-body">
-                                    <h6 class="card-title">User account data</h6>
-                                    <form action="{{ route("dashboard.users.edit", ["id" =>$user->id]) }}" method="post" accept-charset="utf-8" enctype='multipart/form-data' class="needs-validation" novalidate>
-                                        @method("patch")
-                                        @csrf
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label>Name</label>
-                                                    <input type="text" name="name" value="{{ $user->name }}" minlength="2" maxlength="30" pattern="[a-zA-Zа-шА-Ш._\s]+" class="form-control" placeholder="Name" required>
-                                                    <div class="invalid-feedback">
-                                                        Please enter only letters and spaces with length between [2, 30]
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label>Surname</label>
-                                                    <input type="text" name="surname" value="{{$user->surname}}" minlength="2" maxlength="30" pattern="[a-zA-Zа-шА-Ш._\s]+" class="form-control" placeholder="Surname" required>
-                                                    <div class="invalid-feedback">
-                                                        Please enter only letters and spaces with length between [2, 30]
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label class="form-label">Username</label>
-                                                    <input type="text" name="username" value="{{ $user->username }}" minlength="5" maxlength="30" class="form-control" placeholder="Username" required>
-                                                    <div class="invalid-feedback">
-                                                        Please enter characters with length between [5, 30]
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label class="form-label">Role</label>
-
-                                                    <select class="form-control" name="userRole" required>
-                                                        @foreach($roles as $role)
-                                                            <option value="{{ $role->id }}" {{ $user->role_id == $role->id ? "selected" : "" }}>{{ $role->name }}</option>
-                                                        @endforeach
-                                                    </select>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label>Email</label>
-                                                    <input type="email" name="email" value="{{ $user->email }}" maxlength="50" class="form-control" placeholder="E-mail" required>
-                                                    <div class="invalid-feedback">
-                                                        Please enter a valid email address with length <=50
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label class="form-label">Phone Number</label>
-                                                    <input type="text" name="phone_number" value="{{ $user->phone_number }}" class="form-control" placeholder="Phone number" autocomplete="off" required>
-                                                    <div class="invalid-feedback">
-                                                        Please enter your phone number
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row">
-                                            <div class="col-md-5">
-                                                <div class="form-group">
-                                                    <label>Avatar</label>
-                                                    <input type="file" name="avatar" value="{{ $user->avatar }}" class="form-control" accept="image/*">
-                                                    <div class="invalid-feedback">
-                                                        Please upload a valid image file
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-1">
-                                                <div class="form-group">
-                                                    <label>Current</label>
-                                                    @include('dashboard.partials.avatar')
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
-                                    </form>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-@endsection
Index: resources/views/dashboard/users/index.blade.php
===================================================================
--- resources/views/dashboard/users/index.blade.php	(revision 6b95845bcb5cbd47d72feb8e241175b5fc16d0e0)
+++ resources/views/dashboard/users/index.blade.php	(revision c6b84df06586305606df5b76204a64cdc63b09a2)
@@ -17,13 +17,14 @@
             <ol class="breadcrumb">
                 <li class="breadcrumb-item">
-                    <a href="{{ url('dashboard.users') }}">Users</a>
+                    <a href="{{ url('/') }}">Dashboard</a>
                 </li>
-                <li class="breadcrumb-item active" aria-current="page">User List</li>
+                <li class="breadcrumb-item active" aria-current="page">Users</li>
             </ol>
         </nav>
         <div class="dropdown">
-            <a href="{{ route("dashboard.users.create") }}" class="btn btn-primary text-white">
+            <a href="javascript:void(0)" data-toggle="modal" data-target="#createModal" class="btn btn-primary text-white">
                 Add user
             </a>
+            <a href="{{ route('dashboard.users.export') }}" class="btn btn-success text-white">Export table</a>
         </div>
     </div>
@@ -48,5 +49,4 @@
                                 <th>Role</th>
                                 <th>Status</th>
-                                <th>Last seen</th>
                                 <th>Actions</th>
                             </tr>
@@ -84,17 +84,12 @@
                                     <td>
                                         @if(Cache::has('is_online' . $user->id))
-                                            <span class="text-success">Online</span>
+                                            <span data-toggle="tooltip" data-placement="bottom" title="{{ $user->last_seen }}" style="cursor: pointer;" class="text-success">Online</span>
                                         @else
-                                            <span class="text-secondary">Offline</span>
+                                            <span data-toggle="tooltip" data-placement="bottom" title="{{ $user->last_seen }}" class="text-secondary">Offline</span>
                                         @endif
                                     </td>
-                                    @if($user->last_seen==NULL)
-                                        <td>Never logged in</td>
-                                    @else
-                                    <td>{{ \Carbon\Carbon::parse($user->last_seen)->diffForHumans() }}</td>
-                                    @endif
                                     @if($user->hasRole("Referent") && $user->is_confirmed)
                                         <td>
-                                            <a href="{{ route("dashboard.users.edit", ["id" => $user->id]) }}" class="text-secondary" data-toggle="tooltip" title="Edit">
+                                            <a href="javascript:void(0)" class="text-secondary" data-toggle="modal" data-target="#editModal_{{$user->id}}" title="Edit">
                                                 <i class="ti-pencil"></i>
                                             </a>
@@ -104,12 +99,175 @@
                                         </td>
                                     @else
-                                        <td>Not available</td>
+                                        <td>Admin</td>
                                         @endif
                                 </tr>
+
+                                <div class="modal fade" id="editModal_{{$user->id}}" tabindex="-1" role="dialog" aria-hidden="true">
+                                    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+                                        <div class="modal-content">
+                                            <div class="modal-header">
+                                                <h5 class="modal-title" id="exampleModalCenterTitle">Edit user</h5>
+                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                                    <i class="ti-close"></i>
+                                                </button>
+                                            </div>
+                                            <div class="modal-body">
+                                                <form action="{{ route("dashboard.users.edit", ["id" =>$user->id]) }}" method="post" accept-charset="utf-8" enctype='multipart/form-data'>
+                                                    @method("patch")
+                                                    @csrf
+                                                    <div class="row">
+                                                        <div class="col-md-6">
+                                                            <div class="form-group">
+                                                                <label>Name</label>
+                                                                <input type="text" name="name" value="{{ $user->name }}" minlength="2" maxlength="30" pattern="[a-zA-Zа-шА-Ш._\s]+" class="form-control" placeholder="Name" required>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-6">
+                                                            <div class="form-group">
+                                                                <label>Surname</label>
+                                                                <input type="text" name="surname" value="{{$user->surname}}" minlength="2" maxlength="30" pattern="[a-zA-Zа-шА-Ш._\s]+" class="form-control" placeholder="Surname" required>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="row">
+                                                        <div class="col-md-6">
+                                                            <div class="form-group">
+                                                                <label class="form-label">Username</label>
+                                                                <input type="text" name="username" value="{{ $user->username }}" minlength="5" maxlength="30" class="form-control" placeholder="Username" required>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-6">
+                                                            <div class="form-group">
+                                                                <label class="form-label">Role</label>
+
+                                                                <select class="form-control" name="userRole" required>
+                                                                    @foreach($roles as $role)
+                                                                        <option value="{{ $role->id }}" {{ $user->role_id == $role->id ? "selected" : "" }}>{{ $role->name }}</option>
+                                                                    @endforeach
+                                                                </select>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="row">
+                                                        <div class="col-md-6">
+                                                            <div class="form-group">
+                                                                <label>Email</label>
+                                                                <input type="email" name="email" value="{{ $user->email }}" maxlength="50" class="form-control" placeholder="E-mail" required>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-6">
+                                                            <div class="form-group">
+                                                                <label class="form-label">Phone Number</label>
+                                                                <input type="text" name="phone_number" value="{{ $user->phone_number }}" class="form-control" placeholder="Phone number" autocomplete="off" required>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="row">
+                                                        <div class="col-md-5">
+                                                            <div class="form-group">
+                                                                <label>Avatar</label>
+                                                                <input type="file" name="avatar" value="{{ $user->avatar }}" class="form-control" accept="image/*">
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-1">
+                                                            <div class="form-group">
+                                                                <label>Current</label>
+                                                                @include('dashboard.partials.avatar')
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="modal-footer">
+                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
+                                                        </button>
+                                                        <button type="submit" class="btn btn-primary">Save changes</button>
+                                                    </div>
+                                                </form>
+                                            </div>
+
+                                        </div>
+                                    </div>
+                                </div>
+
                             @endforeach
-
-
                             </tbody>
                         </table>
+
+                        <div class="modal fade" id="createModal" tabindex="-1" role="dialog" aria-hidden="true">
+                            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+                                <div class="modal-content">
+                                    <div class="modal-header">
+                                        <h5 class="modal-title" id="exampleModalCenterTitle">Create user</h5>
+                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                            <i class="ti-close"></i>
+                                        </button>
+                                    </div>
+                                    <div class="modal-body">
+                                        <form action="{{ route("dashboard.users.store") }}" method="post" accept-charset="utf-8" enctype='multipart/form-data'>
+                                            @csrf
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <label>Name</label>
+                                                        <input type="text" name="name" value="{{ old('name') }}" minlength="2" maxlength="25" pattern="[a-zA-Zа-шА-Ш._\s]+" class="form-control" placeholder="Name" required>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <label>Surname</label>
+                                                        <input type="text" name="surname" value="{{ old('surname') }}" minlength="2" maxlength="25" pattern="[a-zA-Zа-шА-Ш._\s]+" class="form-control" placeholder="Surname" required>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <label class="form-label">Username</label>
+                                                        <input type="text" name="username" value="{{ old('username') }}" minlength="5" maxlength="30" class="form-control" placeholder="Username" required>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <label class="form-label">Role</label>
+                                                        <select class="form-control" name="userRole" required>
+                                                            @foreach ($roles as $role)
+                                                                <option value="{{ $role->id }}" {{ (old("userRole") == $role->id ? "selected" : "" ) }}>{{ $role->name }}</option>
+                                                            @endforeach
+                                                        </select>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <label>Email</label>
+                                                        <input type="email" name="email" value="{{ old('email') }}" class="form-control" placeholder="E-mail" required>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <label class="form-label">Phone Number</label>
+                                                        <input type="text" name="phone_number" value="{{ old('phone_number') }}" class="form-control" placeholder="Phone number" autocomplete="off" required>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <label>Avatar</label>
+                                                        <input type="file" name="avatar" value="{{ old('avatar') }}" class="form-control" accept="image/*">
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="modal-footer">
+                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
+                                                </button>
+                                                <button type="submit" class="btn btn-primary">Save changes</button>
+                                            </div>
+                                        </form>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
                     </div>
                 </div>
Index: resources/views/layouts/app.blade.php
===================================================================
--- resources/views/layouts/app.blade.php	(revision 6b95845bcb5cbd47d72feb8e241175b5fc16d0e0)
+++ resources/views/layouts/app.blade.php	(revision c6b84df06586305606df5b76204a64cdc63b09a2)
@@ -17,4 +17,6 @@
 <!-- App styles -->
     <link rel="stylesheet" href="{{ url('assets/css/app.min.css') }}" type="text/css">
+    <link rel="stylesheet" href="{{ url('vendors/lightbox/magnific-popup.css') }}" type="text/css">
+
 </head>
 <body @if (trim($__env->yieldContent('bodyClass'))) class="@yield('bodyClass')" @endif>
@@ -121,4 +123,27 @@
                     <!-- end::header fullscreen -->
 
+                    <!-- begin::header notification dropdown -->
+                    <li class="nav-item dropdown">
+                    <div class="dropdown dropdown-notifications-wrapper dropdown-menu-right dropdown-menu-big">
+                        <a href="javascript:void(0)" class="nav-link dropdown-notifications-unread icon" data-toggle="dropdown">
+                            <i data-feather="bell"></i>
+                            <span class="nav-unread"></span>
+                        </a>
+                        <div class="dropdown-menu dropdown-notifications dropdown-menu-right dropdown-menu-big">
+                            <div class="bg-dark p-4 text-center d-flex justify-content-between align-items-center">
+                                <h5 class="mb-0">Notifications</h5>
+                            </div>
+                            <div class="p-4 text-center align-items-center">
+                            <p class='text-center unreadNotificationsInfo'>No unread notifications</p>
+                            </div>
+                            <div class="dropdown-divider"></div>
+                            <a href="{{ route("dashboard.notifications.index") }}" class="dropdown-item text-center text-muted-dark">See all</a>
+                        </div>
+                    </div>
+                    </li>
+
+{{--                    </li>--}}
+                    <!-- end::header notification dropdown -->
+
                     <!-- begin::user menu -->
                     <li class="nav-item dropdown">
@@ -155,6 +180,6 @@
                     <li>
                         <a href="{{ route("dashboard.index") }}" class="nav-link {{ request()->is('dashboard') ? 'active' : '' }}" data-toggle="tooltip"
-                           data-placement="right" title="Pages">
-                            <i data-feather="copy"></i>
+                           data-placement="right" title="Dashboard">
+                            <i data-feather="home"></i>
                         </a>
                     </li>
@@ -171,12 +196,20 @@
                             <a href="{{route("dashboard.departments.index")}}" data-toggle="tooltip"
                                data-placement="right" title="Departments">
-                                <i data-feather="layers"></i>
-                            </a>
-                        </li>
-                    @endif
-                    @if(auth()->user()->hasPermission("manage_all_documents"))
-                        <li>
-                            <a href="{{route("dashboard.documents.index")}}" data-toggle="tooltip"
-                               data-placement="right" title="Documents">
+                                <i data-feather="grid"></i>
+                            </a>
+                        </li>
+                    @endif
+                    @if(auth()->user()->hasPermission("manage_all_folders"))
+                        <li>
+                            <a href="{{route("dashboard.folders.index")}}" data-toggle="tooltip"
+                               data-placement="right" title="Folders">
+                                <i data-feather="folder"></i>
+                            </a>
+                        </li>
+                    @endif
+                    @if(auth()->user()->hasPermission("manage_all_files"))
+                        <li>
+                            <a href="{{route("dashboard.files.index")}}" data-toggle="tooltip"
+                               data-placement="right" title="Files">
                                 <i data-feather="file-text"></i>
                             </a>
@@ -220,5 +253,12 @@
     var clipboard = new ClipboardJS('.btn');
 </script>
+<script src="{{ url('vendors/lightbox/jquery.magnific-popup.min.js') }}"></script>
+
+<!-- Isotope -->
+<script src="{{ url('vendors/jquery.isotope.min.js') }}"></script>
+
+<script src="{{ url('assets/js/examples/pages/gallery.js') }}"></script>
 @yield('script')
+
 
 @include("layouts.alert")
