diff --git a/app/Http/Controllers/RentController.php b/app/Http/Controllers/RentController.php
index 97b2525..b02b55d 100644
--- a/app/Http/Controllers/RentController.php
+++ b/app/Http/Controllers/RentController.php
@@ -4,16 +4,37 @@
 
 use Illuminate\Http\Request;
 
+use Illuminate\Support\Facades\DB;
+
+use App\Models\Vehicle;
+
+use App\Models\Order;
+
 class RentController extends Controller
 {
     public function getFindCar()
     {
-        return view('find-vehicles');
+        return view('find-vehicles', ['type' => 'Car']);
+    }
+
+    public function findVehicles() {
+        $request = request()->input();
+        $type = $request['type'];
+
+        $vehicles = Vehicle::join('orders', 'vehicles.id', '=', 'orders.vehicle_id')
+        ->select("vehicles.id", "vehicles.name", "vehicles.brand_id", "vehicles.transmission", "vehicles.cc", "vehicles.price", "vehicles.type", "vehicles.photo", "vehicles.year")
+        ->where("orders.dropoff_date", "<", $request['pickup_date'])
+        ->orWhere("orders.pickup_date", ">", $request['dropoff_date'])
+        ->groupBy("vehicles.id")
+        ->having('vehicles.available_unit', '>', DB::raw('count(orders.id)'))
+        ->get();
+
+        return redirect()->route('rent-'. strtolower($type). 's', ['vehicles' => $vehicles]);
     }
 
     public function getFindMotor()
     {
-        return view('find-vehicles');
+        return view('find-vehicles', ['type' => 'Motor']);
     }
 
     public function getRentCarForm()
@@ -28,11 +49,11 @@ public function getRentMotorForm()
 
     public function getRentCars()
     {
-        return view('vehicles-list');
+        return view('vehicles-list', ['vehicles' => session('vehicles'), 'type' => 'car']);
     }
 
     public function getRentMotors()
     {
-        return view('vehicles-list');
+        return view('vehicles-list', ['vehicles' => session('vehicles'), 'type' => 'motor']);
     }
 }
diff --git a/app/Http/Controllers/UserController.php b/app/Http/Controllers/UserController.php
index 43957ae..b38e726 100644
--- a/app/Http/Controllers/UserController.php
+++ b/app/Http/Controllers/UserController.php
@@ -15,4 +15,19 @@ public function getUserOrders()
     {
         return view('order-history');
     }
+
+    public function updateProfile()
+    {
+        $request = request()->input();
+
+        $user = auth()->user();
+
+        $user->phone_1 = $request['phone_1'];
+        $user->phone_2 = $request['phone_2'];
+        $user->address_id = $request['address_id'];
+        $user->address_mlg = $request['address_mlg'];
+        $user->save();
+
+        return redirect()->route('index');
+    }
 }
diff --git a/database/migrations/2022_05_13_062551_update_users_table.php b/database/migrations/2022_05_13_062551_update_users_table.php
index 2b832a9..406ed16 100644
--- a/database/migrations/2022_05_13_062551_update_users_table.php
+++ b/database/migrations/2022_05_13_062551_update_users_table.php
@@ -14,10 +14,10 @@
     public function up()
     {
         Schema::table('users', function (Blueprint $table) {
-            $table->string('phone_1');
-            $table->string('phone_2');
-            $table->string('address_id');
-            $table->string('address_mlg');
+            $table->string('phone_1')->nullable();
+            $table->string('phone_2')->nullable();
+            $table->string('address_id')->nullable();
+            $table->string('address_mlg')->nullable();
         });
     }
 
