diff --git a/app/Http/Controllers/LearnController.php b/app/Http/Controllers/LearnController.php
index aa40adee9b81982be543d9c169cecdc82dd3167a..84b9fb9e4a8acc53e0c20443e1224c23266c1beb 100644
--- a/app/Http/Controllers/LearnController.php
+++ b/app/Http/Controllers/LearnController.php
@@ -75,6 +75,20 @@ class LearnController extends Controller
         return redirect()->route('course', ['id_course' => $id_course, 'msg' => $msg]);
     }
 
+    /**
+     * Delete Topic.
+     *
+     * @return msg
+     */
+    public function delete($id_course, $id_topic)
+    {
+        DB::table('spreadsheets')->where('id', $id_topic)->delete();
+        DB::table('grades')->where('id_topic', $id_topic)->delete();
+        DB::table('topics')->where('id', $id_topic)->delete();
+        
+        return redirect()->route('course', ['id_course' => $id_course, 'msg' => 3]);
+    }
+
     /**
      * Edit Permission.
      *
diff --git a/resources/views/course.blade.php b/resources/views/course.blade.php
index 0a69515af9b1bdd5b81b5edbf2e3a418fd4e2cb9..df429057ea3330cb33c624cea9ec804361f3775d 100644
--- a/resources/views/course.blade.php
+++ b/resources/views/course.blade.php
@@ -17,6 +17,13 @@
                 <span aria-hidden="true">&times;</span>
             </button>
         </div>
+    @elseif( request()->get('msg') == 3 )
+        <div class="alert alert-success alert-dismissible fade show" role="alert">
+            Materi Berhasil Dihapus
+            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                <span aria-hidden="true">&times;</span>
+            </button>
+        </div>
     @else
         <div class="alert alert-danger alert-dismissible fade show" role="alert">
             Pembuatan Materi Gagal
@@ -29,40 +36,61 @@
     <div class="row justify-content">
         <div class="col-md-8">
             <div class="card">
-                <div class="card-header">Topik Materi</div>
-                <div class="card-body">
-                    <div class="accordion-group" id="accordionTopics">
-                        @if( count($topics) == 0 )
-                            Tidak ada Materi
-                        @endif
-                        @foreach($topics as $index => $topic)
-                            <div class="card">
-                                <div class="card-header" id="heading<?php echo $topic->id; ?>">
-                                    <h6 class="mb-0">
-                                        <a data-toggle="collapse" aria-expanded="false" aria-controls="collapse<?php echo $topic->id; ?>">
-                                            <b>Materi {{ $index + 1 }}: {{ $topic->name }}</b>
-                                        </a>
-                                    </h6>
-                                </div>
-                                <div id="collapse<?php echo $topic->id; ?>" class="collapse show" aria-labelledby="heading<?php echo $topic->id; ?>" data-parent="#accordionTopics">
-                                    <div class="card-body">
-                                        {{ $topic->description }} <br/><br/>
-                                        @if(Auth::user()->role == 1)
-                                            <a href="<?php echo $topic->id_course; ?>/learn/<?php echo $topic->id; ?>/edit" class="btn btn-primary" role="button">Edit Materi</a>
-                                        @else
-                                            <a href="<?php echo $topic->id_course; ?>/learn/<?php echo $topic->id; ?>" class="btn btn-primary" role="button">Buka Materi</a>
-                                        @endif
-                                    </div>
+                <div class="card-header"><b>Topik Materi</b></div>
+                <div class="accordion-group" id="accordionTopics">
+                    @if( count($topics) == 0 )
+                        Tidak ada Materi
+                    @endif
+                    @foreach($topics as $index => $topic)
+                        <div class="card">
+                            <div class="card-header" id="heading<?php echo $topic->id; ?>">
+                                <h6 class="mb-0">
+                                    <a data-toggle="collapse" aria-expanded="false" aria-controls="collapse<?php echo $topic->id; ?>">
+                                        <b>Materi {{ $index + 1 }}: {{ $topic->name }}</b>
+                                    </a>
+                                </h6>
+                            </div>
+                            <div id="collapse<?php echo $topic->id; ?>" class="collapse show" aria-labelledby="heading<?php echo $topic->id; ?>" data-parent="#accordionTopics">
+                                <div class="card-body">
+                                    {{ $topic->description }} <br/><br/>
+                                    @if(Auth::user()->role == 1)
+                                        <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#deleteModal{{ $topic->id }}">
+                                                Hapus Materi
+                                        </button>
+                                        <a href="<?php echo $topic->id_course; ?>/learn/<?php echo $topic->id; ?>/edit" class="btn btn-primary" role="button">Edit Materi</a>
+                                        <div class="modal fade" id="deleteModal{{ $topic->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
+                                            <div class="modal-dialog modal-dialog-centered" role="document">
+                                                <div class="modal-content">
+                                                    <form action="{{ Request::url() }}/learn/{{ $topic->id }}/delete" method="post">
+                                                        {{ csrf_field() }}
+                                                        <div class="modal-header">
+                                                            <h5 class="modal-title" id="exampleModalCenterTitle">Hapus Materi</h5>
+                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                                            <span aria-hidden="true">&times;</span>
+                                                            </button>
+                                                        </div>
+                                                        <div class="modal-body">Apakah anda yakin menghapus materi <b>{{ $topic->name }}</b>?</div>
+                                                        <div class="modal-footer">
+                                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
+                                                            <button type="submit" class="btn btn-danger">Hapus Materi</button>
+                                                        </div>
+                                                    </form>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    @else
+                                        <a href="<?php echo $topic->id_course; ?>/learn/<?php echo $topic->id; ?>" class="btn btn-primary" role="button">Buka Materi</a>
+                                    @endif
                                 </div>
                             </div>
-                        @endforeach
-                    </div> 
-                </div>
+                        </div>
+                    @endforeach
+                </div> 
             </div>
             @if(Auth::user()->role == 1)
                 <br/>
                 <button style="float: right;" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
-                Tambah Materi
+                    Tambah Materi
                 </button>
                 <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                     <div class="modal-dialog modal-dialog-centered" role="document">
@@ -98,7 +126,7 @@
         <div class="col-md-4">
             @if(Auth::user()->role == 0)
                 <div class="card">
-                    <div class="card-header">Progress</div>
+                    <div class="card-header"><b>Progress</b></div>
                     <div class="card-body">
                         <table class="table table-hover">
                             <thead>
@@ -121,7 +149,7 @@
                 <br/>
             @endif
             <div class="card">
-                <div class="card-header">Peserta Kelas</div>
+                <div class="card-header"><b>Peserta Kelas</b></div>
                 <div class="card-body">
                     {{ $teacher }} (Pengajar) <br/>
                     @foreach($students as $student)
diff --git a/routes/web.php b/routes/web.php
index 2d450f6d71b1938cf030c9b16af3c86e20378c04..fc0eaef655b24979e6c5b3c5c7e60dd575456826 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -21,5 +21,6 @@ Route::post('/course/enroll', 'CourseController@enroll')->name('course/enroll');
 Route::post('/course/{id_course}/learn/new', 'LearnController@new')->name('learn/new');
 Route::get('/course/{id_course}/learn/{id_topic}', 'LearnController@index')->name('learn');
 Route::get('/course/{id_course}/learn/{id_topic}/edit', 'LearnController@edit')->name('edit');
+Route::post('/course/{id_course}/learn/{id_topic}/delete', 'LearnController@delete')->name('learn/delete');
 Route::post('/course/{id_course}/learn/{id_topic}/edit/save', 'LearnController@save')->name('edit/save');
 Route::post('/course/{id_course}/learn/{id_topic}/submit', 'AutograderController@index')->name('autograder');
\ No newline at end of file