diff --git a/resources/lang/id/project.php b/resources/lang/id/project.php
index 79200bd..998a19b 100644
--- a/resources/lang/id/project.php
+++ b/resources/lang/id/project.php
@@ -73,10 +73,10 @@ return [
     'payments'      => 'Pembayaran',
 
     // Statuses
-    'planned'  => 'Planned',
-    'progress' => 'Progress',
-    'done'     => 'Done',
-    'closed'   => 'Closed',
-    'canceled' => 'Canceled',
-    'on_hold'  => 'On Hold',
+    'planned'  => 'Rencana',
+    'progress' => 'Berlangsung',
+    'done'     => 'Selesai',
+    'closed'   => 'Lunas',
+    'canceled' => 'Batal',
+    'on_hold'  => 'Ditunda',
 ];
diff --git a/resources/views/projects/index.blade.php b/resources/views/projects/index.blade.php
index 6dd0bed..a9c1556 100755
--- a/resources/views/projects/index.blade.php
+++ b/resources/views/projects/index.blade.php
@@ -10,15 +10,15 @@
     {{ trans('project.index_title', ['status' => $status]) }} <small>{{ $projects->total() }} {{ trans('project.found') }}</small>
 </h1>
 <div class="well well-sm text-right">
-    <div class="pull-left hidden-xs">{{ $projects->appends(Request::except('page'))->render() }}</div>
+    <div class="pull-left hidden-xs">@include('projects.partials.index-nav-tabs')</div>
     {!! Form::open(['method' => 'get', 'class' => 'form-inline']) !!}
-    {!! FormField::select('status_id', ProjectStatus::toArray(), ['value' => $statusId, 'placeholder' => trans('project.all')]) !!}
+    {{ Form::hidden('status_id') }}
     {!! Form::text('q', Request::get('q'), ['class' => 'form-control index-search-field', 'placeholder' => trans('project.search'), 'style' => 'width:100%;max-width:350px']) !!}
     {!! Form::submit(trans('project.search'), ['class' => 'btn btn-info btn-sm']) !!}
     {!! link_to_route('projects.index', __('app.reset'), Request::only(['status_id']), ['class' => 'btn btn-default btn-sm']) !!}
     {!! Form::close() !!}
 </div>
-<div class="table-responsive">
+<div class="panel panel-default table-responsive">
     <table class="table table-condensed table-hover">
         <thead>
             <th>{{ trans('app.table_no') }}</th>
diff --git a/resources/views/projects/partials/index-nav-tabs.blade.php b/resources/views/projects/partials/index-nav-tabs.blade.php
new file mode 100644
index 0000000..8721606
--- /dev/null
+++ b/resources/views/projects/partials/index-nav-tabs.blade.php
@@ -0,0 +1,28 @@
+@php
+    $queryStrings = request(['q']);
+    $routeName = $routeName ?? 'projects.index';
+@endphp
+<!-- Nav tabs -->
+<ul class="nav nav-pills">
+    <li class="{{ request('status_id') == null ? 'active' : '' }}">
+        {{ link_to_route($routeName, __('project.all'), $queryStrings, ['title' => __('project.all')]) }}
+    </li>
+    <li class="{{ request('status_id') == 1 ? 'active' : '' }}">
+        {{ link_to_route($routeName, __('project.planned'), ['status_id' => 1] + $queryStrings, ['title' => __('project.planned')]) }}
+    </li>
+    <li class="{{ request('status_id') == 2 ? 'active' : '' }}">
+        {{ link_to_route($routeName, __('project.progress'), ['status_id' => 2] + $queryStrings, ['title' => __('project.progress')]) }}
+    </li>
+    <li class="{{ request('status_id') == 3 ? 'active' : '' }}">
+        {{ link_to_route($routeName, __('project.done'), ['status_id' => 3] + $queryStrings, ['title' => __('project.done')]) }}
+    </li>
+    <li class="{{ request('status_id') == 4 ? 'active' : '' }}">
+        {{ link_to_route($routeName, __('project.closed'), ['status_id' => 4] + $queryStrings, ['title' => __('project.closed')]) }}
+    </li>
+    <li class="{{ request('status_id') == 5 ? 'active' : '' }}">
+        {{ link_to_route($routeName, __('project.canceled'), ['status_id' => 5] + $queryStrings, ['title' => __('project.canceled')]) }}
+    </li>
+    <li class="{{ request('status_id') == 6 ? 'active' : '' }}">
+        {{ link_to_route($routeName, __('project.on_hold'), ['status_id' => 6] + $queryStrings, ['title' => __('project.on_hold')]) }}
+    </li>
+</ul>