diff --git a/app/Http/Controllers/DashboardController.php b/app/Http/Controllers/DashboardController.php
index d2fbcda..b3cb72b 100644
--- a/app/Http/Controllers/DashboardController.php
+++ b/app/Http/Controllers/DashboardController.php
@@ -4,6 +4,10 @@
 
 use Illuminate\Http\Request;
 
+use App\Models\Menu;
+
+use Auth;
+
 class DashboardController extends Controller
 {
   public function index()
diff --git a/app/Http/Controllers/ProfileController.php b/app/Http/Controllers/ProfileController.php
index 9a7e3cb..e7002cf 100644
--- a/app/Http/Controllers/ProfileController.php
+++ b/app/Http/Controllers/ProfileController.php
@@ -6,7 +6,178 @@
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Hash;
 
+use App\Models\education;
+use App\Models\user_education;
+use App\Models\user_achievements;
+use App\Models\user_experience;
+
 class ProfileController extends Controller
 {
-    
+    public function index(){
+    	$data['user'] = Auth::user();
+    	$data['profile'] = 1;
+        $data['education'] = education::all();
+        $data['user_education'] = education::join('user_educations', 'education_id', '=', 'educations.id')
+        ->where('user_id', Auth::user()->id)
+        ->orderBy('education_id', 'asc')
+        ->get();
+    	return view('system.users.profile', $data);
+    }
+
+    public function set_education(Request $request){
+        $request->validate([
+          'user_id' => 'required|exists:users,id',
+          'education_id' => 'required|exists:educations,id',
+          'institution' => 'required',
+          'from_year' => 'required',
+          'to_year' => 'required'
+        ]);
+
+        $user_education = new user_education();
+        $user_education->user_id = $request->user_id;
+        $user_education->education_id = $request->education_id;
+        $user_education->institution = $request->institution;
+        $user_education->from_year = $request->from_year;
+        $user_education->to_year = $request->to_year;
+        $user_education->save();
+
+        return redirect(route('account.profile'))->with('message', [
+          'class' => 'success',
+          'text' => 'Berhasil menambah riwayat pendidikan'
+        ]);
+    }
+
+    public function update_education(Request $request){
+        // dd($request->all());
+        $validatedInput = $request->validate([
+          'user_education_id' => 'required',
+          'education_id' => 'required',
+          'institution' => 'required',
+          'from_year' => 'required',
+          'to_year' => 'required'
+        ]);
+
+        $education = user_education::find($request->user_education_id);
+
+        $education->education_id = $request->education_id;
+        $education->institution = $request->institution;
+        $education->from_year = $request->from_year;
+        $education->to_year = $request->to_year;
+        $education->update();
+
+        return redirect(route('account.profile'))->with('message', [
+          'class' => 'success',
+          'text' => 'Berhasil mengubah riwayat pendidikan'
+        ]);
+    }
+
+    public function delete_education(Request $request){
+        // dd($request->all());
+        $validatedInput = $request->validate([
+          'user_id' => 'required',
+          'user_education_id' => 'required'
+        ]);
+
+        user_education::where('id', $validatedInput['user_education_id'])->where('user_id', $validatedInput['user_id'])->delete();
+
+        return redirect(route('account.profile'))->with('message', [
+          'class' => 'warning',
+          'text' => 'Berhasil menghapus riwayat pendidikan'
+        ]);
+    }
+
+    public function set_achievements(Request $request){
+        // dd($request->all());
+        $request->validate([
+            'user_id' => 'required|exists:users,id',
+            'deskripsi' => 'required'
+        ]);
+
+        $pencapaian = new user_achievements();
+        $pencapaian->description = $request->deskripsi;
+        $pencapaian->user_id = $request->user_id;
+        $pencapaian->save();
+
+        return redirect(route('account.profile'))->with('message', [
+          'class' => 'success',
+          'text' => 'Berhasil menambahkan pencapaian'
+        ]);
+    }
+
+    public function update_achievements(Request $request){
+        // dd($request->all());
+        $request->validate([
+            'user_id' => 'required|exists:users,id',
+            'id_achievements' => 'required:exists:achievements,id',
+            'deskripsi' => 'required'
+        ]);
+
+        $pencapaian = user_achievements::find($request->id_achievements);
+        $pencapaian->description = $request->deskripsi;
+        $pencapaian->update();
+
+        return redirect(route('account.profile'))->with('message', [
+          'class' => 'success',
+          'text' => 'Berhasil mengubah pencapaian'
+        ]);
+    }
+
+    public function delete_achievements(Request $request){
+        // dd($request->all());
+        $request->validate([
+            'user_id' => 'required|exists:users,id',
+            'id_achievements' => 'required:exists:achievements,id',
+        ]);
+
+        user_achievements::where('id', $request->id_achievements)->where('user_id', $request->user_id)->delete();
+
+        return redirect(route('account.profile'))->with('message', [
+          'class' => 'warning',
+          'text' => 'Berhasil menghapus pencapaian'
+        ]);
+    }
+
+    public function set_experience(Request $request){
+        // dd($request->all());
+        $request->validate([
+            'user_id' => 'required|exists:users,id',
+            'institution' => 'required',
+            'position' => 'required'
+        ]);
+
+        $exp = new user_experience();
+        $exp->user_id = $request->user_id;
+        $exp->institution = $request->institution;
+        $exp->position = $request->position;
+        $exp->save();
+
+        return redirect(route('account.profile'))->with('message', [
+          'class' => 'success',
+          'text' => 'Berhasil menambahkan pengalaman'
+        ]);
+    }
+
+    public function update_experience(Request $request){
+        // dd($request->all());
+        $request->validate([
+            'user_id' => 'required|exists:users,id',
+            'exp_id' => 'required|',
+            'institution' => 'required',
+            'position' => 'required'
+        ]);
+
+        $exp = user_experience::find($request->exp_id);
+        $exp->institution = $request->institution;
+        $exp->position = $request->position;
+        $exp->update();
+
+        return redirect(route('account.profile'))->with('message', [
+          'class' => 'success',
+          'text' => 'Berhasil mengubah pengalaman'
+        ]);
+    }
+
+    public function delete_experience(Request $request){
+
+    }
 }
diff --git a/app/Http/Controllers/UserController.php b/app/Http/Controllers/UserController.php
index 5e9b7ae..d14961c 100644
--- a/app/Http/Controllers/UserController.php
+++ b/app/Http/Controllers/UserController.php
@@ -7,6 +7,8 @@
 use App\Models\UserRole;
 use Illuminate\Http\Request;
 
+use File;
+
 class UserController extends Controller
 {
   /**
@@ -95,7 +97,7 @@ public function roleDestroy(Request $request)
    */
   public function show(User $user)
   {
-    //
+
   }
 
   /**
@@ -107,7 +109,8 @@ public function show(User $user)
   public function edit(User $user)
   {
     $roles = Role::all();
-    return view('system.users.form', compact('user', 'roles'));
+    $profile = 0;
+    return view('system.users.form', compact('user', 'roles', 'profile'));
   }
 
   /**
@@ -119,10 +122,50 @@ public function edit(User $user)
    */
   public function update(Request $request, User $user)
   {
-    return redirect(route('system.users.edit', $user))->with('message', [
-      'class' => 'success',
-      'text' => 'Berhasil menyimpan perubahan'
-    ]);
+    $ubah = User::find($request->user_id);
+    $ubah->is_male = ($request->isMale == 'on' ? 1 : 0);
+    $ubah->religion = $request->religion;
+    $ubah->birth_date = $request->birthDate;
+    $ubah->birth_city = $request->birthCity;
+    $ubah->hobby = $request->hobi;
+    $ubah->motto = $request->moto;
+    $ubah->bio = $request->bio;
+    $ubah->id_number = $request->id_number;
+    if ($request->foto) {
+      $foto = ['png', 'jpeg', 'jpg'];
+      if (in_array($request->file('foto')->extension(), $foto)) {
+        if (File::exists('assets/foto/'.$ubah->img_path)) {
+          File::delete('assets/foto/'.$ubah->img_path);
+          $name = time().'.'.$request->file('foto')->extension();
+          $request->file('foto')->move('assets/foto', $name);
+          $ubah->img_path = $name;
+        } else {
+          $name = time().'.'.$request->file('foto')->extension();
+          $request->file('foto')->move('assets/foto', $name);
+          $ubah->img_path = $name;
+        }
+      } else {
+        return redirect(route('account.profile', $user))->with('message', [
+          'class' => 'danger',
+          'text' => 'File hanya boleh ber-extensi : .png, .jpg, .jpeg'
+        ]);
+      }
+    }
+    $ubah->update();
+
+    if ($request->profile == 0) {
+      return redirect(route('system.users.edit', $user))->with('message', [
+        'class' => 'success',
+        'text' => 'Berhasil menyimpan perubahan'
+      ]);
+    } else {
+      return redirect(route('account.profile'))->with('message', [
+        'class' => 'success',
+        'text' => 'Berhasil menyimpan perubahan'
+      ]);
+    }
+
+    
   }
 
   /**
diff --git a/app/Models/User.php b/app/Models/User.php
index 9bd2f5c..00a18ca 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -61,8 +61,20 @@ public function menus()
       return $this->hasManyThrough(Menu::class, UserMenu::class, 'user_id', 'id', 'id', 'menu_id');
     }
 
+    public function educations(){
+      return $this->hasManyThrough(education::class, user_education::class, 'user_id', 'id', 'id', 'education_id');
+    }
+
     public function setPasswordAttribute($value)
     {
         $this->attributes['password'] = bcrypt($value);
     }
+
+    public function achievements(){
+        return $this->hasMany(user_achievements::class);
+    }
+
+    public function experience(){
+        return $this->hasMany(user_experience::class);
+    }
 }
diff --git a/app/Models/education.php b/app/Models/education.php
new file mode 100644
index 0000000..84a61c9
--- /dev/null
+++ b/app/Models/education.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class education extends Model
+{
+    use HasFactory;
+
+    protected $table = 'educations';
+}
diff --git a/app/Models/user_achievements.php b/app/Models/user_achievements.php
new file mode 100644
index 0000000..95fb46c
--- /dev/null
+++ b/app/Models/user_achievements.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class user_achievements extends Model
+{
+    use HasFactory;
+    protected $table = 'achievements';
+    protected $fillable = ['user_id', 'description'];
+}
diff --git a/app/Models/user_education.php b/app/Models/user_education.php
new file mode 100644
index 0000000..e9aa386
--- /dev/null
+++ b/app/Models/user_education.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class user_education extends Model
+{
+    use HasFactory;
+
+    protected $table = 'user_educations';
+
+    protected $fillable = ['id_user', 'education_id', 'from_year', 'to_year', 'institution'];
+
+    public function edu(){
+        return $this->belongsTo('education', 'id', 'education_id');
+    }
+}
diff --git a/app/Models/user_experience.php b/app/Models/user_experience.php
new file mode 100644
index 0000000..a601752
--- /dev/null
+++ b/app/Models/user_experience.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class user_experience extends Model
+{
+    protected $table = 'experience';
+    protected $fillable = ['user_id', 'institution', 'position'];
+    use HasFactory;
+}
diff --git a/database/migrations/2022_10_23_132312_create_educations_table.php b/database/migrations/2022_10_23_132312_create_educations_table.php
new file mode 100644
index 0000000..ac00f99
--- /dev/null
+++ b/database/migrations/2022_10_23_132312_create_educations_table.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateEducationsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('educations', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->softDeletes();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('educations');
+    }
+}
diff --git a/database/migrations/2022_10_23_152601_create_user_educations_table.php b/database/migrations/2022_10_23_152601_create_user_educations_table.php
new file mode 100644
index 0000000..ba628e0
--- /dev/null
+++ b/database/migrations/2022_10_23_152601_create_user_educations_table.php
@@ -0,0 +1,45 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateUserEducationsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('user_educations', function (Blueprint $table) {
+            $table->id();
+
+            $table->foreignId('user_id')
+                ->constrained('users')
+                ->cascadeOnUpdate()
+                ->restrictOnDelete();
+
+            $table->foreignId('education_id')
+                ->constrained('educations')
+                ->cascadeOnUpdate()
+                ->restrictOnDelete();
+
+            $table->string('institution');
+            $table->integer('from_year');
+            $table->integer('to_year');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('user_educations');
+    }
+}
diff --git a/database/migrations/2022_10_28_091352_create_achievements_table.php b/database/migrations/2022_10_28_091352_create_achievements_table.php
new file mode 100644
index 0000000..2604c87
--- /dev/null
+++ b/database/migrations/2022_10_28_091352_create_achievements_table.php
@@ -0,0 +1,36 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateAchievementsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('achievements', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('user_id')
+            ->constrained('users')
+            ->cascadeOnUpdate()
+            ->restrictOnDelete();
+            $table->text('description');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('achievements');
+    }
+}
diff --git a/database/migrations/2022_10_29_090602_create_experience_table.php b/database/migrations/2022_10_29_090602_create_experience_table.php
new file mode 100644
index 0000000..ba2632c
--- /dev/null
+++ b/database/migrations/2022_10_29_090602_create_experience_table.php
@@ -0,0 +1,37 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateExperienceTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('experience', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('user_id')
+            ->constrained('users')
+            ->cascadeOnUpdate()
+            ->restrictOnDelete();
+            $table->string('institution');
+            $table->string('position');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('experience');
+    }
+}
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index a3d0853..268c20f 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -16,7 +16,8 @@ public function run()
     $this->call([
       MenuSeeder::class,
       RoleSeeder::class,
-      RoleMenuSeeder::class
+      RoleMenuSeeder::class,
+      EducationSeeder::class
     ]);
   }
 }
diff --git a/database/seeders/EducationSeeder.php b/database/seeders/EducationSeeder.php
new file mode 100644
index 0000000..99862b5
--- /dev/null
+++ b/database/seeders/EducationSeeder.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace Database\Seeders;
+
+use Illuminate\Database\Seeder;
+use DB;
+
+class EducationSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     *
+     * @return void
+     */
+    public function run()
+    {
+        DB::table('educations')->insert([
+          [
+            'id' => 1,
+            'name' => 'SD/MI'
+          ], [
+            'id' => 2,
+            'name' => 'SMP/MTS'
+          ],
+          [
+            'id' => 3,
+            'name' => 'SMK/SMA/MA'
+          ],
+          [
+            'id' => 4,
+            'name' => 'D3'
+          ],
+          [
+            'id' => 5,
+            'name' => 'D4'
+          ],
+          [
+            'id' => 6,
+            'name' => 'S1'
+          ],
+          [
+            'id' => 7,
+            'name' => 'S2'
+          ],
+          [
+            'id' => 8,
+            'name' => 'S3'
+          ]
+        ]);
+    }
+}
diff --git a/public/assets/foto/1666494603.jpg b/public/assets/foto/1666494603.jpg
new file mode 100644
index 0000000..90a148a
Binary files /dev/null and b/public/assets/foto/1666494603.jpg differ
diff --git a/public/assets/foto/1666494653.jpg b/public/assets/foto/1666494653.jpg
new file mode 100644
index 0000000..12bfd01
Binary files /dev/null and b/public/assets/foto/1666494653.jpg differ
diff --git a/public/assets/foto/1667014581.png b/public/assets/foto/1667014581.png
new file mode 100644
index 0000000..4b15225
Binary files /dev/null and b/public/assets/foto/1667014581.png differ
diff --git a/public/assets/foto/kosong.png b/public/assets/foto/kosong.png
new file mode 100644
index 0000000..48bae00
Binary files /dev/null and b/public/assets/foto/kosong.png differ
diff --git a/resources/views/layouts/main.blade.php b/resources/views/layouts/main.blade.php
index 0e90dc0..21a554d 100644
--- a/resources/views/layouts/main.blade.php
+++ b/resources/views/layouts/main.blade.php
@@ -19,6 +19,8 @@
 
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
 
+    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+
     <style>
         .bd-placeholder-img {
             font-size: 1.125rem;
@@ -285,6 +287,37 @@
         const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
     </script>
 
+    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+
+    <script>
+        async function select2Init() {
+          const jsonURL =
+            "https://raw.githubusercontent.com/yusufsyaifudin/wilayah-indonesia/master/data/list_of_area/regencies.json";
+
+          const res = await fetch(jsonURL);
+          const cities = await res.json();
+
+          const select2Data = cities.map(city => {
+            return {
+              id: city.id,
+              text: city.name
+            }
+          })
+
+          $("#addressCity1").select2({
+            data: select2Data
+          });
+
+          $("#addressCity2").select2({
+            data: select2Data
+          });
+        }
+
+        select2Init();
+    </script>
+
+    <script src="https://cdn.ckeditor.com/ckeditor5/35.2.1/classic/ckeditor.js"></script>
+
     @yield('scripts')
     @stack('scripts')
 </body>
diff --git a/resources/views/system/users/_form.blade.php b/resources/views/system/users/_form.blade.php
index d97221f..534c6cd 100644
--- a/resources/views/system/users/_form.blade.php
+++ b/resources/views/system/users/_form.blade.php
@@ -9,13 +9,12 @@
         rel="stylesheet" /> --}}
 @endsection
 
