diff --git a/app/Enum/StudentStatus.php b/app/Enum/StudentStatus.php
new file mode 100644
index 0000000..f56d6bf
--- /dev/null
+++ b/app/Enum/StudentStatus.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Enum;
+
+enum StudentStatus: string
+{
+    case CANDIDATE = 'candidate';
+    case ACTIVE = 'active';
+    case GRADUATED = 'graduated';
+    case EXPELLED = 'expelled';
+    case ON_LEAVE = 'on_leave';
+    case QUIT = 'quit';
+
+    public static function is(string $value, StudentStatus $status): bool
+    {
+        return self::tryFrom($value) === $status;
+    }
+
+    public static function isIncluded(?string $value, StudentStatus ...$status): bool
+    {
+        return in_array(self::tryFrom($value), $status);
+    }
+}
diff --git a/app/Http/Controllers/StudentController.php b/app/Http/Controllers/StudentController.php
new file mode 100644
index 0000000..ce21727
--- /dev/null
+++ b/app/Http/Controllers/StudentController.php
@@ -0,0 +1,149 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Enum\Role;
+use App\Http\Requests\StoreStudentRequest;
+use App\Http\Requests\UpdateStudentRequest;
+use App\Models\Student;
+use App\Models\User;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Log;
+use Illuminate\Support\Facades\Storage;
+use Illuminate\View\View;
+use Yajra\DataTables\Facades\DataTables;
+
+class StudentController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     */
+    public function index(Request $request): View|JsonResponse
+    {
+        if ($request->ajax()) {
+            return DataTables::eloquent(Student::query())
+                ->addColumn('action', function ($row) {
+                    return '<div class="dropdown">
+                                <button type="button"
+                                        class="btn p-0 dropdown-toggle hide-arrow"
+                                        data-bs-toggle="dropdown">
+                                    <i class="bx bx-dots-vertical-rounded"></i>
+                                </button>
+                                <div class="dropdown-menu">
+                                    <a class="dropdown-item" href="'.route('student.edit', $row).'"><i class="bx bx-edit-alt me-1"></i>'.__('label.edit').'</a>
+                                    <form action="'.route('student.destroy', $row).'" method="post" onsubmit="confirmSubmit(event, this)">
+                                        <input type="hidden" name="_method" value="DELETE">
+                                        <input type="hidden" name="_token" value="'.csrf_token().'" />
+                                        <button class="dropdown-item" type="submit"><i class="bx bx-trash me-1"></i>'.__('label.delete').'</button>
+                                    </form>
+                                </div>
+                            </div>';
+                })
+                ->editColumn('image', fn ($row) => '<a data-fslightbox href="'.$row->image_url.'"><img src="'.$row->image_url.'" alt="user-avatar" class="d-block rounded" height="30" width="30"></a>')
+                ->editColumn('gender', fn ($row) => __('label.'.$row->gender))
+                ->editColumn('status', fn ($row) => __('label.'.$row->status))
+                ->filterColumn('gender', fn ($query, $keyword) => $query->where('gender', $keyword))
+                ->rawColumns(['action', 'image'])
+                ->toJson();
+        }
+
+        return view('pages.student.index');
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     */
+    public function create(): View
+    {
+        return view('pages.student.create', [
+            'guardians' => User::role(Role::STUDENT_GUARDIAN)->get(),
+        ]);
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     */
+    public function store(StoreStudentRequest $request): RedirectResponse
+    {
+        try {
+            $data = $request->validated();
+            if ($request->hasFile('image')) {
+                $data['image'] = time().random_int(0, PHP_INT_MAX).'.'.$request->file('image')->extension();
+                Storage::putFileAs('public', $request->file('image'), $data['image']);
+            }
+
+            Student::create($data);
+
+            return redirect()->route('student.index')->with('notification', $this->successNotification('notification.success_create', 'menu.student'));
+        } catch (\Throwable $throwable) {
+            Log::error($throwable->getMessage());
+
+            return back()->with('notification', $this->successNotification('notification.fail_create', 'menu.student'));
+        }
+    }
+
+    /**
+     * Display the specified resource.
+     */
+    public function show(Student $student): View
+    {
+        return view('pages.student.show', [
+            'student' => $student,
+        ]);
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     */
+    public function edit(Student $student): View
+    {
+        return view('pages.student.edit', [
+            'student' => $student,
+            'guardians' => User::role(Role::STUDENT_GUARDIAN)->get(),
+        ]);
+    }
+
+    /**
+     * Update the specified resource in storage.
+     */
+    public function update(UpdateStudentRequest $request, Student $student): RedirectResponse
+    {
+        try {
+            $data = $request->validated();
+            if ($request->hasFile('image')) {
+                if ($student->image) {
+                    Storage::delete("public/{$student->image}");
+                }
+
+                $data['image'] = time().random_int(0, PHP_INT_MAX).'.'.$request->file('image')->extension();
+                Storage::putFileAs('public', $request->file('image'), $data['image']);
+            }
+
+            $student->update($data);
+
+            return back()->with('notification', $this->successNotification('notification.success_update', 'menu.student'));
+        } catch (\Throwable $throwable) {
+            Log::error($throwable->getMessage());
+
+            return back()->with('notification', $this->successNotification('notification.fail_update', 'menu.student'));
+        }
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     */
+    public function destroy(Student $student): RedirectResponse
+    {
+        try {
+            $student->delete();
+
+            return back()->with('notification', $this->successNotification('notification.success_delete', 'menu.student'));
+        } catch (\Throwable $throwable) {
+            Log::error($throwable->getMessage());
+
+            return back()->with('notification', $this->successNotification('notification.fail_delete', 'menu.student'));
+        }
+    }
+}
diff --git a/app/Http/Requests/StoreStudentRequest.php b/app/Http/Requests/StoreStudentRequest.php
new file mode 100644
index 0000000..a166bf3
--- /dev/null
+++ b/app/Http/Requests/StoreStudentRequest.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace App\Http\Requests;
+
+use App\Enum\Role;
+use App\Enum\StudentStatus;
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Validation\Rule;
+
+class StoreStudentRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return auth()->user()->isRole(Role::OWNER) || auth()->user()->isRole(Role::HEADMASTER) || auth()->user()->isRole(Role::ADMINISTRATOR);
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, ValidationRule|array|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'student_id_number' => ['nullable', Rule::unique('students', 'student_id_number')],
+            'name' => ['required'],
+            'nickname' => ['nullable'],
+            'birthplace' => ['nullable'],
+            'birthdate' => ['required', 'date'],
+            'gender' => ['required'],
+            'status' => ['required'],
+            'admission_date' => ['required', 'date'],
+            'departure_date' => ['nullable', Rule::requiredIf(StudentStatus::isIncluded($this->status, StudentStatus::EXPELLED, StudentStatus::QUIT, StudentStatus::ON_LEAVE, StudentStatus::GRADUATED)), 'after:admission_date'],
+            'image' => ['nullable', 'image'],
+            'student_guardian_id' => ['required'],
+        ];
+    }
+
+    public function attributes(): array
+    {
+        return [
+            'student_id_number' => __('field.student_id_number'),
+            'name' => __('field.name'),
+            'nickname' => __('field.nickname'),
+            'birthplace' => __('field.birthplace'),
+            'birthdate' => __('field.birthdate'),
+            'gender' => __('field.gender'),
+            'status' => __('field.status'),
+            'admission_date' => __('field.admission_date'),
+            'departure_date' => __('field.departure_date'),
+            'image' => __('field.image'),
+            'student_guardian_id' => __('field.student_guardian_id'),
+        ];
+    }
+}
diff --git a/app/Http/Requests/UpdateStudentRequest.php b/app/Http/Requests/UpdateStudentRequest.php
new file mode 100644
index 0000000..fda7a14
--- /dev/null
+++ b/app/Http/Requests/UpdateStudentRequest.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace App\Http\Requests;
+
+use App\Enum\Role;
+use App\Enum\StudentStatus;
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Validation\Rule;
+
+class UpdateStudentRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return auth()->user()->isRole(Role::OWNER) || auth()->user()->isRole(Role::HEADMASTER) || auth()->user()->isRole(Role::ADMINISTRATOR);
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, ValidationRule|array|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'student_id_number' => ['nullable', Rule::unique('students', 'student_id_number')->ignore($this->id)],
+            'name' => ['required'],
+            'nickname' => ['nullable'],
+            'birthplace' => ['nullable'],
+            'birthdate' => ['required', 'date'],
+            'gender' => ['required'],
+            'status' => ['required'],
+            'admission_date' => ['required', 'date'],
+            'departure_date' => ['nullable', Rule::requiredIf(StudentStatus::isIncluded($this->status, StudentStatus::EXPELLED, StudentStatus::QUIT, StudentStatus::ON_LEAVE, StudentStatus::GRADUATED)), 'after:admission_date'],
+            'image' => ['nullable', 'image'],
+            'student_guardian_id' => ['required'],
+        ];
+    }
+
+    public function attributes(): array
+    {
+        return [
+            'student_id_number' => __('field.student_id_number'),
+            'name' => __('field.name'),
+            'nickname' => __('field.nickname'),
+            'birthplace' => __('field.birthplace'),
+            'birthdate' => __('field.birthdate'),
+            'gender' => __('field.gender'),
+            'status' => __('field.status'),
+            'admission_date' => __('field.admission_date'),
+            'departure_date' => __('field.departure_date'),
+            'image' => __('field.image'),
+            'student_guardian_id' => __('field.student_guardian_id'),
+        ];
+    }
+}
diff --git a/app/Models/Student.php b/app/Models/Student.php
new file mode 100644
index 0000000..f6ad4de
--- /dev/null
+++ b/app/Models/Student.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Casts\Attribute;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Support\Facades\Storage;
+
+class Student extends Model
+{
+    use HasFactory;
+
+    protected $fillable = [
+        'student_id_number', 'name', 'nickname', 'birthplace', 'birthdate',
+        'gender', 'status', 'admission_date', 'departure_date', 'image',
+        'student_guardian_id',
+    ];
+
+    protected $appends = [
+        'image_url',
+    ];
+
+    public function imageUrl(): Attribute
+    {
+        return new Attribute(
+            get: function () {
+                if ($this->image) {
+                    return asset('storage/'.$this->image);
+                }
+
+                return asset('404_Black.jpg');
+            }
+        );
+    }
+
+    protected static function boot(): void
+    {
+        parent::boot();
+        static::creating(function (Student $student) {
+            if (is_null($student->student_id_number)) {
+                $student->student_id_number = time().random_int(0, 1000).time();
+            }
+        });
+        static::deleting(function (Student $student) {
+            if ($student->image) {
+                Storage::delete("public/$student->image");
+            }
+        });
+    }
+}
diff --git a/database/factories/StudentFactory.php b/database/factories/StudentFactory.php
new file mode 100644
index 0000000..675e1bc
--- /dev/null
+++ b/database/factories/StudentFactory.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Enum\Gender;
+use App\Enum\StudentStatus;
+use App\Models\Student;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends Factory<Student>
+ */
+class StudentFactory extends Factory
+{
+    /**
+     * Define the model's default state.
+     *
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        $gender = fake()->randomElement(Gender::cases());
+        $status = fake()->randomElement(StudentStatus::cases());
+
+        return [
+            'student_id_number' => fake()->unique()->creditCardNumber(),
+            'name' => fake()->name($gender->value),
+            'birthplace' => fake()->city(),
+            'birthdate' => fake()->dateTimeBetween('-12 years', '-6 years'),
+            'gender' => $gender,
+            'status' => $status,
+            'admission_date' => fake()->dateTimeBetween('-2 years', '-2 weeks'),
+            'departure_date' => $status === StudentStatus::ACTIVE ? null : fake()->dateTimeBetween('-2 weeks'),
+        ];
+    }
+}
diff --git a/database/migrations/2024_06_03_130911_create_students_table.php b/database/migrations/2024_06_03_130911_create_students_table.php
new file mode 100644
index 0000000..90b90a7
--- /dev/null
+++ b/database/migrations/2024_06_03_130911_create_students_table.php
@@ -0,0 +1,38 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('students', function (Blueprint $table) {
+            $table->id();
+            $table->string('student_id_number')->unique();
+            $table->string('name');
+            $table->string('nickname')->nullable();
+            $table->string('birthplace')->nullable();
+            $table->date('birthdate')->nullable();
+            $table->string('gender');
+            $table->string('status')->default(\App\Enum\StudentStatus::CANDIDATE);
+            $table->date('admission_date');
+            $table->date('departure_date')->nullable();
+            $table->string('image')->nullable();
+            $table->foreignId('student_guardian_id')->constrained('users');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('students');
+    }
+};
diff --git a/database/seeders/Dummy/StudentSeeder.php b/database/seeders/Dummy/StudentSeeder.php
new file mode 100644
index 0000000..8cc5112
--- /dev/null
+++ b/database/seeders/Dummy/StudentSeeder.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace Database\Seeders\Dummy;
+
+use App\Enum\Role;
+use App\Models\Student;
+use App\Models\User;
+use Illuminate\Database\Seeder;
+
+class StudentSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        $guardianIds = User::role(Role::STUDENT_GUARDIAN)->pluck('id')->toArray();
+
+        foreach ($guardianIds as $id) {
+            Student::factory(rand(0, 3))->create([
+                'student_guardian_id' => $id,
+            ]);
+        }
+    }
+}
diff --git a/lang/en/field.php b/lang/en/field.php
index 9a4010c..86ef375 100644
--- a/lang/en/field.php
+++ b/lang/en/field.php
@@ -23,4 +23,12 @@
     'address' => 'Address',
     'marital_status' => 'Marital Status',
     'gender' => 'Gender',
+    'student_id_number' => 'Student ID Number',
+    'nickname' => 'Nickname',
+    'birthplace' => 'Birthplace',
+    'birthdate' => 'Birthdate',
+    'status' => 'Status',
+    'admission_date' => 'Admission Date',
+    'departure_date' => 'Departure Date',
+    'student_guardian_id' => 'Student Guardian',
 ];
diff --git a/lang/en/label.php b/lang/en/label.php
index 6f90594..7392a6a 100644
--- a/lang/en/label.php
+++ b/lang/en/label.php
@@ -42,4 +42,10 @@
     'female' => 'Female',
     'required' => 'Required',
     'allowed_image_upload' => 'Allowed JPG or PNG. Max size of 2MB',
+    'candidate' => 'Candidate',
+    'active' => 'Active',
+    'graduated' => 'Graduated',
+    'expelled' => 'Expelled',
+    'quit' => 'Quit',
+    'on_leave' => 'On Leave',
 ];
diff --git a/lang/en/menu.php b/lang/en/menu.php
index d64213e..c4ed1eb 100644
--- a/lang/en/menu.php
+++ b/lang/en/menu.php
@@ -21,4 +21,6 @@
     'setting' => 'Setting',
     'administrator' => 'Administrator',
     'student_guardian' => 'Student Guardian',
+    'student' => 'Student',
+    'academic' => 'Academic',
 ];
diff --git a/lang/id/field.php b/lang/id/field.php
index df30697..8f405cf 100644
--- a/lang/id/field.php
+++ b/lang/id/field.php
@@ -23,4 +23,12 @@
     'address' => 'Alamat',
     'marital_status' => 'Status Perkawinan',
     'gender' => 'Jenis Kelamin',
+    'student_id_number' => 'Nomor Induk Santri',
+    'nickname' => 'Nama Panggilan',
+    'birthplace' => 'Tempat Lahir',
+    'birthdate' => 'Tanggal Lahir',
+    'status' => 'Status',
+    'admission_date' => 'Tanggal Masuk',
+    'departure_date' => 'Tanggal Keluar',
+    'student_guardian_id' => 'Wali Santri',
 ];
diff --git a/lang/id/label.php b/lang/id/label.php
index 8622315..a2684d8 100644
--- a/lang/id/label.php
+++ b/lang/id/label.php
@@ -42,4 +42,10 @@
     'female' => 'Perempuan',
     'required' => 'Wajib',
     'allowed_image_upload' => 'Hanya boleh JPG atau PNG. Ukuran maksimal 2MB',
+    'candidate' => 'Calon Santri',
+    'active' => 'Aktif',
+    'graduated' => 'Lulus',
+    'expelled' => 'Dikeluarkan',
+    'quit' => 'Berhenti',
+    'on_leave' => 'Cuti',
 ];
diff --git a/lang/id/menu.php b/lang/id/menu.php
index 54520f5..1207d13 100644
--- a/lang/id/menu.php
+++ b/lang/id/menu.php
@@ -21,4 +21,6 @@
     'setting' => 'Pengaturan',
     'administrator' => 'Admin',
     'student_guardian' => 'Wali Santri',
+    'student' => 'Santri',
+    'academic' => 'Akademik',
 ];
diff --git a/resources/menu/verticalMenu.json b/resources/menu/verticalMenu.json
index 5fbdca3..5f76bc0 100644
--- a/resources/menu/verticalMenu.json
+++ b/resources/menu/verticalMenu.json
@@ -53,6 +53,27 @@
                 "administrator"
             ]
         },
+        {
+            "menuHeader": "menu.academic",
+            "role": [
+                "owner",
+                "headmaster",
+                "administrator",
+                "teacher"
+            ]
+        },
+        {
+            "url": "student.index",
+            "name": "menu.student",
+            "icon": "menu-icon tf-icons bx bxs-graduation",
+            "slug": "student.*",
+            "role": [
+                "owner",
+                "headmaster",
+                "administrator",
+                "teacher"
+            ]
+        },
         {
             "menuHeader": "menu.setting",
             "role": [
diff --git a/resources/views/pages/student/create.blade.php b/resources/views/pages/student/create.blade.php
new file mode 100644
index 0000000..9cfa8f5
--- /dev/null
+++ b/resources/views/pages/student/create.blade.php
@@ -0,0 +1,131 @@
+@extends('layouts.dashboard')
+
+@section('content')
+    <div class="d-flex justify-content-between align-items-center mb-3">
+        <h4 class="py-3 mb-0">
+            <a class="text-muted fw-light" href="{{ route('student.index') }}">{{ __('menu.student') }} /</a>
+            {{ __('label.new') }}
+        </h4>
+        <div>
+            <a href="{{ route('student.index') }}" class="btn btn-secondary text-white fw-medium">
+                {{ __('button.back') }}
+            </a>
+        </div>
+    </div>
+
+    <div class="card mb-4">
+        <form action="{{ route('student.store') }}" method="post" enctype="multipart/form-data">
+            @csrf
+            <div class="card-header">
+                <div class="d-flex align-items-start align-items-sm-center gap-4">
+                    <a data-fslightbox href="{{ asset('404_Black.jpg') }}">
+                        <img src="{{ asset('404_Black.jpg') }}"
+                         alt="user-avatar" class="d-block rounded" height="100" width="100" id="uploadImage">
+                    </a>
+                    <div class="button-wrapper">
+                        <label for="upload" class="btn btn-primary me-2 mb-4" tabindex="0">
+                            <span class="d-none d-sm-block">{{ __('button.upload') }}</span>
+                            <i class="bx bx-upload d-block d-sm-none"></i>
+                            <input type="file" id="upload" class="account-file-input" hidden="" name="image"
+                                   accept="image/png,image/jpeg">
+                        </label>
+                        <button type="button" class="btn btn-outline-secondary account-image-reset mb-4">
+                            <i class="bx bx-reset d-block d-sm-none"></i>
+                            <span class="d-none d-sm-block">{{ __('button.reset') }}</span>
+                        </button>
+
+                        <small class="text-muted mb-0 d-block">{{ __('label.allowed_image_upload') }}</small>
+                    </div>
+                </div>
+            </div>
+            <hr class="m-0">
+            <div class="card-body">
+                <div class="mb-3">
+                    <x-forms.input name="student_id_number"/>
+                </div>
+                <div class="mb-3">
+                    <x-forms.input name="name" required/>
+                </div>
+                <div class="mb-3">
+                    <x-forms.input name="nickname"/>
+                </div>
+                <div class="mb-3">
+                    <x-forms.input-select2 name="gender" required
+                                           :options="[ ['male', __('label.male')], ['female', __('label.female')] ]"/>
+                </div>
+                <div class="mb-3">
+                    <x-forms.input name="birthplace"/>
+                </div>
+                <div class="mb-3">
+                    <x-forms.input name="birthdate" type="date" required />
+                </div>
+                <div class="mb-3">
+                    <x-forms.input-select2 name="student_guardian_id" :options="array_map(fn($guardian) => [$guardian['id'], $guardian['name']], $guardians->toArray())" />
+                </div>
+                <div class="mb-3">
+                    <x-forms.input-select2 name="status" required
+                                           :options="[ ['candidate', __('label.candidate')], ['active', __('label.active')], ['graduated', __('label.graduated')], ['expelled', __('label.expelled')], ['on_leave', __('label.on_leave')], ['quit', __('label.quit')] ]"/>
+                </div>
+                <div class="mb-3">
+                    <x-forms.input name="admission_date" type="date" required :value="date('Y-m-d')" />
+                </div>
+                <div class="mb-3" id="departure-date-wrapper">
+                    <x-forms.input name="departure_date" required type="date" />
+                </div>
+                <div class="mt-4">
+                    <button type="submit" class="btn btn-primary me-2">{{ __('button.submit') }}</button>
+                    <button type="reset" class="btn btn-outline-secondary">{{ __('button.reset') }}</button>
+                </div>
+            </div>
+        </form>
+    </div>
+
+@endsection
+
+@push('script')
+    <script>
+        document.addEventListener("DOMContentLoaded", (function (e) {
+
+            const imageElement = document.getElementById("uploadImage");
+            const imageInputElement = document.querySelector(".account-file-input");
+            const imageResetEl = document.querySelector(".account-image-reset");
+
+            if (imageElement) {
+                const originalImage = imageElement.src;
+
+                imageInputElement.onchange = () => {
+                    imageInputElement.files[0] && (imageElement.src = window.URL.createObjectURL(imageInputElement.files[0]));
+                    imageElement.closest('a').setAttribute('href', imageElement.src);
+                    refreshFsLightbox();
+                }
+
+                imageResetEl.onclick = () => {
+                    imageInputElement.value = "";
+                    imageElement.src = originalImage;
+                    imageElement.closest('a').setAttribute('href', imageElement.src);
+                    refreshFsLightbox();
+                }
+            }
+
+            const statusElement = $('#status');
+            const departureDateWrapper = $('#departure-date-wrapper');
+            const selectedStatus = statusElement.select2('data')[0].id;
+
+            toggleDepartureDateWrapper(selectedStatus);
+
+            statusElement.on('select2:select', function (e) {
+                const data = e.params.data;
+                toggleDepartureDateWrapper(data.id);
+            });
+
+            function toggleDepartureDateWrapper(status) {
+                console.log(status);
+                if (['candidate', 'active'].includes(status)) {
+                    departureDateWrapper.hide();
+                } else {
+                    departureDateWrapper.show();
+                }
+            }
+        }));
+    </script>
+@endpush
diff --git a/resources/views/pages/student/edit.blade.php b/resources/views/pages/student/edit.blade.php
new file mode 100644
index 0000000..104ed6c
--- /dev/null
+++ b/resources/views/pages/student/edit.blade.php
@@ -0,0 +1,134 @@
+@extends('layouts.dashboard')
+
+@section('content')
+    <div class="d-flex justify-content-between align-items-center mb-3">
+        <h4 class="py-3 mb-0">
+            <a class="text-muted fw-light" href="{{ route('student.index') }}">{{ __('menu.student') }} /</a>
+            {{ __('label.edit') }}
+        </h4>
+        <div>
+            <a href="{{ route('student.index') }}" class="btn btn-secondary text-white fw-medium">
+                {{ __('button.back') }}
+            </a>
+        </div>
+    </div>
+
+    <div class="card mb-4">
+        <form action="{{ route('student.update', $student) }}" method="post" enctype="multipart/form-data">
+            <div class="card-header">
+                <div class="d-flex align-items-start align-items-sm-center gap-4">
+                    <a data-fslightbox href="{{ $student->image_url }}">
+                        <img src="{{ $student->image_url }}"
+                             alt="user-avatar" class="d-block rounded" height="100" width="100" id="uploadImage">
+                    </a>
+                    <div class="button-wrapper">
+                        <label for="upload" class="btn btn-primary me-2 mb-4" tabindex="0">
+                            <span class="d-none d-sm-block">{{ __('button.upload') }}</span>
+                            <i class="bx bx-upload d-block d-sm-none"></i>
+                            <input type="file" id="upload" class="account-file-input" hidden="" name="image"
+                                   accept="image/png,image/jpeg">
+                        </label>
+                        <button type="button" class="btn btn-outline-secondary account-image-reset mb-4">
+                            <i class="bx bx-reset d-block d-sm-none"></i>
+                            <span class="d-none d-sm-block">{{ __('button.reset') }}</span>
+                        </button>
+
+                        <small class="text-muted mb-0 d-block">{{ __('label.allowed_image_upload') }}</small>
+                    </div>
+                </div>
+            </div>
+            <hr class="m-0">
+            <div class="card-body">
+                @csrf
+                @method('PUT')
+                <input type="hidden" name="id" value="{{ $student->id }}">
+                <div class="mb-3">
+                    <x-forms.input name="student_id_number" :value="$student->student_id_number"/>
+                </div>
+                <div class="mb-3">
+                    <x-forms.input name="name" required :value="$student->name"/>
+                </div>
+                <div class="mb-3">
+                    <x-forms.input name="nickname" :value="$student->nickname"/>
+                </div>
+                <div class="mb-3">
+                    <x-forms.input-select2 name="gender" required :value="$student->gender"
+                                           :options="[ ['male', __('label.male')], ['female', __('label.female')] ]"/>
+                </div>
+                <div class="mb-3">
+                    <x-forms.input name="birthplace" :value="$student->birthplace"/>
+                </div>
+                <div class="mb-3">
+                    <x-forms.input name="birthdate" type="date" required :value="$student->birthdate" />
+                </div>
+                <div class="mb-3">
+                    <x-forms.input-select2 name="student_guardian_id" :value="$student->student_guardian_id" :options="array_map(fn($guardian) => [$guardian['id'], $guardian['name']], $guardians->toArray())" />
+                </div>
+                <div class="mb-3">
+                    <x-forms.input-select2 name="status" required :value="$student->status"
+                                           :options="[ ['candidate', __('label.candidate')], ['active', __('label.active')], ['graduated', __('label.graduated')], ['expelled', __('label.expelled')], ['on_leave', __('label.on_leave')], ['quit', __('label.quit')] ]"/>
+                </div>
+                <div class="mb-3">
+                    <x-forms.input name="admission_date" type="date" required :value="$student->admission_date" />
+                </div>
+                <div class="mb-3" id="departure-date-wrapper">
+                    <x-forms.input name="departure_date" required type="date" :value="$student->departure_date" />
+                </div>
+                <div class="mt-4">
+                    <button type="submit" class="btn btn-primary me-2">{{ __('button.submit') }}</button>
+                    <button type="reset" class="btn btn-outline-secondary">{{ __('button.reset') }}</button>
+                </div>
+            </div>
+        </form>
+    </div>
+
+@endsection
+
+@push('script')
+    <script>
+        document.addEventListener("DOMContentLoaded", (function (e) {
+
+            const imageElement = document.getElementById("uploadImage");
+            const imageInputElement = document.querySelector(".account-file-input");
+            const imageResetEl = document.querySelector(".account-image-reset");
+
+            if (imageElement) {
+                const originalImage = imageElement.src;
+
+                imageInputElement.onchange = () => {
+                    imageInputElement.files[0] && (imageElement.src = window.URL.createObjectURL(imageInputElement.files[0]));
+                    imageElement.closest('a').setAttribute('href', imageElement.src);
+                    refreshFsLightbox();
+                }
+
+                imageResetEl.onclick = () => {
+                    imageInputElement.value = "";
+                    imageElement.src = originalImage;
+                    imageElement.closest('a').setAttribute('href', imageElement.src);
+                    refreshFsLightbox();
+                }
+            }
+
+            const statusElement = $('#status');
+            const departureDateWrapper = $('#departure-date-wrapper');
+            const selectedStatus = statusElement.select2('data')[0].id;
+
+            toggleDepartureDateWrapper(selectedStatus);
+
+            statusElement.on('select2:select', function (e) {
+                const data = e.params.data;
+                toggleDepartureDateWrapper(data.id);
+            });
+
+            function toggleDepartureDateWrapper(status) {
+                console.log(status);
+                if (['candidate', 'active'].includes(status)) {
+                    departureDateWrapper.hide();
+                } else {
+                    departureDateWrapper.show();
+                }
+            }
+
+        }));
+    </script>
+@endpush
diff --git a/resources/views/pages/student/index.blade.php b/resources/views/pages/student/index.blade.php
new file mode 100644
index 0000000..4f8ab0c
--- /dev/null
+++ b/resources/views/pages/student/index.blade.php
@@ -0,0 +1,65 @@
+@extends('layouts.dashboard')
+
+@section('content')
+    <div class="d-flex justify-content-between align-items-center mb-3">
+        <h4 class="py-3 mb-0">{{ __('menu.student') }}</h4>
+        <div>
+            <a href="{{ route('student.create') }}" class="btn btn-primary text-white fw-medium">
+                + {{ __('menu.student') }}
+            </a>
+        </div>
+    </div>
+
+    <div class="card">
+        <div class="table-responsive pb-3 text-nowrap">
+            <table class="table">
+                <thead>
+                <tr>
+                    <th></th>
+                    <th>{{ __('field.student_id_number') }}</th>
+                    <th>{{ __('field.name') }}</th>
+                    <th>{{ __('field.gender') }}</th>
+                    <th>{{ __('field.status') }}</th>
+                    <th width="15px"></th>
+                </tr>
+                </thead>
+                <tbody class="table-border-bottom-0">
+                </tbody>
+            </table>
+        </div>
+    </div>
+@endsection
+
+@push('style')
+    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/datatables/datatables.min.css') }}"/>
+@endpush
+
+@push('script')
+    <script src="{{ asset('assets/vendor/libs/datatables/datatables.min.js') }}"></script>
+    <script>
+        const locale = document.querySelector('html').getAttribute('lang');
+
+        const datatableObject = $('table.table').DataTable({
+            processing: true,
+            serverSide: true,
+            ajax: window.location.href,
+            columns: [
+                {data: 'image', name: 'image', orderable: false, searchable: false},
+                {data: 'student_id_number', name: 'student_id_number'},
+                {data: 'name', name: 'name'},
+                {data: 'gender', name: 'gender', searchable: false},
+                {data: 'status', name: 'status', searchable: false},
+                {data: 'action', orderable: false, searchable: false},
+            ],
+            order: [[1, "asc"]],
+            dom: '<"row px-4 my-3"<"col-sm-12 col-md-6"l><"col-sm-12 col-md-6 d-flex justify-content-center justify-content-md-end"f>>t<"row px-4 my-3"<"col-sm-12 col-md-6"i><"col-sm-12 col-md-6 d-flex justify-content-end"p>>',
+            language: {
+                url: `/assets/vendor/libs/datatables/language/${locale}.json`
+            }
+        });
+
+        datatableObject.on('draw', () => {
+            refreshFsLightbox();
+        });
+    </script>
+@endpush
diff --git a/routes/web.php b/routes/web.php
index 28e302e..fef9b6a 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -21,6 +21,8 @@
         Route::resource('teacher', \App\Http\Controllers\TeacherController::class);
         Route::resource('student-guardian', \App\Http\Controllers\StudentGuardianController::class);
 
+        Route::resource('student', \App\Http\Controllers\StudentController::class);
+
         Route::as('account.')->group(function () {
             Route::get('/account/profile', [ProfileController::class, 'edit'])->name('profile.edit');
             Route::patch('/account/profile', [ProfileController::class, 'update'])->name('profile.update');