<!DOCTYPE html>
<!-- 
Template Name:  SmartAdmin Responsive WebApp - Template build with Twitter Bootstrap 4
Version: 4.4.1
Author: Sunnyat Ahmmed
Website: http://gootbootstrap.com
Purchase: https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0
License: You must have a valid license purchased only from wrapbootstrap.com (link above) in order to legally use this theme for your project.
-->
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>
            IC Portal - Surveillance Form
        </title>
        <meta name="description" content="Page Titile">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
        <!-- Call App Mode on ios devices -->
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <!-- Remove Tap Highlight on Windows Phone IE -->
        <meta name="msapplication-tap-highlight" content="no">
        <!-- base css -->
        <link rel="stylesheet" media="screen, print" href="/assets/dist/css/vendors.bundle.css">
        <link rel="stylesheet" media="screen, print" href="/assets/dist/css/app.bundle.css">
        <!-- Place favicon.ico in the root directory -->
         <link id="mytheme" rel="stylesheet" href="/assets/dist/css/themes/cust-theme-3.css">
        <link rel="apple-touch-icon" sizes="180x180" href="/assets/dist/img/favicon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/assets/dist/img/favicon/favicon-32x32.png">
        <link rel="mask-icon" href="/assets/dist/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
         <link rel="stylesheet" media="screen, print" href="/assets/dist/css/datagrid/datatables/datatables.bundle.css">
        <link rel="stylesheet" media="screen, print" href="/assets/dist/css/statistics/chartist/chartist.css">
        <link rel="stylesheet" media="screen, print" href="/assets/dist/css/fa-brands.css">
        <link rel="stylesheet" media="screen, print" href="/assets/dist/css/fa-solid.css">
        <link rel="stylesheet" media="screen, print" href="/assets/dist/css/formplugins/bootstrap-daterangepicker/bootstrap-daterangepicker.css">
         <link rel="stylesheet" media="screen, print" href="/assets/dist/css/formplugins/select2/select2.bundle.css">
         <link rel="stylesheet" media="screen, print" href="/assets/dist/css/miscellaneous/reactions/reactions.css">
        <link rel="stylesheet" media="screen, print" href="/assets/dist/css/miscellaneous/fullcalendar/fullcalendar.bundle.css">
        <link rel="stylesheet" media="screen, print" href="/assets/dist/css/miscellaneous/jqvmap/jqvmap.bundle.css">
         <link rel="stylesheet" media="screen, print" href="/assets/dist/css/theme-demo.css">
        <!--<link rel="stylesheet" media="screen, print" href="css/your_styles.css">-->
        <link rel="stylesheet" media="screen, print" href="/assets/dist/css/datagrid/datatables/datatables.bundle.css">
    </head>
    <body class="mod-bg-1 ">
         <p id="js-color-profile" class="d-none">
                        <span class="color-primary-50"></span>
                        <span class="color-primary-100"></span>
                        <span class="color-primary-200"></span>
                        <span class="color-primary-300"></span>
                        <span class="color-primary-400"></span>
                        <span class="color-primary-500"></span>
                        <span class="color-primary-600"></span>
                        <span class="color-primary-700"></span>
                        <span class="color-primary-800"></span>
                        <span class="color-primary-900"></span>
                        <span class="color-info-50"></span>
                        <span class="color-info-100"></span>
                        <span class="color-info-200"></span>
                        <span class="color-info-300"></span>
                        <span class="color-info-400"></span>
                        <span class="color-info-500"></span>
                        <span class="color-info-600"></span>
                        <span class="color-info-700"></span>
                        <span class="color-info-800"></span>
                        <span class="color-info-900"></span>
                        <span class="color-danger-50"></span>
                        <span class="color-danger-100"></span>
                        <span class="color-danger-200"></span>
                        <span class="color-danger-300"></span>
                        <span class="color-danger-400"></span>
                        <span class="color-danger-500"></span>
                        <span class="color-danger-600"></span>
                        <span class="color-danger-700"></span>
                        <span class="color-danger-800"></span>
                        <span class="color-danger-900"></span>
                        <span class="color-warning-50"></span>
                        <span class="color-warning-100"></span>
                        <span class="color-warning-200"></span>
                        <span class="color-warning-300"></span>
                        <span class="color-warning-400"></span>
                        <span class="color-warning-500"></span>
                        <span class="color-warning-600"></span>
                        <span class="color-warning-700"></span>
                        <span class="color-warning-800"></span>
                        <span class="color-warning-900"></span>
                        <span class="color-success-50"></span>
                        <span class="color-success-100"></span>
                        <span class="color-success-200"></span>
                        <span class="color-success-300"></span>
                        <span class="color-success-400"></span>
                        <span class="color-success-500"></span>
                        <span class="color-success-600"></span>
                        <span class="color-success-700"></span>
                        <span class="color-success-800"></span>
                        <span class="color-success-900"></span>
                        <span class="color-fusion-50"></span>
                        <span class="color-fusion-100"></span>
                        <span class="color-fusion-200"></span>
                        <span class="color-fusion-300"></span>
                        <span class="color-fusion-400"></span>
                        <span class="color-fusion-500"></span>
                        <span class="color-fusion-600"></span>
                        <span class="color-fusion-700"></span>
                        <span class="color-fusion-800"></span>
                        <span class="color-fusion-900"></span>
                    </p>
        <!-- DOC: script to save and load page settings -->
        <script src="/assets/dist/js/vendors.bundle.js"> </script>
         <script>  var baseurl = "<?php echo base_url(); ?>"; </script>
        <script src="/assets/dist/js/vendors.bundle.js"></script>
        <script src="/assets/dist/js/app.bundle.js"></script>
        <script src="/assets/dist/js/statistics/chartist/chartist.js"></script>
        <script src="/assets/dist/js/statistics/chartjs/chartjs.bundle.js"></script>
         <script src="/assets/dist/js/dependency/moment/moment.js"></script>
        <script src="/assets/dist/js/formplugins/bootstrap-daterangepicker/bootstrap-daterangepicker.js"></script>  
        <script src="/assets/dist/js/formplugins/select2/select2.bundle.js"></script> 
        <script src="/assets/dist/js/dependency/moment/moment.js"></script>
        <script src="/assets/dist/js/miscellaneous/fullcalendar/fullcalendar.bundle.js"></script>
        <script src="/assets/dist/js/statistics/sparkline/sparkline.bundle.js"></script>
        <script src="/assets/dist/js/statistics/easypiechart/easypiechart.bundle.js"></script>
        <script src="/assets/dist/js/statistics/flot/flot.bundle.js"></script>
        <script src="/assets/dist/js/miscellaneous/jqvmap/jqvmap.bundle.js"></script>
        <script src="/assets/dist/js/holder.js"></script>
        <script src="/assets/dist/js/datagrid/datatables/datatables.bundle.js"></script> 
        <script src="/assets/dist/js/datagrid/datatables/datatables.export.js"></script>



        <script>
            /**
             *	This script should be placed right after the body tag for fast execution 
             *	Note: the script is written in pure javascript and does not depend on thirdparty library
             **/
            'use strict';

            var classHolder = document.getElementsByTagName("BODY")[0],
                /** 
                 * Load from localstorage
                 **/
                themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) :
                {},
                themeURL = themeSettings.themeURL || '',
                themeOptions = themeSettings.themeOptions || '';
            /** 
             * Load theme options
             **/
            if (themeSettings.themeOptions)
            {
                classHolder.className = themeSettings.themeOptions;
                console.log("%c✔ Theme settings loaded", "color: #148f32");
            }
            else
            {
                console.log("Heads up! Theme settings is empty or does not exist, loading default settings...");
            }
            if (themeSettings.themeURL && !document.getElementById('mytheme'))
            {
                var cssfile = document.createElement('link');
                cssfile.id = 'mytheme';
                cssfile.rel = 'stylesheet';
                cssfile.href = themeURL;
                document.getElementsByTagName('head')[0].appendChild(cssfile);
            }
            /** 
             * Save to localstorage 
             **/
            var saveSettings = function()
            {
                themeSettings.themeOptions = String(classHolder.className).split(/[^\w-]+/).filter(function(item)
                {
                    return /^(nav|header|mod|display)-/i.test(item);
                }).join(' ');
                if (document.getElementById('mytheme'))
                {
                    themeSettings.themeURL = document.getElementById('mytheme').getAttribute("href");
                };
                localStorage.setItem('themeSettings', JSON.stringify(themeSettings));
            }
            /** 
             * Reset settings
             **/
            var resetSettings = function()
            {
                localStorage.setItem("themeSettings", "");
            }

        </script>
       
        <!-- BEGIN Page Wrapper -->
        <div class="page-wrapper">
            <div class="page-inner">