-{{ bcrypt('12345678') }}
-
 <form action="{{ $user->exists ? route('system.users.update', $user) : route('system.users.store') }}"
     enctype="multipart/form-data" method="POST">
     @csrf
     @method('PUT')
-
+    <input type="hidden" name="user_id" value="{{$user->id}}">
+    <input type="hidden" name="profile" value="{{$profile}}">
     <div class="mb-3">
         <label for="name" class="form-label">Nama*</label>
         <input value="{{ $user->name }}" class="form-control" id="name" required>
@@ -29,7 +28,7 @@
 
     <div class="mb-3">
         <label for="name" class="form-label">Nomor Induk</label>
-        <input value="{{ $user->name }}" class="form-control" id="name">
+        <input value="{{ $user->id_number }}" class="form-control" id="name" name="id_number">
     </div>
 
     <div class="mb-3">
@@ -37,12 +36,12 @@
             <div class="col-md-6">
 
                 <label for="birthCity" class="form-label">Tempat Lahir</label>
-                <input value="{{ $user->birth_city }}" class="form-control" id="birthCity">
+                <input value="{{ $user->birth_city }}" class="form-control" id="birthCity" name="birthCity">
             </div>
 
             <div class="col-md-6">
                 <label for="birthDate" class="form-label">Tanggal Lahir</label>