diff --git a/database/migrations/2022_05_13_083354_add_available_unit_to_vehicles_table.php b/database/migrations/2022_05_13_083354_add_available_unit_to_vehicles_table.php
new file mode 100644
index 0000000..9f72ee4
--- /dev/null
+++ b/database/migrations/2022_05_13_083354_add_available_unit_to_vehicles_table.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('vehicles', function (Blueprint $table) {
+            $table->integer('available_unit')->nullable()->unsigned();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('vehicles', function (Blueprint $table) {
+            $table->dropColumn('available_unit');
+        });
+    }
+};
diff --git a/database/seeders/UserSeeder.php b/database/seeders/UserSeeder.php
new file mode 100644
index 0000000..3bdb696
--- /dev/null
+++ b/database/seeders/UserSeeder.php
@@ -0,0 +1,44 @@
+<?php
+
+namespace Database\Seeders;
+
+use Illuminate\Database\Console\Seeds\WithoutModelEvents;
+use Illuminate\Database\Seeder;
+use Illuminate\Support\Facades\Hash;
+
+class UserSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     *
+     * @return void
+     */
+    public function run()
+    {
+        $data = [
+            [ 
+                'name' => 'John Doe' , 
+                'email' => 'johndoe@mail.com',
+                'password' => Hash::make('password'),
+                'role' => 'admin',
+                'email_verified_at' => now()
+            ],
+            [ 
+                'name' => 'Jane Doe' , 
+                'email' => 'janedoe@mail.com',
+                'password' => Hash::make('password'),
+                'role' => 'admin',
+                'email_verified_at' => now()
+            ],
+            [ 
+                'name' => 'John Smith' ,
+                'email' => 'johnsmith@mail.com',
+                'password' => Hash::make('password'),
+                'role' => 'admin',
+                'email_verified_at' => now()
+            ]
+        ];
+
+        \DB::table('users')->insert($data);
+    }
+}
diff --git a/public/css/app.css b/public/css/app.css
index 0e288a9..dd84834 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -688,6 +688,10 @@ select {
   margin-top: 2rem;
   margin-bottom: 2rem;
 }
+.my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
 .ml-3 {
   margin-left: 0.75rem;
 }
