diff --git a/resources/js/Pages/Document/Form.jsx b/resources/js/Pages/Document/Form.jsx
index 66b56ad..8412d73 100644
--- a/resources/js/Pages/Document/Form.jsx
+++ b/resources/js/Pages/Document/Form.jsx
@@ -29,6 +29,7 @@ export default function FormDocument(props) {
         document: null,
         document_name: '',
         status: 0,
+        reminder: ''
     });
 
     const inputDocument = useRef()
@@ -257,6 +258,20 @@ export default function FormDocument(props) {
                                 </select>
                                 <InputError message={errors.status}/>
                             </div>
+                            <div className='mt-4'>
+                                <InputLabel forInput="reminder" value="Reminder" />
+                                <div className="btn-group w-full">
+                                    <TextInput
+                                        type="text"
+                                        name="reminder"
+                                        value={data.reminder}
+                                        className="mt-1 block w-full"
+                                        autoComplete={"false"}
+                                        isError={errors.reminder}
+                                    />
+                                    <div className='btn btn-active w-1/6'>+</div>
+                                </div>
+                            </div>
                             <div className="flex items-center justify-between mt-4">
                                 <PrimaryButton processing={processing}>
                                     Simpan
diff --git a/resources/js/Pages/Document/Index.jsx b/resources/js/Pages/Document/Index.jsx
index b092db7..43ea105 100644
--- a/resources/js/Pages/Document/Index.jsx
+++ b/resources/js/Pages/Document/Index.jsx
@@ -96,11 +96,9 @@ export default function Document(props) {
                             <table className="table w-full table-zebra">
                                 <thead>
                                     <tr>
-                                        <th>No</th>
-                                        <th>No. Dokumen</th>
-                                        <th>Nama PIC</th>
                                         <th>Jenis</th>
-                                        <th>Deparment</th>
+                                        <th>Nama PIC</th>
+                                        <th>Tanggal Berakhir</th>
                                         <th>Status</th>
                                         <th></th>
                                     </tr>
@@ -108,11 +106,9 @@ export default function Document(props) {
                                 <tbody>
                                     {docs?.map((doc) => (
                                         <tr key={doc.id}>
-                                            <th>{doc.no}</th>
-                                            <td>{doc.no_doc}</td>
-                                            <td>{doc.pic_name}</td>
                                             <td>{doc.type.name}</td>
-                                            <td>{doc.department.name}</td>
+                                            <td>{doc.pic_name}</td>
+                                            <td>{doc.end_date}</td>
                                             <td><DocStatusItem status={doc.status}/></td>
                                             <td className='text-right'>
                                                 <div className="dropdown dropdown-left">