-                <input value="{{ $user->birth_city }}" type="date" class="form-control" id="birthDate">
+                <input value="{{ $user->birth_date }}" type="date" class="form-control" id="birthDate" name="birthDate">
             </div>
         </div>
     </div>
@@ -53,13 +52,13 @@
                 <label for="birthDate" class="form-label">Jenis Kelamin</label>
 
                 <div class="form-check">
-                    <input class="form-check-input" type="radio" name="isMale" id="maleRadio">
+                    <input class="form-check-input" type="radio" name="isMale" id="maleRadio" {{($user->is_male == 1 ? 'checked' : '')}}>
                     <label class="form-check-label" for="maleRadio">
                         Laki-laki
                     </label>
                 </div>
                 <div class="form-check">
-                    <input class="form-check-input" type="radio" name="isMale" id="femaleRadio">
+                    <input class="form-check-input" type="radio" name="isMale" id="femaleRadio" {{($user->is_male == 0 ? 'checked' : '')}}>
                     <label class="form-check-label" for="femaleRadio">
                         Perempuan
                     </label>
@@ -71,12 +70,12 @@
 
                 <select class="form-select" name="religion" id="religion">
                     <option selected value="" disabled></option>
-                    <option>Islam</option>
-                    <option>Katolik</option>
-                    <option>Protestan</option>
-                    <option>Hindu</option>
-                    <option>Budha</option>
-                    <option>Lainnya</option>
+                    <option {{($user->religion == 'Islam' ? 'selected' : '')}}>Islam</option>
+                    <option {{($user->religion == 'Katolik' ? 'selected' : '')}}>Katolik</option>
+                    <option {{($user->religion == 'Protestan' ? 'selected' : '')}}>Protestan</option>
+                    <option {{($user->religion == 'Hindu' ? 'selected' : '')}}>Hindu</option>
+                    <option {{($user->religion == 'Budha' ? 'selected' : '')}}>Budha</option>
+                    <option {{($user->religion == 'Lainnya' ? 'selected' : '')}}>Lainnya</option>
                 </select>
             </div>
         </div>
