contract entity api

resources/js/user/pages/contracts/Table.vue

@@ -36,8 +36,9 @@
           <tr>
               <th>#</th>
               <th style="width: 25%">Details</th>
-              <th>Obligation Template</th>
+              <th>Obligation</th>
               <th>Contract Entity</th>
+              <th>Work Status</th>
               <th>Status</th>
               <th>Created</th>
               <th>Actions</th>
@@ -47,6 +48,7 @@
           <tr v-if="contract_list.data" v-for="(contract, $index) in contract_list.data" :key="$index">
             <td>{{ $index + 1 }}</td>
             <td>
+              <div><b>Hash ID</b>: {{ contract.hash_id }}</div>
               <div><b>Name</b>: {{ contract.name }}</div>
               <div><b>Complete Day Range</b>: {{ contract.complete_day_range }}</div>
             </td>
@@ -71,7 +73,10 @@
               </div>
             </td>
             <td>
-                <span :class="'badge badge-' + contract.status[0].color">{{ contract.status[0].name }}</span>
+              <span class="'badge badge-warning'">Haven't Complete</span>
+            </td>
+            <td>
+              <span :class="'badge badge-' + contract.status[0].color">{{ contract.status[0].name }}</span>
             </td>
             <td>
               {{ contract.created_at }}