@@ -871,6 +875,9 @@ select {
 .h-40 {
   height: 10rem;
 }
+.h-11 {
+  height: 2.75rem;
+}
 .min-h-screen {
   min-height: 100vh;
 }
@@ -955,6 +962,9 @@ select {
 .w-2 {
   width: 0.5rem;
 }
+.w-11\/12 {
+  width: 91.666667%;
+}
 .max-w-xl {
   max-width: 36rem;
 }
@@ -1096,6 +1106,10 @@ select {
 .gap-2\.5 {
   gap: 0.625rem;
 }
+.gap-x-5 {
+  -moz-column-gap: 1.25rem;
+       column-gap: 1.25rem;
+}
 .space-x-8 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(2rem * var(--tw-space-x-reverse));
@@ -1109,6 +1123,9 @@ select {
 .overflow-hidden {
   overflow: hidden;
 }
+.text-ellipsis {
+  text-overflow: ellipsis;
+}
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1189,6 +1206,10 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(226 226 226 / var(--tw-border-opacity));
 }
+.border-black {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1313,6 +1334,10 @@ select {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
+.px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
 .pt-52 {
   padding-top: 13rem;
 }
@@ -1806,6 +1831,14 @@ select {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
diff --git a/public/js/navbar_script.js b/public/js/navbar_script.js
index ca8ff16..19925a7 100644
--- a/public/js/navbar_script.js
+++ b/public/js/navbar_script.js
@@ -9,24 +9,24 @@ var toggleMenu = document.getElementById('menu-toggle');
 var menuList = document.getElementById('menu-list');
 var menuOption = document.getElementsByClassName('rent-menu-option');
 
+toggleMenu.onclick = function (event) {
+  event.preventDefault();
+  menuList.style.maxHeight = menuList.style.maxHeight == '0px' ? '1000px' : '0px';
+};
+
 menuOption[0].onclick = function (event) {
   event.preventDefault();
-  window.location.href = window.location.origin + '/rent/cars';
+  window.location.href = window.location.origin + '/find/car';
 };
 
 menuOption[1].onclick = function (event) {
   event.preventDefault();
-  window.location.href = window.location.origin + '/rent/motors';
+  window.location.href = window.location.origin + '/find/motor';
 };
 
 showButton.onclick = function (event) {
   event.preventDefault();
   showMenu.style.display = showMenu.style.display == 'none' ? 'block' : 'none';
 };
-
-toggleMenu.onclick = function (event) {
-  event.preventDefault();
-  menuList.style.maxHeight = menuList.style.maxHeight == '0px' ? '1000px' : '0px';
-};
 /******/ })()
 ;
\ No newline at end of file
diff --git a/resources/js/navbar_script.js b/resources/js/navbar_script.js
index 55f7742..f81b6be 100644
--- a/resources/js/navbar_script.js
+++ b/resources/js/navbar_script.js
@@ -4,22 +4,22 @@ const toggleMenu = document.getElementById('menu-toggle');
 const menuList = document.getElementById('menu-list');
 const menuOption = document.getElementsByClassName('rent-menu-option');
 
+toggleMenu.onclick = (event) => {
+    event.preventDefault();
+    menuList.style.maxHeight = menuList.style.maxHeight == '0px' ? '1000px': '0px';
+}
+
 menuOption[0].onclick = (event) => {
     event.preventDefault();
-    window.location.href = window.location.origin + '/rent/cars';
+    window.location.href = window.location.origin + '/find/car';
 }
 
 menuOption[1].onclick = (event) => {
     event.preventDefault();
-    window.location.href = window.location.origin + '/rent/motors';
+    window.location.href = window.location.origin + '/find/motor';
 }
 
 showButton.onclick = (event) => {
     event.preventDefault();
     showMenu.style.display = showMenu.style.display == 'none' ? 'block': 'none';
-}
-
-toggleMenu.onclick = (event) => {
-    event.preventDefault();
-    menuList.style.maxHeight = menuList.style.maxHeight == '0px' ? '1000px': '0px';
 }
\ No newline at end of file
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index c6dbe30..4e7116f 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -2,26 +2,30 @@
     <div class="w-screen h-1 bg-lilac-100"></div>
     <div class="navbar flex justify-between">
         <a href="{{ url('/') }}"><div class="navbar-logo basis-1/4 text-lilac-100">Rent.ly</div></a>
-        <div class="basis-3/4 flex justify-between sm:max-h-0 md:max-h-0" id="menu-list">
+        <div class="basis-3/4 flex justify-between sm:max-h-0 md:max-h-0 bg-white" id="menu-list">
             <div class="navbar-links flex p-3 m-3">
                 @guest
-                <?php $values = array('Rent', 'Guide', 'Help', 'About'); ?>
+                <?php $values = array('Rent' => 'rent', 'Guide' => 'guide', 'Help' => 'help', 'About' => 'about'); ?>
                 @endguest
                 @auth
-                <?php $values = array('Rent', 'My order', 'Guide', 'Help', 'About'); ?>
+                    @if(auth()->user()->hasRole('user'))
+                    <?php $values = array('Rent' => 'rent', 'My order' => 'me/order', 'Guide' => 'guide', 'Help' => 'help', 'About' => 'about'); ?>
+                    @else
+                    <?php $values = array('Order' => 'dashboard/orders', 'Product' => 'dashboard/vehicles', 'Customer' => 'dashboard/customers') ?>
+                    @endif 
                 @endauth
-                @foreach($values as $value)
-                    <a href="{{ $isRent($value) ? '' : url(strtolower($value)) }}">
-                        <div id="{{ $isRent($value) ? 'rent-button' : '' }}" class="relative navbar-option mx-6 whitespace-nowrap {{ Auth::check() ? 'w-24' : 'w-20' }}">
-                            <p class="inline-block w-8 px-2 text-center {{ $isSelected($value) ? 'font-bold' : '' }}"> {{ $value }} </p>
-                                @if($isRent($value)) 
+                @foreach($values as $key => $value)
+                    <a href="{{ $isRent($key) ? '' : url($value) }}">
+                        <div id="{{ $isRent($key) ? 'rent-button' : '' }}" class="relative navbar-option mx-6 whitespace-nowrap {{ Auth::check() ? 'w-24' : 'w-20' }}">
+                            <p class="inline-block w-8 px-2 text-center {{ $isSelected($key) ? 'font-bold' : '' }}"> {{ $key }} </p>
+                                @if($isRent($key)) 
                                     <img src="{{ asset('images/down-arrow.svg') }}" class="inline-block w-5 ml-3 pl-1">
-                                    <div id="rent-menu" class="rent-menu z-10 hidden absolute w-40 font-normal">
+                                    <div id="rent-menu" class="rent-menu z-10 hidden absolute w-40 font-normal bg-white">
                                         <div class="rent-menu-option px-2 py-1 bg-gray hover:bg-lilac-100 hover:text-white">
                                             Rent Car
                                         </div>
                                         <div class="rent-menu-option px-2 py-1 bg-gray hover:bg-lilac-100 hover:text-white">
-                                            Rent Motorcycle </a>
+                                            Rent Motorcycle
                                         </div>
                                     </div>
                                 @endif
@@ -39,6 +43,14 @@
                 </a>
                 @endguest
                 @auth
+                <a href="{{ '/me/profile' }}"><div class="mx-2 my-1 border border-black px-2 py-1 rounded-lg w-20 h-11 text-ellipsis overflow-hidden">
+                    @if(auth()->user()->hasRole('admin'))
+                    <p class="text-xs">Admin</p>
+                    @else
+                    <p class="text-xs">Customer</p>
+                    @endif
+                    <p class="text-sm font-bold text-lilac-100">{{ auth()->user()->name }}</p>
+                </div></a>
                 <form action="{{ url('/logout') }}" method="post">
                     @csrf
                     <x-button filled=true> {{ __('Logout') }}</x-button>
diff --git a/resources/views/find-vehicles.blade.php b/resources/views/find-vehicles.blade.php
index 83ea1c8..88c648b 100644
--- a/resources/views/find-vehicles.blade.php
+++ b/resources/views/find-vehicles.blade.php
@@ -2,18 +2,20 @@
     <x-base-body selected="true">
         <div class="min-h-screen flex flex-col sm:justify-center items-center sm:pt-0 bg-">
             <div class="w-3/6 max-w-4xl mt-6 px-12 py-20 bg-white shadow-md overflow-hidden sm:rounded-lg">
-                <h3 class="font-bold text-center text-3xl text-lilac-100 mt-2">Search for Motorcycle Rent</h3>
-                <form action="" method="post" class="px-20 mt-8">
+                <h3 class="font-bold text-center text-3xl text-lilac-100 mt-2">Search for {{ $type }} Rent</h3>
+                <form action=" {{ '/find/'.$type }}" method="post" class="px-20 mt-8">
+                    @csrf
                     <x-label for="pickup" value="Pick up" class="block font-bold text-base mt-6"/>
                     <div class="date-time flex">
-                        <x-input id="pickup-date" class="block basis-8/12" type="date" name="pickup-time" value="{{ date('Y-m-d') }}" required />
-                        <x-input id="pickup-time" class="block basis-4/12 ml-4" type="time" name="pickup-date" value="{{ explode(' ', gmdate('Y-m-d h:i \G\M\T'))[1] }}" required />
+                        <x-input id="pickup-date" class="block basis-8/12" type="date" name="pickup_date" value="{{ date('Y-m-d') }}" required />
+                        <x-input id="pickup-time" class="block basis-4/12 ml-4" type="time" name="pickup_time" value="{{ explode(' ', gmdate('Y-m-d h:i \G\M\T'))[1] }}" required />
                     </div>
                     <x-label for="dropoff" value="Drop off" class="block font-bold text-base mt-6"/>
                     <div class="date-time flex">
-                        <x-input id="dropoff-date" class="block basis-8/12" type="date" name="dropoff-time" value="{{ date('Y-m-d', strtotime('tomorrow')) }}" required />
-                        <x-input id="dropoff-time" class="block basis-4/12 ml-4" type="time" name="dropoff-date" value="{{ explode(' ', gmdate('Y-m-d h:i \G\M\T'))[1] }}" required />
+                        <x-input id="dropoff-date" class="block basis-8/12" type="date" name="dropoff_date" value="{{ date('Y-m-d', strtotime('tomorrow')) }}" required />
+                        <x-input id="dropoff-time" class="block basis-4/12 ml-4" type="time" name="dropoff_time" value="{{ explode(' ', gmdate('Y-m-d h:i \G\M\T'))[1] }}" required />
                     </div>
+                    <input type="hidden" name="type" value="{{ strtolower($type) }}">
                     <div class="mt-6 flex justify-center">
                         <x-button filled="true">Rent Now</x-button>
                     </div>
diff --git a/resources/views/layouts/guest.blade.php b/resources/views/layouts/guest.blade.php
index 88c959f..a04e7bd 100644
--- a/resources/views/layouts/guest.blade.php
+++ b/resources/views/layouts/guest.blade.php
@@ -5,6 +5,8 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="csrf-token" content="{{ csrf_token() }}">
 
+        <link rel="icon" href="images/logo.ico" type="image/icon type">
+
         <title>{{ config('app.name', 'Laravel') }}</title>
 
         <!-- Fonts -->
diff --git a/resources/views/user-profile.blade.php b/resources/views/user-profile.blade.php
new file mode 100644
index 0000000..e0ce5ac
--- /dev/null
+++ b/resources/views/user-profile.blade.php
@@ -0,0 +1,38 @@
+<x-base-layout>
+    <x-base-body selected="">
+        <h1 class="font-bold text-3xl text-lilac-100 mt-24 ml-20">Let's Complete Your Profile</h1>
+        <h2 class="font-bold text-xl text-lilac-100 ml-20">Regarding to our terms, we need more information for vehicle rental purposes</h2>
+        <div class="min-h-screen flex flex-col items-center sm:pt-0 bg-">
+            <form action="{{ '/me/profile' }}" method="post" class="w-11/12 max-w-7xl mt-4 px-12 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg grid spec-container lg:grid-cols-2 lg:grid-rows-4 gap-x-5 grid-cols-1 grid-row-8">
+                <div>
+                    <x-label for="name" value="Full Name" class="block font-bold text-base"/>
+                    <x-input id="name" class="block" type="text" name="name" value="{{ Auth::user()->name }}" required disabled />
+                </div>
+                <div>
+                    <x-label for="email" value="Email" class="block font-bold text-base"/>
+                    <x-input id="email" class="block" type="email" name="email" value="{{ Auth::user()->email }}" required disabled />
+                </div>
+                <div>
+                    <x-label for="phone_1" value="Phone Number 1" class="block font-bold text-base"/>
+                    <x-input id="phone-1" class="block" type="text" name="phone_1" value="" required autofocus />
+                </div>
+                <div>
+                    <x-label for="phone_2" value="Phone Number 2" class="block font-bold text-base"/>
+                    <x-input id="phone-2" class="block" type="text" name="phone_2" value="" required />
+                </div>
+                <div>
+                    <x-label for="address_id" value="Address (According to your ID card)" class="inline-block font-bold text-base"/>
+                    <x-text-area id="address-id" class="block" name="address_id" required/>
+                </div>
+                <div>
+                    <x-label for="address_mlg" value="Address (Malang)" class="inline-block font-bold text-base"/>
+                    <x-text-area id="address-mlg" class="block" name="address_mlg" required/>
+                </div>
+                <div class="flex items-center">
+                    <x-button filled="true" class="px-0">Save</x-button>
+                </div>
+                @csrf
+            </form>
+        </div>
+    </x-base-body>
+</x-base-layout>
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 64f515a..f500274 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -3,6 +3,8 @@
 use Illuminate\Support\Facades\Route;
 use App\Http\Controllers\BasicViewController;
 use App\Http\Controllers\RentController;
+use App\Http\Controllers\UserController;
+use App\Http\Controllers\AdminController;
 
 /*
 |--------------------------------------------------------------------------
@@ -37,13 +39,19 @@
 
 Route::get('/me/profile', [UserController::class, 'getUserProfile']);
 
-Route::get('/find/motor', [RentController::class, 'getFindVehicles']);
+Route::post('/me/profile', [UserController::class, 'updateProfile']);
+
+Route::get('/find/motor', [RentController::class, 'getFindMotor']);
 
 Route::get('/find/car', [RentController::class, 'getFindCar']);
 
-Route::get('/rent/motors', [RentController::class, 'getRentMotors']);
+Route::post('/find/{type}', [RentController::class, 'findVehicles']);
+
+Route::post('/find/motor', [RentController::class, 'findMotor']);
+
+Route::get('/rent/motors', [RentController::class, 'getRentMotors'])->name('rent-motors');
 
-Route::get('/rent/cars', [RentController::class, 'getRentCars']);
+Route::get('/rent/cars', [RentController::class, 'getRentCars'])->name('rent-cars');
 
 Route::get('/list/cars', [BasicViewController::class, 'getList']);