@@ -84,17 +83,23 @@
 
     <div class="mb-3">
         <label for="name" class="form-label">Hobi</label>
-        <textarea class="form-control"></textarea>
+        <textarea class="form-control" name="hobi" >{{($user->hobby)}}</textarea>
     </div>
 
     <div class="mb-3">
         <label for="name" class="form-label">Moto Hidup</label>
-        <textarea class="form-control"></textarea>
+        <textarea class="form-control" name="moto" >{{($user->motto)}}</textarea>
     </div>
 
     <div class="mb-3">
         <label for="name" class="form-label">Bio</label>
-        <textarea class="form-control"></textarea>
+        <textarea class="form-control" name="bio" >{{($user->bio)}}</textarea>
+    </div>
+
+    <div class="mb-3">
+        <p><label for="formFile" class="form-label form-foto">Foto</label></p>
+        <label class="text-center border border-1 rounded d-block mb-1" for="formFile"><img src="{{($user->img_path == null ? '/assets/foto/kosong.png' : '/assets/foto/'.$user->img_path)}}" height="250px"></label>
+        <input class="form-control" type="file" id="formFile" name="foto">
     </div>
 
     <h3>Alamat</h3>
@@ -108,14 +113,8 @@
 
             <div class="col-md-5">
                 <label for="birthDate" class="form-label">Kota</label>
