diff --git a/public/css/app.css b/public/css/app.css
index 3ba2e7c..b37b18d 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -8463,31 +8463,31 @@ body {
 
 /* Topic Index Page */
 
-.topics-index-page .categories-show-page .topic-list .nav > li > a {
+.topics-index-page .categories-show-page .root-page .topic-list .nav > li > a {
   position: relative;
   display: block;
   padding: 5px 14px;
   font-size: 0.9em;
 }
 
-.topics-index-page .categories-show-page .topic-list a {
+.topics-index-page .categories-show-page .root-page .topic-list a {
   color: #444444;
 }
 
-.topics-index-page .categories-show-page .topic-list .meta {
+.topics-index-page .categories-show-page .root-page .topic-list .meta {
   font-size: 0.9em;
   color: #b3b3b3;
 }
 
-.topics-index-page .categories-show-page .topic-list .meta a {
+.topics-index-page .categories-show-page .root-page .topic-list .meta a {
   color: #b3b3b3;
 }
 
-.topics-index-page .categories-show-page .topic-list .badge {
+.topics-index-page .categories-show-page .root-page .topic-list .badge {
   background-color: #d8d8d8;
 }
 
-.topics-index-page .categories-show-page .topic-list hr {
+.topics-index-page .categories-show-page .root-page .topic-list hr {
   margin-top: 12px;
   margin-bottom: 12px;
   border: 0;
diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index b81d671..5347298 100644
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -117,7 +117,7 @@ body {
 }
 
 /* Topic Index Page */
-.topics-index-page .categories-show-page {
+.topics-index-page .categories-show-page .root-page {
   .topic-list {
     .nav > li > a {
       position: relative;
diff --git a/routes/web.php b/routes/web.php
index 247920f..29080ac 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -11,7 +11,7 @@
 |
 */
 
-Route::get ( '/' , 'PagesController@root' )->name ( 'root' );
+Route::get ( '/' , 'TopicsController@index' )->name ( 'root' );
 
 //Auth::routes();
 // Authentication Routes...
@@ -47,3 +47,4 @@
 
 Route::get ( 'permission-denied' , 'PagesController@permissionDenied' )->name ( 'permission-denied' );
 
+
diff --git a/storage/app/public/.gitignore b/storage/app/public/.gitignore
deleted file mode 100644
index d6b7ef3..0000000
--- a/storage/app/public/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-*
-!.gitignore
diff --git a/storage/framework/cache/.gitignore b/storage/framework/cache/.gitignore
deleted file mode 100644
index d6b7ef3..0000000
--- a/storage/framework/cache/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-*
-!.gitignore
diff --git a/storage/framework/cache/data/f0/29/f02945dbe518bf3b79c1267d9959c48574b2ebfb b/storage/framework/cache/data/f0/29/f02945dbe518bf3b79c1267d9959c48574b2ebfb
new file mode 100644
index 0000000..c396123
Binary files /dev/null and b/storage/framework/cache/data/f0/29/f02945dbe518bf3b79c1267d9959c48574b2ebfb differ
diff --git a/storage/framework/cache/data/f9/47/f947913e0c6993749ff54a26039f2d18c8a26175 b/storage/framework/cache/data/f9/47/f947913e0c6993749ff54a26039f2d18c8a26175
new file mode 100644
index 0000000..9181a2b
Binary files /dev/null and b/storage/framework/cache/data/f9/47/f947913e0c6993749ff54a26039f2d18c8a26175 differ
diff --git a/storage/framework/sessions/.gitignore b/storage/framework/sessions/.gitignore
deleted file mode 100644
index d6b7ef3..0000000
--- a/storage/framework/sessions/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-*
-!.gitignore
diff --git a/storage/framework/testing/.gitignore b/storage/framework/testing/.gitignore
deleted file mode 100644
index d6b7ef3..0000000
--- a/storage/framework/testing/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-*
-!.gitignore
diff --git a/storage/framework/views/.gitignore b/storage/framework/views/.gitignore
deleted file mode 100644
index d6b7ef3..0000000
--- a/storage/framework/views/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-*
-!.gitignore
diff --git a/storage/framework/views/085b8d01573453f32cedee1224bbb2cc30fcb249.php b/storage/framework/views/085b8d01573453f32cedee1224bbb2cc30fcb249.php
new file mode 100644
index 0000000..f99d7f0
--- /dev/null
+++ b/storage/framework/views/085b8d01573453f32cedee1224bbb2cc30fcb249.php
@@ -0,0 +1,48 @@
+<div class="panel panel-default">
+    <div class="panel-body">
+        <a href="<?php echo e(route('topics.create')); ?>" class="btn btn-success btn-block" aria-label="Left Align">
+            <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> 新建帖子
+        </a>
+    </div>
+</div>
+
+<?php if(count($active_users)): ?>
+    <div class="panel panel-default">
+        <div class="panel-body active-users">
+
+            <div class="text-center">活跃用户</div>
+            <hr>
+            <?php $__currentLoopData = $active_users; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $active_user): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
+                <a class="media" href="<?php echo e(route('users.show', $active_user->id)); ?>">
+                    <div class="media-left media-middle">
+                        <img src="<?php echo e($active_user->avatar); ?>" width="24px" height="24px"
+                             class="img-circle media-object">
+                    </div>
+
+                    <div class="media-body">
+                        <span class="media-heading"><?php echo e($active_user->name); ?></span>
+                    </div>
+                </a>
+            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
+
+        </div>
+    </div>
+<?php endif; ?>
+
+<?php if(count($links)): ?>
+    <div class="panel panel-default">
+        <div class="panel-body active-users">
+
+            <div class="text-center">资源推荐</div>
+            <hr>
+            <?php $__currentLoopData = $links; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $link): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
+                <a class="media" href="<?php echo e($link->link); ?>">
+                    <div class="media-body">
+                        <span class="media-heading"><?php echo e($link->title); ?></span>
+                    </div>
+                </a>
+            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
+
+        </div>
+    </div>
+<?php endif; ?>
\ No newline at end of file
diff --git a/storage/framework/views/710bcf0e3348cb9f7a5eb864aea95996ac7ad282.php b/storage/framework/views/710bcf0e3348cb9f7a5eb864aea95996ac7ad282.php
new file mode 100644
index 0000000..11c51d0
--- /dev/null
+++ b/storage/framework/views/710bcf0e3348cb9f7a5eb864aea95996ac7ad282.php
@@ -0,0 +1,109 @@
+<nav class="navbar navbar-default navbar-static-top">
+    <div class="container">
+        <div class="navbar-header">
+
+            <!-- Collapsed Hamburger -->
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+                    data-target="#app-navbar-collapse">
+                <span class="sr-only">Toggle Navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+
+            <!-- Branding Image -->
+            <a class="navbar-brand" href="<?php echo e(url('/')); ?>">
+                LaraBBS
+            </a>
+        </div>
+
+        <div class="collapse navbar-collapse" id="app-navbar-collapse">
+            <!-- Left Side Of Navbar -->
+            <ul class="nav navbar-nav">
+                <li class="<?php echo e(active_class(if_route('topics.index'))); ?>"><a href="<?php echo e(route('topics.index')); ?>">话题</a>
+                </li>
+                <li class="<?php echo e(active_class((if_route('categories.show') && if_route_param('category', 1)))); ?>"><a
+                            href="<?php echo e(route('categories.show', 1)); ?>">分享</a></li>
+                <li class="<?php echo e(active_class((if_route('categories.show') && if_route_param('category', 2)))); ?>"><a
+                            href="<?php echo e(route('categories.show', 2)); ?>">教程</a></li>
+                <li class="<?php echo e(active_class((if_route('categories.show') && if_route_param('category', 3)))); ?>"><a
+                            href="<?php echo e(route('categories.show', 3)); ?>">问答</a></li>
+                <li class="<?php echo e(active_class((if_route('categories.show') && if_route_param('category', 4)))); ?>"><a
+                            href="<?php echo e(route('categories.show', 4)); ?>">公告</a></li>
+            </ul>
+
+            <!-- Right Side Of Navbar -->
+            <ul class="nav navbar-nav navbar-right">
+                <!-- Authentication Links -->
+                <?php if(auth()->guard()->guest()): ?>
+                <li><a href="<?php echo e(route('login')); ?>">登录</a></li>
+                <li><a href="<?php echo e(route('register')); ?>">注册</a></li>
+                <?php else: ?>
+                    <li>
+                        <a href="<?php echo e(route('topics.create')); ?>">
+                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
+                        </a>
+                    </li>
+                    
+                    <li>
+                        <a href="<?php echo e(route('notifications.index')); ?>" class="notifications-badge"
+                           style="margin-top: -2px;">
+                            <span class="badge badge-<?php echo e(Auth::user()->notification_count > 0 ? 'hint' : 'fade'); ?> "
+                                  title="消息提醒">
+                                <?php echo e(Auth::user()->notification_count); ?>
+
+                            </span>
+                        </a>
+                    </li>
+                    <li class="dropdown">
+                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
+                            <span class="user-avatar pull-left" style="margin-right:8px; margin-top:-5px;">
+                                <img src="<?php echo e(Auth::user()->avatar); ?>" class="img-responsive img-circle" width="30px"
+                                     height="30px">
+                            </span>
+                            <?php echo e(Auth::user()->name); ?> <span class="caret"></span>
+                        </a>
+
+                        <ul class="dropdown-menu" role="menu">
+                            <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('manage_contents')): ?>
+                                <li>
+                                    <a href="<?php echo e(url(config('administrator.uri'))); ?>">
+                                        <span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span>
+                                        管理后台
+                                    </a>
+                                </li>
+                            <?php endif; ?>
+
+                            <li>
+                                <a href="<?php echo e(route('users.show', Auth::id())); ?>">
+                                    <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
+                                    个人中心
+                                </a>
+                            </li>
+                            <li>
+                                <a href="<?php echo e(route('users.edit', Auth::id())); ?>">
+                                    <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
+                                    编辑资料
+                                </a>
+                            </li>
+                            <li>
+                                <a href="<?php echo e(route('logout')); ?>"
+                                   onclick="event.preventDefault();
+                                             document.getElementById('logout-form').submit();">
+                                    <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
+                                    退出登录
+                                </a>
+
+                                <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST"
+                                      style="display: none;">
+                                    <?php echo e(csrf_field()); ?>
+
+                                </form>
+                            </li>
+                        </ul>
+                    </li>
+                    <?php endif; ?>
+            </ul>
+        </div>
+    </div>
+</nav>
\ No newline at end of file
diff --git a/storage/framework/views/745d1ba2b20ccd7d42b2919201148f1e01c28d73.php b/storage/framework/views/745d1ba2b20ccd7d42b2919201148f1e01c28d73.php
new file mode 100644
index 0000000..3f67426
--- /dev/null
+++ b/storage/framework/views/745d1ba2b20ccd7d42b2919201148f1e01c28d73.php
@@ -0,0 +1,10 @@
+<footer class="footer">
+    <div class="container">
+        <p class="pull-left">
+            由 <a href="http://weibo.com/u/1837553744?is_hot=1" target="_blank">Cui</a> 设计和编码 <span
+                    style="color: #e27575;font-size: 14px;">❤</span>
+        </p>
+
+        <p class="pull-right"><a href="mailto:<?php echo e(setting('contact_email')); ?>">联系我们</a></p>
+    </div>
+</footer>
\ No newline at end of file
diff --git a/storage/framework/views/7a42c9b1c8e24f8d022bdd55b1498079b24d9021.php b/storage/framework/views/7a42c9b1c8e24f8d022bdd55b1498079b24d9021.php
new file mode 100644
index 0000000..9180020
--- /dev/null
+++ b/storage/framework/views/7a42c9b1c8e24f8d022bdd55b1498079b24d9021.php
@@ -0,0 +1,39 @@
+<?php $__env->startSection('title', isset($category) ? $category->name : '话题列表'); ?>
+
+<?php $__env->startSection('content'); ?>
+
+    <div class="row">
+        <div class="col-lg-9 col-md-9 topic-list">
+            <?php if(isset($category)): ?>
+                <div class="alert alert-info" role="alert">
+                    <?php echo e($category->name); ?> ：<?php echo e($category->description); ?>
+
+                </div>
+            <?php endif; ?>
+
+            <div class="panel panel-default">
+
+                <div class="panel-heading">
+                    <ul class="nav nav-pills">
+                        <li class="<?php echo e(active_class( ! if_query('order', 'recent') )); ?>"><a href="<?php echo e(Request::url()); ?>?order=default">最后回复</a></li>
+                        <li class="<?php echo e(active_class(if_query('order', 'recent'))); ?>"><a href="<?php echo e(Request::url()); ?>?order=recent">最新发布</a></li>
+                    </ul>
+                </div>
+
+                <div class="panel-body">
+                    
+                    <?php echo $__env->make('topics._topic_list', ['topics' => $topics], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
+                    
+                    <?php echo $topics->render(); ?>
+
+                </div>
+            </div>
+        </div>
+
+        <div class="col-lg-3 col-md-3 sidebar panel panel-default panel-heading">
+            <?php echo $__env->make('topics._sidebar', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
+        </div>
+    </div>
+
+<?php $__env->stopSection(); ?>
+<?php echo $__env->make('layouts.app', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
\ No newline at end of file
diff --git a/storage/framework/views/a2d06ac739ddc554edcfca8cd4f2da4a4e7fd592.php b/storage/framework/views/a2d06ac739ddc554edcfca8cd4f2da4a4e7fd592.php
new file mode 100644
index 0000000..9abdd02
--- /dev/null
+++ b/storage/framework/views/a2d06ac739ddc554edcfca8cd4f2da4a4e7fd592.php
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="<?php echo e(app()->getLocale()); ?>">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- CSRF Token -->
+    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
+
+    <title><?php echo $__env->yieldContent('title', 'LaraBBS'); ?> - <?php echo e(setting('site_name', 'Laravel 进阶教程')); ?></title>
+    <meta name="description" content="<?php echo $__env->yieldContent('description', setting('seo_description', 'LaraBBS 爱好者社区。')); ?>"/>
+    <meta name="keyword" content="<?php echo $__env->yieldContent('keyword', setting('seo_keyword', 'LaraBBS,社区,论坛,开发者论坛')); ?>"/>
+
+    <!-- Styles -->
+    <link href="<?php echo e(asset('css/app.css')); ?>" rel="stylesheet">
+    <?php echo $__env->yieldContent('styles'); ?>
+</head>
+
+<body>
+<div id="app" class="<?php echo e(route_class()); ?>-page">
+
+    <?php echo $__env->make('layouts._header', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
+
+    <div class="container">
+
+        <?php echo $__env->make('layouts._message', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
+        <?php echo $__env->yieldContent('content'); ?>
+
+    </div>
+
+    <?php echo $__env->make('layouts._footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
+</div>
+
+<?php if(app()->isLocal()): ?>
+    <?php echo $__env->make('sudosu::user-selector', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
+<?php endif; ?>
+<!-- Scripts -->
+<script src="<?php echo e(asset('js/app.js')); ?>"></script>
+<?php echo $__env->yieldContent('scripts'); ?>
+</body>
+</html>
\ No newline at end of file
diff --git a/storage/framework/views/a4d300dc63ebddaa0de643e64d30719314714153.php b/storage/framework/views/a4d300dc63ebddaa0de643e64d30719314714153.php
new file mode 100644
index 0000000..677de30
--- /dev/null
+++ b/storage/framework/views/a4d300dc63ebddaa0de643e64d30719314714153.php
@@ -0,0 +1,36 @@
+<?php if($paginator->hasPages()): ?>
+    <ul class="pagination">
+        
+        <?php if($paginator->onFirstPage()): ?>
+            <li class="disabled"><span>&laquo;</span></li>
+        <?php else: ?>
+            <li><a href="<?php echo e($paginator->previousPageUrl()); ?>" rel="prev">&laquo;</a></li>
+        <?php endif; ?>
+
+        
+        <?php $__currentLoopData = $elements; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $element): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
+            
+            <?php if(is_string($element)): ?>
+                <li class="disabled"><span><?php echo e($element); ?></span></li>
+            <?php endif; ?>
+
+            
+            <?php if(is_array($element)): ?>
+                <?php $__currentLoopData = $element; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $page => $url): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
+                    <?php if($page == $paginator->currentPage()): ?>
+                        <li class="active"><span><?php echo e($page); ?></span></li>
+                    <?php else: ?>
+                        <li><a href="<?php echo e($url); ?>"><?php echo e($page); ?></a></li>
+                    <?php endif; ?>
+                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
+            <?php endif; ?>
+        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
+
+        
+        <?php if($paginator->hasMorePages()): ?>
+            <li><a href="<?php echo e($paginator->nextPageUrl()); ?>" rel="next">&raquo;</a></li>
+        <?php else: ?>
+            <li class="disabled"><span>&raquo;</span></li>
+        <?php endif; ?>
+    </ul>
+<?php endif; ?>
diff --git a/storage/framework/views/ae8ea148df480243f7f156463dfce0d226b068b4.php b/storage/framework/views/ae8ea148df480243f7f156463dfce0d226b068b4.php
new file mode 100644
index 0000000..9589a30
--- /dev/null
+++ b/storage/framework/views/ae8ea148df480243f7f156463dfce0d226b068b4.php
@@ -0,0 +1,23 @@
+<?php if(Session::has('message')): ?>
+    <div class="alert alert-info">
+        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+        <?php echo e(Session::get('message')); ?>
+
+    </div>
+<?php endif; ?>
+
+<?php if(Session::has('success')): ?>
+    <div class="alert alert-success">
+        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+        <?php echo e(Session::get('success')); ?>
+
+    </div>
+<?php endif; ?>
+
+<?php if(Session::has('danger')): ?>
+    <div class="alert alert-danger">
+        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+        <?php echo e(Session::get('danger')); ?>
+
+    </div>
+<?php endif; ?>
\ No newline at end of file
diff --git a/storage/framework/views/c6504c820c85bb948940feaab9d0a258481cec51.php b/storage/framework/views/c6504c820c85bb948940feaab9d0a258481cec51.php
new file mode 100644
index 0000000..7c75ab4
--- /dev/null
+++ b/storage/framework/views/c6504c820c85bb948940feaab9d0a258481cec51.php
@@ -0,0 +1,55 @@
+<?php if(count($topics)): ?>
+
+    <ul class="media-list">
+        <?php $__currentLoopData = $topics; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $topic): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
+            <li class="media">
+                <div class="media-left">
+                    <a href="<?php echo e(route('users.show', [$topic->user_id])); ?>">
+                        <img class="media-object img-thumbnail" style="width: 52px; height: 52px;" src="<?php echo e($topic->user->avatar); ?>" title="<?php echo e($topic->user->name); ?>">
+                    </a>
+                </div>
+
+                <div class="media-body">
+
+                    <div class="media-heading">
+                        <a href="<?php echo e($topic->link()); ?>" title="<?php echo e($topic->title); ?>">
+                            <?php echo e($topic->title); ?>
+
+                        </a>
+                        <a class="pull-right" href="<?php echo e(route('topics.show', [$topic->id])); ?>" >
+                            <span class="badge"> <?php echo e($topic->reply_count); ?> </span>
+                        </a>
+                    </div>
+
+                    <div class="media-body meta">
+
+                        <a href="<?php echo e(route('categories.show', $topic->category->id)); ?>" title="<?php echo e($topic->category->name); ?>">
+                            <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>
+                            <?php echo e($topic->category->name); ?>
+
+                        </a>
+
+                        <span> • </span>
+                        <a href="<?php echo e(route('users.show', [$topic->user_id])); ?>" title="<?php echo e($topic->user->name); ?>">
+                            <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
+                            <?php echo e($topic->user->name); ?>
+
+                        </a>
+                        <span> • </span>
+                        <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
+                        <span class="timeago" title="最后活跃于"><?php echo e($topic->updated_at->diffForHumans()); ?></span>
+                    </div>
+
+                </div>
+            </li>
+
+            <?php if( ! $loop->last): ?>
+                <hr>
+            <?php endif; ?>
+
+        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
+    </ul>
+
+<?php else: ?>
+    <div class="empty-block">暂无数据 ~_~ </div>
+<?php endif; ?>
\ No newline at end of file
diff --git a/storage/framework/views/c9420f35e4b2ff33d7b923435c423d7a53c9bff7.php b/storage/framework/views/c9420f35e4b2ff33d7b923435c423d7a53c9bff7.php
new file mode 100644
index 0000000..2997936
--- /dev/null
+++ b/storage/framework/views/c9420f35e4b2ff33d7b923435c423d7a53c9bff7.php
@@ -0,0 +1,50 @@
+<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+<link rel="stylesheet" href="/sudo-su/css/app.css">
+
+<div class="sudoSu">
+    <div class="sudoSu__btn <?php echo e($hasSudoed ? 'sudoSu__btn--hasSudoed' : ''); ?>" id="sudosu-js-btn">
+        <i class="fa fa-user-secret" aria-hidden="true"></i>
+    </div>
+    
+    <div class="sudoSu__interface <?php echo e($hasSudoed ? 'sudoSu__interface--hasSudoed' : ''); ?> hidden" id="sudosu-js-interface">
+        <?php if($hasSudoed): ?>
+            <div class="sudoSu__infoLine">
+                You are using account: <span><?php echo e($currentUser->name); ?></span>
+            </div>
+            
+            <?php if($originalUser): ?>
+                <div class="sudoSu__infoLine">
+                    You are logged in as: <span><?php echo e($originalUser->name); ?></span>
+                </div>
+            <?php endif; ?>
+            
+            <form action="<?php echo e(route('sudosu.return')); ?>" method="post">
+                <?php echo csrf_field(); ?>
+
+                <input type="submit" class="sudoSu__resetBtn" value="<?php echo e($originalUser ? 'Return to original user' : 'Log out'); ?>">
+            </form>
+        <?php endif; ?>
+
+        <form action="<?php echo e(route('sudosu.login_as_user')); ?>" method="post">
+            <select name="userId" onchange="this.form.submit()">
+                <option disabled selected>Sudo Su</option>
+
+                <?php $__currentLoopData = $users; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $user): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
+                    <option value="<?php echo e($user->id); ?>"><?php echo e($user->name); ?></option>
+                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
+            </select>
+            
+            <?php echo csrf_field(); ?>
+
+
+            <input type="hidden" name="originalUserId" value="<?php echo e($originalUser->id ?? null); ?>">
+        </form>
+    </div>
+</div>
+
+<script>
+    const btn = document.getElementById('sudosu-js-btn');
+    const element = document.getElementById('sudosu-js-interface');
+
+    btn.addEventListener('click', event => element.classList.toggle('hidden'));
+</script>
\ No newline at end of file