Added graph and table to document

document_template.yml

@@ -1,11 +1,40 @@
 - segment_type: "h1"
-  content: "{{ document.organization.name }} - Risk Report"
+  content: "{{ document.organization.name }} - Risk Report "
 
-- segment_type: "body"
+- segment_type: "p"
   content: "Created at: {{ document.created_at|date:'Y-m-d' }}"
 
 - segment_type: "h2"
-  content: "Risks"
+  content: "Top 10 Risk Identified" 
+
+- segment_type: "table"
+  content: |
+    <table>
+      <tr>
+        <th>Risk ID</th>
+        <th>Risk Name</th>
+        <th>Inherent Impact </th>
+        <th>Interent Liklihood </th>
+        <th>Inherent Risk Score </th>
+        <th>Description of Risk </th>
+      </tr>
+      {% for item in risks_with_controls %}
+      <tr>
+        <td>{{ item.risk.id }}</td>
+        <td>{{ item.risk.name }}</td>
+        <td>{{ item.impact|floatformat:0 }}</td>
+        <td>{{ item.likelihood|floatformat:0 }}</td>
+        <td>{{ item.risk_score }}</td>
+        <td> - </td>
+      </tr>
+      {% endfor %}
+    </table>
+
+- segment_type: "image"
+  content: "data:image/png;base64,{{ graph }}"
+  
+- segment_type: "h2"
+  content: "Risks with Controls" 
 
 - segment_type: "body"
   content: |
@@ -22,4 +51,4 @@
         {% endfor %}
       </div>
     </div>
-    {% endfor %}
+    {% endfor %}