-                <select class="form-select" name="address_city" id="addressCity">
-                    <option selected value="" disabled>Pilih Kota</option>
-                    <option>Islam</option>
-                    <option>Katolik</option>
-                    <option>Protestan</option>
-                    <option>Hindu</option>
-                    <option>Budha</option>
-                    <option>Lainnya</option>
+                <select class="form-control" name="address_city[]" id="addressCity1">
+                    <option selected disabled>Pilih kota</option>
                 </select>
             </div>
         </div>
@@ -130,19 +129,14 @@
 
             <div class="col-md-5">
                 <label for="birthDate" class="form-label">Kota</label>
-                <select class="form-select" name="address_city" id="addressCity">
-                    <option selected value="" disabled>Pilih Kota</option>
-                    <option>Islam</option>
-                    <option>Katolik</option>
-                    <option>Protestan</option>
-                    <option>Hindu</option>
-                    <option>Budha</option>
-                    <option>Lainnya</option>
+                <select class="form-control" name="address_city[]" id="addressCity2">
+                    <option selected disabled>Pilih kota</option>
                 </select>
             </div>
         </div>
     </div>
 
 
-    <button type="submit" class="btn btn-success">{{ 'Tambah' }}</button>
+    <button type="submit" class="btn btn-success">{{ ($user->exists ? 'Ubah' : 'Tambah') }}</button>
 </form>
+
diff --git a/resources/views/system/users/form.blade.php b/resources/views/system/users/form.blade.php
index 97319ff..4b12a32 100644
--- a/resources/views/system/users/form.blade.php
+++ b/resources/views/system/users/form.blade.php
@@ -54,7 +54,7 @@
     </form>
 
     <h2 class="h3 mt-5">Biodata</h2>
-    @include('admin.user._form')
+    @include('system.users._form')
 
 
 @endsection
diff --git a/resources/views/system/users/profile.blade.php b/resources/views/system/users/profile.blade.php
new file mode 100644
index 0000000..fea2ddf
--- /dev/null
+++ b/resources/views/system/users/profile.blade.php
@@ -0,0 +1,357 @@
+@extends('layouts.main')
+
+@section('scripts')
+    <script type="text/javascript">
+        <?php $i = 0 ?>
+        $(document).on('click', '#tombolTambahEdu', function(){
+            let id = $(this).data('id')
+            let user_id = $(this).data('user_id')
+            let eduid = $(this).data('eduid')
+            let institution = $(this).data('institution')
+            let from_year = $(this).data('from_year')
+            let to_year = $(this).data('to_year')
+            const ubahForm = document.querySelector('#ubahForm')
+
+            $("#institution").val(institution)
+            $("#user_education_id").val(id)
+            $("#user_id").val(user_id)
+            $("#from_year").val(from_year)
+            $("#to_year").val(to_year)
+            $("#id_delete").val(user_id)
+            $("#id_edu_delete").val(id)
+            $('.hapus').hide()
+            ubahForm.action = "{{route('account.set-education')}}"
+
+            const select = document.querySelector('#roleSelect');
+            select.value = ''
+        })
+
+        $(document).on('click', '#tombolUbahEdu', function(){
+            let id = $(this).data('id')
+            let eduid = $(this).data('eduid')
+            let user_id = $(this).data('user_id')
+            let institution = $(this).data('institution')
+            let from_year = $(this).data('from_year')
+            let to_year = $(this).data('to_year')
+            const ubahForm = document.querySelector('#ubahForm')
+
+            $("#institution").val(institution)
+            $("#user_education_id").val(id)
+            $("#user_id").val(user_id)
+            $("#from_year").val(from_year)
+            $("#to_year").val(to_year)
+            $("#id_delete").val(user_id)
+            $("#id_edu_delete").val(id)
+            $('.hapus').show()
+            ubahForm.action = "{{route('account.update-education')}}"
+
+            const select = document.querySelector('#roleSelect');
+            select.value = $(this).data('eduid')
+        })
+
+        $(document).on('click', '#tombolTambahExp', function(){
+            let id = $(this).data('id')
+            let user_id = $(this).data('user_id')
+            let position = $(this).data('posisi')
+            let institution = $(this).data('institution')
+            const pengalamanForm = document.querySelector('#pengalamanForm')
+
+            $("#expInstitution").val(institution)
+            $("#posisi").val(position)
+            $("#exp_id").val(id)
+            $("#user_exp_id").val(user_id)
+            $("#id_delete").val(user_id)
+            $("#id_edu_delete").val(id)
+            $('.hapus').hide()
+            pengalamanForm.action = "{{route('account.set-experience')}}"
+        })
+
+        $(document).on('click', '#tombolUbahExp', function(){
+            let id = $(this).data('id')
+            let user_id = $(this).data('user_id')
+            let position = $(this).data('posisi')
+            let institution = $(this).data('institution')
+            const pengalamanForm = document.querySelector('#pengalamanForm')
+
+            $("#expInstitution").val(institution)
+            $("#posisi").val(position)
+            $("#exp_id").val(id)
+            $("#user_exp_id").val(user_id)
+            $("#id_delete").val(user_id)
+            $("#id_edu_delete").val(id)
+            $('.hapus').show()
+            pengalamanForm.action = "{{route('account.update-experience')}}"
+        })
+
+
+        ClassicEditor
+                .create( document.querySelector( '#editor' ) )
+                .then( editor => {
+                    $(document).on('click', '#tombolUbahAchievements', function(){
+                        let idUser = $(this).data('user_id')
+                        let idAchi = $(this).data('id')
+                        let description = $(this).data('description')
+                        const pencapaianForm = document.querySelector('#pencapaianForm')
+                        editor.setData( description );
+
+                        $('#userAchievementsId').val(idUser);
+                        $('#idAchievements').val(idAchi);
+                        $('#editor').html(description)
+                        $('#deleteUserIdAchievements').val(idUser)
+                        $('#deleteIdAchievements').val(idAchi)
+                        pencapaianForm.action = "{{route('account.update-achievements')}}"
+                        $('.hapus').show()
+                    })
+
+                    $(document).on('click', '#tombolTambahAchievements', function(){
+                        let idUser = $(this).data('user_id')
+                        let idAchi = $(this).data('id')
+                        let description = $(this).data('description')
+                        const pencapaianForm = document.querySelector('#pencapaianForm')
+                        editor.setData( description );
+
+                        $('#userAchievementsId').val(idUser)
+                        $('#idAchievements').val(idAchi);
+                        $('#editor').html('asdasdasd')
+                        $('#deleteUserIdAchievements').val(user_id)
+                        $('#deleteIdAchievements').val(idAchi)
+                        pencapaianForm.action = "{{route('account.set-achievements')}}"
+                        $('.hapus').hide()
+                    })
+                    
+                } )
+                .catch( error => {
+                    console.error( error );
+                } );
+    </script>
+@endsection
+
+@section('main')
+    <!-- bagian read riwayat pendidikan -->
+    @if (Session::has('message'))
+        @php
+            $msg = Session::get('message');
+        @endphp
+        <div class="alert alert-{{ $msg['class'] }}" role="alert">
+            {{ $msg['text'] }}
+        </div>
+    @endif
+
+    <h2 class="h3 mt-5">Riwayat Pendidikan</h2>
+    @if ($user->educations->isNotEmpty())
+
+        <table class="table table-striped table-sm">
+                <tr>
+                    <th>Jenjang</th>
+                    <th>Institusi</th>
+                    <th>Angkatan-Alumni</th>
+                    <th>
+                        Rincian
+                    </th>
+                </tr>
+                @foreach ($user_education as $edu)
+                        <tr class="">
+                            <td>{{$edu->name}}</td>
+                            <td>{{$edu->institution}}</td>
+                            <td>{{$edu->from_year}} - {{$edu->to_year}}</td>
+                            <td>
+                                <a class="btn btn-primary rounded-pill" id="tombolUbahEdu" data-bs-toggle="modal" data-bs-target="#ubahModal" data-id="{{$edu->id}}" data-institution="{{$edu->institution}}" data-user_id="{{Auth::user()->id}}" data-from_year="{{$edu->from_year}}" data-to_year="{{$edu->to_year}}" data-eduid="{{$edu->education_id}}"  data-bs-whatever="@getbootstrap"><i class="bi bi-eye-fill align-bottom"></i></a>
+                            </td>
+                        </tr>
+                @endforeach
+            </table>
+    @else
+        <p class="text-danger">Jenjang pendidikan belum dimasukan.</p>
+    @endif
+
+    <button type="button" class="btn btn-outline-primary" id="tombolTambahEdu" data-bs-toggle="modal" data-bs-target="#ubahModal" data-id="" data-institution="" data-from_year="" data-to_year="" data-user_id="{{Auth::user()->id}}" data-bs-whatever="@getbootstrap">
+        <i class="bi bi-plus-circle align-bottom"></i>Tambah
+    </button>
+    <!-- akhir read riwayat pendidikan -->
+
+    <!-- bagian read achievement -->
+    <h2 class="h3 mt-5">Pencapaian</h2>
+    @if ($user->achievements->isNotEmpty())
+
+        <div class="mb-3">
+
+            @foreach($user->achievements as $achi)
+                <div class="d-flex align-items-center justify-content-between">
+                    <h5>Pencapaian {{$i += 1}}</h5>
+                    <a id="tombolUbahAchievements" data-bs-toggle="modal" data-bs-target="#pencapaianModal" data-id="{{$achi->id}}" data-user_id="{{Auth::user()->id}}" data-description="{{$achi->description}}" data-bs-whatever="@getbootstrap"><i class="bi bi-pencil-fill align-bottom"></i></a>
+                </div>
+
+                <div class="col-12">
+                    {!!$achi->description!!}
+                </div>
+            @endforeach
+
+        </div>
+    @else
+        <p class="text-danger">Pencapaian belum dimasukan.</p>
+    @endif
+
+    <button type="button" class="btn btn-outline-primary" id="tombolTambahAchievements" data-bs-toggle="modal" data-id="" data-user_id="{{Auth::user()->id}}" data-description="" data-bs-target="#pencapaianModal"  data-bs-whatever="@getbootstrap">
+        <i class="bi bi-plus-circle align-bottom"></i>Tambah
+    </button>
+    <!-- akhir read achievements -->
+
+    <!-- bagian read experience -->
+    <h2 class="h3 mt-5">Pengalaman</h2>
+    @if ($user->experience->isNotEmpty())
+    <table class="table table-striped table-sm">
+        <tr>
+            <th>Institusi</th>
+            <th>Posisi</th>
+            <th>Rincian</th>
+        </tr>
+        @foreach ($user->experience as $exp)
+                <tr class="">
+                    <td>{{$exp->institution}}</td>
+                    <td>{{$exp->position}}</td>
+                    <td><a class="btn btn-primary rounded-pill" id="tombolUbahExp" data-bs-toggle="modal" data-bs-target="#pengalamanModal" data-id="{{$exp->id}}" data-institution="{{$exp->institution}}" data-user_id="{{Auth::user()->id}}" data-posisi="{{$exp->position}}"data-bs-whatever="@getbootstrap"><i class="bi bi-eye-fill align-bottom"></i></a></td>
+                </tr>
+        @endforeach
+    </table>
+    @else
+        <p class="text-danger">Pengalaman belum dimasukan.</p>
+    @endif
+
+    <button type="button" class="btn btn-outline-primary" id="tombolTambahExp" data-bs-toggle="modal" data-id="" data-user_id="{{Auth::user()->id}}" data-instansi="" data-posisi="" data-bs-target="#pengalamanModal"  data-bs-whatever="@getbootstrap">
+        <i class="bi bi-plus-circle align-bottom"></i>Tambah
+    </button>
+    <!-- akhir read experience -->
+
+    <!-- bagian box modal riwayat pendidikan -->
+        <div class="modal fade" id="ubahModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalLabel">Ubah Riwayat Pendidikan</h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <form action="" id="ubahForm" method="POST" class="d-flex flex-column">
+                            @csrf
+                            <input type="hidden" name="user_id" id="user_id">
+                            <input type="hidden" name="user_education_id" id="user_education_id">
+                            <div class="mb-3">
+                                <label class="visually-hidden" for="roleSelect">Peran</label>
+                                <select class="form-select" id="roleSelect" name="education_id" required>
+                                    <option selected value="" disabled>Silahkan pilih jenjang pendidikan</option>
+                                    @foreach ($education as $edu)
+                                        <option value="{{ $edu->id }}">{{ $edu->name }}</option>
+                                    @endforeach
+                                </select>
+                            </div>
+
+                            <div class="mb-3">
+                                <input type="text" name="institution" class="form-control" placeholder="Nama Instansi/Nama Sekolah" id="institution" required>
+                            </div>
+
+                            <div class="mb-3 row">
+                                <div class="col-md-6">
+                                    <input type="text" name="from_year" class="form-control" placeholder="Dari tahun/Angkatan" id="from_year" required>
+                                </div>
+
+                                <div class="col-md-6"><input type="text" name="to_year" class="form-control" placeholder="Sampai tahun/Alumni" id="to_year" required></div>
+                            </div>
+                        </form>
+                    </div>
+                    <div class="modal-footer d-flex justify-content-between">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
+                        <form action="{{route('account.delete-education')}}" method="post">
+                            @csrf
+                            <input type="hidden" name="user_id" id="id_delete" value="">
+                            <input type="hidden" name="user_education_id" id="id_edu_delete" value="">
+                            <button class="btn btn-danger hapus">Hapus</button>
+                            <button type="submit" form="ubahForm" class="btn btn-success">Ubah</button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- akhir box modal riwayat pendidikan -->
+
+        <!-- bagian box modal pencapaian -->
+        <div class="modal fade" id="pencapaianModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalLabel">Tambah Pencapaian</h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <form action="" id="pencapaianForm" method="POST" class="d-flex flex-column">
+                            @csrf
+                            <input type="hidden" name="user_id" id="userAchievementsId" value="">
+                            <input type="hidden" name="id_achievements" id="idAchievements" value="">
+                            <div class="mb-3">
+                                <textarea id="editor" cols="5" name="deskripsi">
+                                    
+                                </textarea>
+
+                            </div>
+                        </form>
+                    </div>
+                    <div class="modal-footer d-flex justify-content-between">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
+                        <form action="{{route('account.delete-achievements')}}" method="post">
+                            @csrf
+                            <input type="hidden" name="user_id" id="deleteUserIdAchievements" value="">
+                            <input type="hidden" name="id_achievements" id="deleteIdAchievements" value="">
+                            <button class="btn btn-danger hapus">Hapus</button>
+                            <button type="submit" form="pencapaianForm" class="btn btn-success">Ubah</button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- akhir box modal pencapaian -->
+
+        <!-- bagian box modal riwayat pendidikan -->
+        <div class="modal fade" id="pengalamanModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalLabel">Tambah Pengalaman</h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <form action="" id="pengalamanForm" method="POST" class="d-flex flex-column">
+                            @csrf
+                            <input type="hidden" name="user_id" id="user_exp_id">
+                            <input type="hidden" name="exp_id" id="exp_id">
+
+                            <div class="mb-3">
+                                <input type="text" name="institution" class="form-control" placeholder="Nama Instansi" id="expInstitution" required>
+                            </div>
+
+                            <div class="mb-3">
+                                <input type="text" name="position" class="form-control" placeholder="Posisi Jabatan" id="posisi" required>
+                            </div>
+                        </form>
+                    </div>
+                    <div class="modal-footer d-flex justify-content-between">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
+                        <form action="{{route('account.delete-education')}}" method="post">
+                            @csrf
+                            <input type="hidden" name="user_id" id="id_exp_delete" value="">
+                            <input type="hidden" name="exp_id_delete" id="id_exp_delete" value="">
+                            <button class="btn btn-danger hapus">Hapus</button>
+                            <button type="submit" form="pengalamanForm" class="btn btn-success">Ubah</button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- akhir box modal riwayat pendidikan -->
+
+	<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
+        <h1 class="h2">Profile {{$user->name}}</h1>
+    </div>
+
+    
+
+    @include('system.users._form')
+@endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 4b039cb..dc07a8e 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -9,6 +9,7 @@
 use App\Http\Controllers\LogoutController;
 use App\Http\Controllers\PresenceController;
 use App\Http\Controllers\UserController;
+use App\Http\Controllers\ProfileController;
 use Illuminate\Support\Facades\Route;
 
 /*
@@ -72,6 +73,16 @@
     ->group(function () {
       Route::get('change-password', [ChangePasswordController::class, 'index'])->name('change-password');
       Route::post('change-password', [ChangePasswordController::class, 'update']);
+      Route::get('profile', [ProfileController::class, 'index'])->name('profile');
+      Route::post('set-education', [ProfileController::class, 'set_education'])->name('set-education');
+      Route::post('delete-education', [ProfileController::class, 'delete_education'])->name('delete-education');
+      Route::post('update-education', [ProfileController::class, 'update_education'])->name('update-education');
+      Route::post('set-achievements', [ProfileController::class, 'set_achievements'])->name('set-achievements');
+      Route::post('delete-achievements', [ProfileController::class, 'delete_achievements'])->name('delete-achievements');
+      Route::post('update-achievements', [ProfileController::class, 'update_achievements'])->name('update-achievements');
+      Route::post('set-experience', [ProfileController::class, 'set_experience'])->name('set-experience');
+      Route::post('delete-experience', [ProfileController::class, 'delete_experience'])->name('delete-experience');
+      Route::post('update-experience', [ProfileController::class, 'update_experience'])->name('update-experience');
     });
 
 
@@ -94,7 +105,9 @@
     ->name('system.')
     ->group(function () {
       Route::resource('users', UserController::class);
+
       Route::post('users/roles/store', [UserController::class, 'roleStore'])->name('users.roleStore');
       Route::post('users/roles', [UserController::class, 'roleDestroy'])->name('users.roleDestroy');
     });
 });
+