{"html_form": "\ufeff\n\n\n<style>\n  .back{\n    background-color: #e6e6e6;\n    padding: 10px;\n    border-radius: 10px;\n    }\n    .fontbold{\n      font-weight: bold;\n    }\n    .table>:not(caption)>*>* {\n    padding: 0rem 0rem;\n    }\n    .titlecolor{\n      color: #1079BB;\n    }\n    .bg-light{\n      background-color: #ebf4fa;\n    }\n    .modal-header {\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0em 0rem !important;\n    border-bottom: 1px solid #dee2e6;\n    border-top-left-radius: calc(0.3rem - 1px);\n    border-top-right-radius: calc(0.3rem - 1px);\n}\n.h5, h5 {\n    font-size: 1.15rem;\n}\n.navbar {\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 0rem !important;\n    padding-bottom: 0rem !important;\n}\n\n</style>\n<div class=\"modal-header\" style=\"background-color:#ebf4fa; color: #fff;\" >\n  \n  <h5 class=\"modal-title\" style=\"background-color:#ebf4fa;margin-left: 15px;\">Other service activities  Sector- 2025 workforce share Analytics<br />\n    <hr />\n    <nav id=\"navbar-example2\" class=\"navbar \"style=\"background-color:#ebf4fa;\"  >\n      <ul class=\"nav nav-pills\"  style=\"font-size: 14px;background-color:#ebf4fa; \">\n        <li class=\"nav-item\">\n          <a class=\"nav-link\" href=\"#overview\">Overview</a>\n        </li>\n        \n        <li class=\"nav-item\">\n          <a class=\"nav-link\" href=\"#educationlevels\">Skills requirements in the sector</a>\n        </li>\n        \n        \n        <li class=\"nav-item dropdown\">\n          <a class=\"nav-link dropdown-toggle\" data-bs-toggle=\"dropdown\" href=\"#\" role=\"button\" aria-expanded=\"false\">Largely Employing Occupations</a>\n          <ul class=\"dropdown-menu\">\n            \n            <li><a class=\"dropdown-item\" href=\"#occupation1\">Level 1</a></li>\n             \n            <!--  -->\n            \n            \n          </ul>\n        </li>\n        \n        \n        \n        <li class=\"nav-item\">\n          <a class=\"nav-link\" href=\"#employmentstatus\">Status in Employment</a>\n        </li>\n        \n        \n        <li class=\"nav-item\">\n          <a class=\"nav-link\" href=\"#formalinformal\">Formal or Informal</a>\n        </li>\n        \n        <li class=\"nav-item dropdown\">\n          <a class=\"nav-link dropdown-toggle\" data-bs-toggle=\"dropdown\" href=\"#\" role=\"button\" aria-expanded=\"false\">Periodic Trends(2017 - 2025)</a>\n          <ul class=\"dropdown-menu\">\n            \n            <li><a class=\"dropdown-item\" href=\"#outlook\">Sector Employment Outlook</a></li>\n            \n          </ul>\n        </li>\n\n          \n      </ul>\n    </nav></h5>\n  <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" style=\"margin-right: 10px;\"></button>\n</div>\n<div class=\"modal-body\" style=\"min-height: 450px;text-align: justify;\">\n \n  <div data-bs-spy=\"scroll\" data-bs-target=\"#navbar-example2\" data-bs-root-margin=\"0px 0px -40%\" data-bs-smooth-scroll=\"true\" class=\"scrollspy-example bg-light p-3 rounded-2\" tabindex=\"0\">\n    None\n    <div id=\"overview\">\n      <h5 class=\"titlecolor\">Overview</h5>\n            <div class=\"row\">\n              <div class=\"col-6 col-sm-6  col-md-4 mt-4\">\n                  <div class=\"d-flex flex-column justify-content-center align-items-center center back\">\n                    <i class=\"fa-solid fa-user-doctor\"></i>\n                      <div class=\"snapshot-title mt-3\">Total Employed</div>\n                      <div class=\"snapshot-data mt-3 fontbold\">159476</div>\n                  </div>\n              </div>\n\n            <div class=\"col-6 col-sm-6   col-md-4 mt-4\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center center back\">\n                  <i class=\"fa-solid fa-people-group\"></i>\n                    <div class=\"snapshot-title mt-3\">\n                       Male Employed\n                    </div>\n                    <div class=\"snapshot-data mt-3 fontbold\">78376</div>\n                </div>\n            </div>\n\n            <div class=\"col-6 col-sm-6   col-md-4 mt-4\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center center back\">\n                  <i class=\"fa-solid fa-people-group\"></i>\n                    <div class=\"snapshot-title mt-3\">\n                       Female Employed\n                    </div>\n                    <div class=\"snapshot-data mt-3 fontbold\">81101</div>\n                </div>\n            </div>\n\n            <div class=\"col-6 col-sm-6 col-md-4 mt-4\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center center back\" >\n                  <i class=\"fa-solid fa-gauge\"></i>\n                    <div class=\"snapshot-title mt-3\">\n                        Average Working Age\n                    </div>\n                    <div class=\"snapshot-data mt-3 fontbold\">33</div>\n                </div>\n            </div>\n\n            <div class=\"col-6 col-sm-6  col-md-4 mt-4\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center center back\">\n                  <i class=\"fa-solid fa-person-walking-dashed-line-arrow-right\"></i>\n                    <div class=\"snapshot-title mt-3\">\n                        Future Employment\n                    </div>\n                    <div class=\"snapshot-data mt-3 fontbold\"> N/A </div>\n                </div>\n            </div>\n\n            <div class=\"col-6 col-sm-6  col-md-4 mt-4\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center center back\">\n                  <i class=\"fa-solid fa-sack-dollar\"></i>\n                    <div class=\"snapshot-title mt-3 \">\n                        Average Wage/Salary\n                    </div>\n                    <div class=\"snapshot-data mt-3 fontbold\"> N/A </div>\n                </div>\n            </div>\n\n              \n            \n            </div>\n          \n          <p></p>\n      \n    </div>\n    \n    \n    \n    <div id=\"educationlevels\" style=\"margin-top:10px;\">\n      <h5 class=\"titlecolor\"> Skills requirements in the sector</h5>\n    \n      \n      <h5> Sector Employment Distribution by Education Levels</h5>\n     \n      <div style=\"position:relative;height:320px;\"><canvas id=\"educationlevelschart\"></canvas></div>\n      <table id=\"edlevel-tbl\" style=\"display:none\"><tbody><tr><td>Primary education</td><td>55.89</td></tr><tr><td>Lower secondary education</td><td>19.82</td></tr><tr><td>Upper secondary education</td><td>13.77</td></tr><tr><td>Tertiary education</td><td>5.3</td></tr><tr><td>None</td><td>5.13</td></tr><tr><td>Pre\\u002Dprimary</td><td>0.09</td></tr></tbody></table>\n     \n    \n      <h5 id=\"educationfields\">Sector Employment Distribution by Education Fields</h5>\n      \n      <div style=\"position:relative;height:320px;\"><canvas id=\"educationfieldschart\"></canvas></div>\n      <table id=\"edfield-tbl\" style=\"display:none\"><tbody><tr><td>SCIENCE</td><td>7.73</td></tr><tr><td>No education</td><td>5.13</td></tr><tr><td>SERVICES</td><td>0.92</td></tr><tr><td>EDUCATION</td><td>0.61</td></tr><tr><td>HEALTH AND WELFARE</td><td>0.33</td></tr><tr><td>AGRICULTURE</td><td>0.24</td></tr></tbody></table>\n      \n      </div>\n    \n    \n    <div id=\"occupation1\">\n      <h5 class=\"titlecolor\">Sector Employment Distribution by Level 1 Occupation</h5>\n      \n     \n      <div style=\"position:relative;height:320px;\"><canvas id=\"occupation1chart55\"></canvas></div>\n      <table id=\"occ1-tbl\" style=\"display:none\"><tbody><tr><td>Services and Sales Workers</td><td>35.43</td></tr><tr><td>Elementary Occupations</td><td>30.74</td></tr><tr><td>Craft and Related Trades Workers</td><td>24.2</td></tr><tr><td>Professionals</td><td>4.16</td></tr><tr><td>Technicians and Associate Professionals</td><td>2.82</td></tr><tr><td>Clerical Support Workers</td><td>1.36</td></tr><tr><td>Managers</td><td>0.93</td></tr><tr><td>Plant and Machine Operators and Assemblers</td><td>0.36</td></tr></tbody></table>\n    </div>\n    \n    \n    \n    \n    <div id=\"employmentstatus\" style=\"margin-top:10px;\">\n      <h5 class=\"titlecolor\">Sector Workforce Distribution by Status in Employment</h5>\n      \n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"d-flex align-items-start\">\n          <div class=\"nav flex-column nav-pills me-3\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\" style=\"float: left; text-align: left; background-color: #d6e8f3;\">\n            <button class=\"nav-link active\" id=\"v-pills-home-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-statusformalinfo\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-home\" aria-selected=\"true\" style=\"text-align: left;\">Distribution by  status in employment</button>\n            <button class=\"nav-link\" id=\"v-pills-profile-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formal-by-statusgenders\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-profile\" aria-selected=\"false\"style=\"text-align: left;\">Distribution by  status in employment(By Gender)</button>\n            <button class=\"nav-link\" id=\"v-pills-profile-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formal-by-statusagess\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-profile\" aria-selected=\"false\"style=\"text-align: left;\">Distribution by  status in employment(By Age Groups)</button>\n            <button class=\"nav-link\" id=\"v-pills-messages-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formal-by-statuslevels\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-messages\" aria-selected=\"false\"style=\"text-align: left;\">Distribution by  status in employment(By Education Levels)</button>\n            <button class=\"nav-link\" id=\"v-pills-settings-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formal-by-statusfields\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-settings\" aria-selected=\"false\"style=\"text-align: left;\">Distribution by  status in employment (By Education Fields)</button>\n          </div>\n          <div class=\"tab-content\" id=\"v-pills-tabContent\" style=\"flex:1; min-width:0;\">\n            <div class=\"tab-pane fade show active\" id=\"v-pills-statusformalinfo\" role=\"tabpanel\" aria-labelledby=\"v-pills-home-tab\">\n             <p>This presentation analyzes the distribution of genders among different employment statuses, such as employee within the sector</p>\n              <figure class=\"highcharts-figure\">\n                <div style=\"position:relative;height:350px;\"><canvas id=\"employmentstatuschart\"></canvas></div>\n              <table id=\"status-tbl\" style=\"display:none\"><tbody><tr><td>Employee</td><td>38.76</td></tr><tr><td>Contributing family worker</td><td>1.25</td></tr><tr><td>Member of cooperative</td><td>0.09</td></tr></tbody></table>\n            </figure>\n            </div>\n            <div class=\"tab-pane fade\" id=\"v-pills-formal-by-statusgenders\" role=\"tabpanel\" aria-labelledby=\"v-pills-profile-tab\">\n              <div style=\"position:relative;height:350px;\"><canvas id=\"statusinformalgender\"></canvas></div>\n            </div>\n            <div class=\"tab-pane fade\" id=\"v-pills-formal-by-statusagess\" role=\"tabpanel\" aria-labelledby=\"v-pills-profile-tab\">\n              <div style=\"position:relative;height:350px;\"><canvas id=\"statusinformalages\"></canvas></div>\n            </div>\n            <div class=\"tab-pane fade\" id=\"v-pills-formal-by-statuslevels\" role=\"tabpanel\" aria-labelledby=\"v-pills-messages-tab\">\n             <h5 class=\"titlecolor\">Distribution by status in employment(By Education Levels)</h5>\n              <p>This presentation analyzes the distribution of education levels among different employment statuses, such as employee within the sector. By examining this categorization, stakeholders gain insights into the skill composition of the workforce within various sectors, informing targeted workforce development initiatives and educational policies.</p>\n              <!-- <div id=\"correctchart\"></div> -->\n             <table class=\"table\">\n              <thead>\n                  <tr>\n                      <th>Education Level</th> <!-- Empty cell for alignment -->\n                      \n                      <th style=\"font-size: 11px;\">Employer (with regular employees)</th>\n                      \n                      <th style=\"font-size: 11px;\">Employee</th>\n                      \n                      <th style=\"font-size: 11px;\">Other (please specify)??????.</th>\n                      \n                      <th style=\"font-size: 11px;\">Member of cooperative</th>\n                      \n                      <th style=\"font-size: 11px;\">Contributing family worker</th>\n                      \n                      <th style=\"font-size: 11px;\">Paid apprentice/Intern</th>\n                      \n                      <th style=\"font-size: 11px;\">Own account worker( without regular employees)</th>\n                      \n                      <th style=\"font-size: 11px;\">Private</th>\n                      \n                  </tr>\n              </thead>\n              <tbody>\n                  \n                  <tr>\n                      <td>University</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>None</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>5.5</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>100.0</td>\n                      \n                      <td>5.57</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>Primary education</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>50.77</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>44.36</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>Pre-primary</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>Tertiary education</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>8.91</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>18.02</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>Lower secondary education</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>18.17</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>15.78</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>Upper secondary education</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>16.64</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>16.26</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n              </tbody>\n          </table>\n          \n\n              \n            </div>\n            <div class=\"tab-pane fade\" id=\"v-pills-formal-by-statusfields\" role=\"tabpanel\" aria-labelledby=\"v-pills-settings-tab\">\n              <h5 class=\"titlecolor\">Distribution by status in employment(By Education Fields(Ratios))</h5>\n              <p>This presentation analyzes the distribution of education fields (ratios) among different employment statuses, such as employee within the sector. </p>\n              <!-- <div id=\"correctchart\"></div> -->\n             <table class=\"table\">\n              <thead>\n                  <tr>\n                      <th>Education Field</th> <!-- Empty cell for alignment -->\n                      \n                      <th style=\"font-size: 11px;\">Employer (with regular employees)</th>\n                      \n                      <th style=\"font-size: 11px;\">Employee</th>\n                      \n                      <th style=\"font-size: 11px;\">Other (please specify)??????.</th>\n                      \n                      <th style=\"font-size: 11px;\">Member of cooperative</th>\n                      \n                      <th style=\"font-size: 11px;\">Contributing family worker</th>\n                      \n                      <th style=\"font-size: 11px;\">Paid apprentice/Intern</th>\n                      \n                      <th style=\"font-size: 11px;\">Own account worker( without regular employees)</th>\n                      \n                      <th style=\"font-size: 11px;\">Private</th>\n                      \n                  </tr>\n              </thead>\n              <tbody>\n                  \n                  <tr>\n                      <td>No education</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>5.5</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>100.0</td>\n                      \n                      <td>5.57</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>6</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>SERVICES</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.93</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>3</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>ENGINEERING,MANUFACTURING AND CONSTRUCTION</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>0.0</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>5.0</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>0</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>Not known or unspecified </td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>SOCIAL SCIENCES,BUSINESS AND LAW</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>1</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>1.0</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>EDUCATION</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>1.58</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>8</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>5</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>6.0</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>HEALTH AND WELFARE</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.17</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>10.0</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>2.0</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>2</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>10</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>7</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>7.0</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>4</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>3.0</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>AGRICULTURE</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.23</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>SCIENCE</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>8.91</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>8.0</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>4.0</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>HUMANITIES AND ARTS</td> <!-- Assuming level name should be displayed in the first column -->\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                      <td>0.0</td>\n                      \n                  </tr>\n                  \n              </tbody>\n          </table>\n\n            \n              \n              \n\n              \n              \n              \n            \n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    </div>\n    \n    \n    \n    <div id=\"formalinformal\">\n      <div class=\"row\">\n        <div class=\"col-md-12\">\n      <h5 class=\"titlecolor\">Sector Workforce distribution by formal/informal employment (indd01 and IEV2)</h5>\n          <p>This  provides a detailed insight into the dynamic landscape of employment across the sector, distinguishing between formal and informal employments distribution. Delving deeper, you can explore employment  categorized by gender, education fields, and levels.</p>\n      <div class=\"d-flex align-items-start\">\n        <div class=\"nav flex-column nav-pills me-3\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\" style=\"float: left; text-align: left; background-color: #d6e8f3;\">\n          <button class=\"nav-link active\" id=\"v-pills-home-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formalinfo\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-home\" aria-selected=\"true\" style=\"text-align: left;\">Formal/Informal Status</button>\n          <button class=\"nav-link\" id=\"v-pills-profile-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formal-by-genders\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-profile\" aria-selected=\"false\"style=\"text-align: left;\">Formal/Informal Status(By Gender)</button>\n          <button class=\"nav-link\" id=\"v-pills-messages-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formal-by-levels\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-messages\" aria-selected=\"false\"style=\"text-align: left;\">Formal/Informal Status(Buy Education Levels)</button>\n          <button class=\"nav-link\" id=\"v-pills-settings-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formal-by-fields\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-settings\" aria-selected=\"false\"style=\"text-align: left;\">Formal/Informal Status (By Education Fields)</button>\n        </div>\n        <div class=\"tab-content\" id=\"v-pills-tabContent\" style=\"flex:1; min-width:0;\">\n          <div class=\"tab-pane fade show active\" id=\"v-pills-formalinfo\" role=\"tabpanel\" aria-labelledby=\"v-pills-home-tab\">\n            <figure class=\"highcharts-figure\">\n              <div style=\"position:relative;height:350px;\"><canvas id=\"formalinformchart\"></canvas></div>\n              <table id=\"formal-tbl\" style=\"display:none\"><tbody><tr><td>Informal employment</td><td>95.23</td></tr><tr><td>Formal employment</td><td>4.49</td></tr><tr><td>Don\\u0027t know</td><td>0.29</td></tr></tbody></table>\n          </figure>\n          </div>\n          <div class=\"tab-pane fade\" id=\"v-pills-formal-by-genders\" role=\"tabpanel\" aria-labelledby=\"v-pills-profile-tab\">\n            <div style=\"position:relative;height:350px;\"><canvas id=\"informalgender\"></canvas></div>\n          </div>\n          <div class=\"tab-pane fade\" id=\"v-pills-formal-by-levels\" role=\"tabpanel\" aria-labelledby=\"v-pills-messages-tab\">\n            <table  class=\"table example17 table-stripped col-12\">\n              <thead>\n                  <tr>\n                      <th>Education Levels</th>\n                      \n                          <th>Informal </th>\n                          <th>Formal </th>\n                          <th>Don't Know </th>\n                     \n                  </tr>\n              </thead>\n              <tbody>\n                  \n                      <tr>\n                          <td>Upper secondary education</td>\n                          \n                              <td>40.07</td>\n                          \n                              <td>19.34</td>\n                          \n                              <td>13.43</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>Primary education</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>9.18</td>\n                          \n                              <td>58.26</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>None</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>4.66</td>\n                          \n                              <td>5.16</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>Tertiary education</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>60.93</td>\n                          \n                              <td>2.7</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>Lower secondary education</td>\n                          \n                              <td>59.93</td>\n                          \n                              <td>5.88</td>\n                          \n                              <td>20.36</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>University</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>Pre-primary</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.09</td>\n                          \n                      </tr>\n                  \n              </tbody>\n          </table>\n          </div>\n          <div class=\"tab-pane fade\" id=\"v-pills-formal-by-fields\" role=\"tabpanel\" aria-labelledby=\"v-pills-settings-tab\">\n            <table  class=\"table example17 col-12 table-stripped\">\n              <thead>\n                  <tr>\n                      <th>Education Field</th>\n                      \n                          <th>Informal </th>\n                          <th>Formal </th>\n                          <th>Don't Know </th>\n                     \n                  </tr>\n              </thead>\n              <tbody>\n                  \n                      <tr>\n                          <td>0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>SCIENCE</td>\n                          \n                              <td>7.42</td>\n                          \n                              <td>14.8</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>3</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>2.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>2</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>HEALTH AND WELFARE</td>\n                          \n                              <td>0.26</td>\n                          \n                              <td>1.73</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>HUMANITIES AND ARTS</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>4</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>1.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>3.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>AGRICULTURE</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.25</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>10.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>5</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>EDUCATION</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>5.42</td>\n                          \n                              <td>0.39</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>ENGINEERING,MANUFACTURING AND CONSTRUCTION</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>8.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>7.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>Not known or unspecified </td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>SOCIAL SCIENCES,BUSINESS AND LAW</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>7</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>8</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>10</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>1</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>5.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>6.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>4.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>6</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>SERVICES</td>\n                          \n                              <td>0.0</td>\n                          \n                              <td>4.07</td>\n                          \n                              <td>0.78</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>No education</td>\n                          \n                              <td>5.16</td>\n                          \n                              <td>4.66</td>\n                          \n                              <td>0.0</td>\n                          \n                      </tr>\n                  \n              </tbody>\n          </table>\n          \n          </div>\n        </div>\n      </div>\n      </div>\n      </div>\n    </div>\n    \n\n    <div id=\"outlook\">\n      <h5 class=\"titlecolor\">Sector employment outlook (2017 - 2025)</h5>\n      \n      <div style=\"position:relative;height:380px;\"><canvas id=\"outlooktrendnew\"></canvas></div> \n    </div>\n \n    <div class=\"d-flex align-items-center gap-3 mb-2 flex-wrap\">\n      <h5 class=\"titlecolor mb-0\">Sector entreprises distribution analysis</h5>\n      \n      <div class=\"d-flex align-items-center gap-2\">\n        <label class=\"mb-0 text-muted small\">Survey year:</label>\n        <select id=\"est-year-select\" class=\"form-select form-select-sm w-auto\">\n          \n            <option value=\"ef7b21e3533840f78e2c6bf7ed7d3dd9\" selected>2023</option>\n          \n            <option value=\"f4cb881318e74b189bea9b055891937d\" >2020</option>\n          \n            <option value=\"7bbc67e50dba49a6a0c2f1d4349a03b4\" >2017</option>\n          \n        </select>\n      </div>\n      \n    </div>\n    The recent establishment survey was conducted in (2023)\n    \n    <script>\n    $('#modal-counties #est-year-select').off('change.estyr').on('change.estyr', function() {\n      var estYearId = $(this).val();\n      var url = '/explore_sector_analytics/bcb80934-3c8e-42f6-8f3b-defafa83862b/334bd665-d672-4021-96aa-bc4b587d3151/?est_year_id=' + estYearId;\n      var $container = $('#modal-counties .modal-content');\n      $container.html('<div style=\"text-align:center;padding:40px\"><img src=\"https://i.gifer.com/DzUd.gif\" style=\"width:80px\" alt=\"loading\"><p>Loading...</p></div>');\n      $.getJSON(url, function(data) {\n        $container.html(data.html_form);\n      }).fail(function() {\n        $container.html('<p class=\"text-danger p-3\">Failed to reload establishment data.</p>');\n      });\n    });\n    </script>\n    <div id=\"est1\">\n      <h5 class=\"titlecolor\"> Sector entreprises  distributions by working status -(Year: 2023)</h5>\n      \n      <ul class=\"nav nav-tabs\" id=\"myTab1\" role=\"tablist\">\n        <li class=\"nav-item\" role=\"presentation\">\n          <button class=\"nav-link active\" id=\"home-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#ested1\" type=\"button\" role=\"tab\" aria-controls=\"home\" aria-selected=\"true\">Chart </button>\n        </li>\n        <li class=\"nav-item\" role=\"presentation\">\n          <button class=\"nav-link\" id=\"profile-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#estec1\" type=\"button\" role=\"tab\" aria-controls=\"profile\" aria-selected=\"false\">Tabular</button>\n        </li>\n      </ul>\n      <div class=\"tab-content\" id=\"myTabContent1\">\n        <div class=\"tab-pane fade show active\" id=\"ested1\" role=\"tabpanel\" aria-labelledby=\"home-tab\">\n          <!--   \n          ['1. Working', 22759.0],\n            \n          ['2. Closed Temporarily', 190.0],\n           -->\n          <div style=\"position:relative;height:320px;\">\n            <canvas id=\"workings\"></canvas>\n          </div>\n        \n        </div>\n        <div class=\"tab-pane fade\" id=\"estec1\" role=\"tabpanel\" aria-labelledby=\"profile-tab\">\n          <table\n            id=\"pgdsitemsdatatable\"\n            class=\"example table table-striped table-bordered\"\n            cellspacing=\"0\"\n            width=\"100%\"\n          >\n            <thead>\n              <tr>\n                <th>Variable</th>\n                <th>Total</th>\n                <th>Percentage</th>\n              </tr>\n            </thead>\n            <tbody>\n              \n              <tr>\n                <td>1. Working</td>\n                <td>22759.0</td>\n                <td>99.17</td>\n              </tr>\n\n              \n              <tr>\n                <td>2. Closed Temporarily</td>\n                <td>190.0</td>\n                <td>0.83</td>\n              </tr>\n\n              \n            </tbody>\n          </table>\n        </div>\n      </div>\n    </div>\n    <div id=\"est2\">\n      <h5 class=\"titlecolor\">Sector entreprises distributions by managers sex -(Year: 2023)</h5>\n      \n      <ul class=\"nav nav-tabs\" id=\"myTab2\" role=\"tablist\">\n        <li class=\"nav-item\" role=\"presentation\">\n          <button class=\"nav-link active\" id=\"home-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#ested2\" type=\"button\" role=\"tab\" aria-controls=\"home\" aria-selected=\"true\">Chart </button>\n        </li>\n        <li class=\"nav-item\" role=\"presentation\">\n          <button class=\"nav-link\" id=\"profile-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#estec2\" type=\"button\" role=\"tab\" aria-controls=\"profile\" aria-selected=\"false\">Tabular</button>\n        </li>\n      </ul>\n      <div class=\"tab-content\" id=\"myTabContent2\">\n        <div class=\"tab-pane fade show active\" id=\"ested2\" role=\"tabpanel\" aria-labelledby=\"home-tab\">\n          <div style=\"position:relative;height:320px;\">\n            <canvas id=\"sexes\"></canvas>\n          </div>\n        </div>\n        <div class=\"tab-pane fade\" id=\"estec2\" role=\"tabpanel\" aria-labelledby=\"profile-tab\">\n          <table\n          id=\"sexestable\"\n          class=\"example table table-striped table-bordered\"\n          cellspacing=\"0\"\n          width=\"100%\"\n          >\n          <thead>\n              <tr>\n              <th>Variable</th>\n              <th>Total</th>\n              <th>Percentage</th>\n              </tr>\n          </thead>\n          <tbody>\n              \n              <tr>\n              <td>1-Male</td>\n              <td>16432.0</td>\n              <td>71.6</td>\n              </tr>\n\n              \n              <tr>\n              <td>2-Female</td>\n              <td>6517.0</td>\n              <td>28.4</td>\n              </tr>\n\n              \n          </tbody>\n          </table>\n        </div>\n      </div>\n    </div>\n    <div id=\"est3\">\n      <h5 class=\"titlecolor\">Sector entreprises Distributions by institution sector -(Year: 2023)</h5>\n      \n      <ul class=\"nav nav-tabs\" id=\"myTab3\" role=\"tablist\">\n        <li class=\"nav-item\" role=\"presentation\">\n          <button class=\"nav-link active\" id=\"home-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#ested3\" type=\"button\" role=\"tab\" aria-controls=\"home\" aria-selected=\"true\">Chart </button>\n        </li>\n        <li class=\"nav-item\" role=\"presentation\">\n          <button class=\"nav-link\" id=\"profile-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#estec3\" type=\"button\" role=\"tab\" aria-controls=\"profile\" aria-selected=\"false\">Tabular</button>\n        </li>\n      </ul>\n      <div class=\"tab-content\" id=\"myTabContent3\">\n        <div class=\"tab-pane fade show active\" id=\"ested3\" role=\"tabpanel\" aria-labelledby=\"home-tab\">\n          <div style=\"position:relative;height:320px;\">\n            <canvas id=\"ages\"></canvas>\n          </div>\n        </div>\n        <div class=\"tab-pane fade\" id=\"estec3\" role=\"tabpanel\" aria-labelledby=\"profile-tab\">\n          <table\n          id=\"agestable\"\n          class=\"example table table-striped table-bordered\"\n          cellspacing=\"0\"\n          width=\"100%\"\n          >\n          <thead>\n              <tr>\n              <th>Variable</th>\n              <th>Total</th>\n              <th>Percentage</th>\n              </tr>\n          </thead>\n          <tbody>\n              \n              <tr>\n              <td>1. Private sector</td>\n              <td>20954.0</td>\n              <td>91.31</td>\n              </tr>\n\n              \n              <tr>\n              <td>5. NGO (Rwanda)</td>\n              <td>1267.0</td>\n              <td>5.52</td>\n              </tr>\n\n              \n              <tr>\n              <td>2. Cooperative</td>\n              <td>388.0</td>\n              <td>1.69</td>\n              </tr>\n\n              \n              <tr>\n              <td>6. NGO(International)</td>\n              <td>206.0</td>\n              <td>0.9</td>\n              </tr>\n\n              \n              <tr>\n              <td>4. Public Private Partnership</td>\n              <td>92.0</td>\n              <td>0.4</td>\n              </tr>\n\n              \n              <tr>\n              <td>3. Public sector</td>\n              <td>42.0</td>\n              <td>0.18</td>\n              </tr>\n\n              \n          </tbody>\n          </table>\n        </div>\n      </div>\n    </div>\n    <div id=\"est5\">\n      <h5 class=\"titlecolor\">Sector entreprises distributions by legal status -(Year: 2023)</h5>\n      \n      <ul class=\"nav nav-tabs\" id=\"myTab5\" role=\"tablist\">\n        <li class=\"nav-item\" role=\"presentation\">\n          <button class=\"nav-link active\" id=\"home-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#ested5\" type=\"button\" role=\"tab\" aria-controls=\"home\" aria-selected=\"true\">Chart </button>\n        </li>\n        <li class=\"nav-item\" role=\"presentation\">\n          <button class=\"nav-link\" id=\"profile-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#estec5\" type=\"button\" role=\"tab\" aria-controls=\"profile\" aria-selected=\"false\">Tabular</button>\n        </li>\n      </ul>\n      <div class=\"tab-content\" id=\"myTabContent5\">\n        <div class=\"tab-pane fade show active\" id=\"ested5\" role=\"tabpanel\" aria-labelledby=\"home-tab\">\n          <div style=\"position:relative;height:320px;\">\n            <canvas id=\"legal\"></canvas>\n          </div>\n        </div>\n        <div class=\"tab-pane fade\" id=\"estec5\" role=\"tabpanel\" aria-labelledby=\"profile-tab\">\n          <table\n          id=\"legaltable\"\n          class=\"example table table-striped table-bordered\"\n          cellspacing=\"0\"\n          width=\"100%\"\n          >\n          <thead>\n              <tr>\n              <th>Variable</th>\n              <th>Total</th>\n              <th>Percentage</th>\n              </tr>\n          </thead>\n          <tbody>\n              \n              <tr>\n              <td>1. Sole proprietorship</td>\n              <td>19414.0</td>\n              <td>84.6</td>\n              </tr>\n\n              \n              <tr>\n              <td>6. None</td>\n              <td>1221.0</td>\n              <td>5.32</td>\n              </tr>\n\n              \n              <tr>\n              <td>2. Limited by shares</td>\n              <td>667.0</td>\n              <td>2.91</td>\n              </tr>\n\n              \n              <tr>\n              <td>5. Unlimited</td>\n              <td>142.0</td>\n              <td>0.62</td>\n              </tr>\n\n              \n              <tr>\n              <td>3. Limited by guarantee</td>\n              <td>19.0</td>\n              <td>0.08</td>\n              </tr>\n\n              \n              <tr>\n              <td>4. Limited by shares and by guarantee</td>\n              <td>13.0</td>\n              <td>0.06</td>\n              </tr>\n\n              \n          </tbody>\n          </table>\n        </div>\n      </div>\n    </div>\n    <div id=\"est6\">\n      <h5 class=\"titlecolor\">Sector entreprises distributions by owners' nationality -(Year: 2023)</h5>\n      \n      <ul class=\"nav nav-tabs\" id=\"myTab6\" role=\"tablist\">\n        <li class=\"nav-item\" role=\"presentation\">\n          <button class=\"nav-link active\" id=\"home-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#ested6\" type=\"button\" role=\"tab\" aria-controls=\"home\" aria-selected=\"true\">Chart </button>\n        </li>\n        <li class=\"nav-item\" role=\"presentation\">\n          <button class=\"nav-link\" id=\"profile-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#estec6\" type=\"button\" role=\"tab\" aria-controls=\"profile\" aria-selected=\"false\">Tabular</button>\n        </li>\n      </ul>\n      <div class=\"tab-content\" id=\"myTabContent6\">\n        <div class=\"tab-pane fade show active\" id=\"ested6\" role=\"tabpanel\" aria-labelledby=\"home-tab\">\n          <div style=\"position:relative;height:320px;\">\n            <canvas id=\"nationality\"></canvas>\n          </div>\n        </div>\n        <div class=\"tab-pane fade\" id=\"estec6\" role=\"tabpanel\" aria-labelledby=\"profile-tab\">\n          <table\n            id=\"nationalitytable\"\n            class=\"example table table-striped table-bordered\"\n            cellspacing=\"0\"\n            width=\"100%\"\n            >\n            <thead>\n                <tr>\n                <th>Variable</th>\n                <th>Total</th>\n                <th>Percentage</th>\n                </tr>\n            </thead>\n            <tbody>\n                \n                <tr>\n                <td>Rwandan</td>\n                <td>21144.0</td>\n                <td>92.13</td>\n                </tr>\n\n                \n                <tr>\n                <td>East African Community</td>\n                <td>138.0</td>\n                <td>0.6</td>\n                </tr>\n\n                \n                <tr>\n                <td>Other African countries</td>\n                <td>46.0</td>\n                <td>0.2</td>\n                </tr>\n\n                \n                <tr>\n                <td>Asia</td>\n                <td>19.0</td>\n                <td>0.08</td>\n                </tr>\n\n                \n                <tr>\n                <td>Europe</td>\n                <td>7.0</td>\n                <td>0.03</td>\n                </tr>\n\n                \n                <tr>\n                <td>Joint (Rwandan + Other African countries)</td>\n                <td>6.0</td>\n                <td>0.03</td>\n                </tr>\n\n                \n                <tr>\n                <td>Joint (Rwandan + EAC)</td>\n                <td>5.0</td>\n                <td>0.02</td>\n                </tr>\n\n                \n                <tr>\n                <td>Joint (Rwandan + Other rest of world)</td>\n                <td>3.0</td>\n                <td>0.01</td>\n                </tr>\n\n                \n                <tr>\n                <td>America</td>\n                <td>1.0</td>\n                <td>0.0</td>\n                </tr>\n\n                \n                <tr>\n                <td>Joint (more than one non Rwandan)</td>\n                <td>1.0</td>\n                <td>0.0</td>\n                </tr>\n\n                \n            </tbody>\n            </table>\n        </div>\n      </div>\n    </div>\n    <div id=\"est8\">\n        <h5 class=\"titlecolor\">Sector entreprises distributions by turnover -(Year: 2023)</h5>\n        \n        <ul class=\"nav nav-tabs\" id=\"myTab8\" role=\"tablist\">\n          <li class=\"nav-item\" role=\"presentation\">\n            <button class=\"nav-link active\" id=\"home-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#ested8\" type=\"button\" role=\"tab\" aria-controls=\"home\" aria-selected=\"true\">Chart </button>\n          </li>\n          <li class=\"nav-item\" role=\"presentation\">\n            <button class=\"nav-link\" id=\"profile-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#estec8\" type=\"button\" role=\"tab\" aria-controls=\"profile\" aria-selected=\"false\">Tabular</button>\n          </li>\n        </ul>\n        <div class=\"tab-content\" id=\"myTabContent8\">\n          <div class=\"tab-pane fade show active\" id=\"ested8\" role=\"tabpanel\" aria-labelledby=\"home-tab\">\n            <div style=\"position:relative;height:320px;\">\n              <canvas id=\"turnovers\"></canvas>\n            </div>\n          </div>\n          <div class=\"tab-pane fade\" id=\"estec8\" role=\"tabpanel\" aria-labelledby=\"profile-tab\">\n            <table\n              id=\"turnoverstable\"\n              class=\"example table table-striped table-bordered\"\n              cellspacing=\"0\"\n              width=\"100%\"\n              >\n              <thead>\n                  <tr>\n                  <th>Variable</th>\n                  <th>Total</th>\n                  <th>Percentage</th>\n                  </tr>\n              </thead>\n              <tbody>\n                  \n                  <tr>\n                  <td>Less than 300.000</td>\n                  <td>11012.0</td>\n                  <td>47.98</td>\n                  </tr>\n  \n                  \n                  <tr>\n                  <td>300.000 - &lt;12.000.000</td>\n                  <td>9515.0</td>\n                  <td>41.46</td>\n                  </tr>\n  \n                  \n                  <tr>\n                  <td>12 million - &lt;20 million</td>\n                  <td>197.0</td>\n                  <td>0.86</td>\n                  </tr>\n  \n                  \n                  <tr>\n                  <td>20 million - &lt; 50 million</td>\n                  <td>85.0</td>\n                  <td>0.37</td>\n                  </tr>\n  \n                  \n                  <tr>\n                  <td>50 million - &lt; 400 million</td>\n                  <td>45.0</td>\n                  <td>0.2</td>\n                  </tr>\n  \n                  \n                  <tr>\n                  <td>400 million - &lt; 1billion</td>\n                  <td>13.0</td>\n                  <td>0.06</td>\n                  </tr>\n  \n                  \n                  <tr>\n                  <td>Above 1 billion</td>\n                  <td>5.0</td>\n                  <td>0.02</td>\n                  </tr>\n  \n                  \n              </tbody>\n              </table>\n          </div>\n        </div>\n      </div>\n      <div id=\"est9\">\n        <h5 class=\"titlecolor\">Sector entreprises distributions by  sizes -(Year: 2023)</h5>\n        \n        <ul class=\"nav nav-tabs\" id=\"myTab9\" role=\"tablist\">\n          <li class=\"nav-item\" role=\"presentation\">\n            <button class=\"nav-link active\" id=\"home-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#ested9\" type=\"button\" role=\"tab\" aria-controls=\"home\" aria-selected=\"true\">Chart</button>\n          </li>\n          <li class=\"nav-item\" role=\"presentation\">\n            <button class=\"nav-link\" id=\"profile-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#estec9\" type=\"button\" role=\"tab\" aria-controls=\"profile\" aria-selected=\"false\">Tabular</button>\n          </li>\n        </ul>\n        <div class=\"tab-content\" id=\"myTabContent9\">\n          <div class=\"tab-pane fade show active\" id=\"ested9\" role=\"tabpanel\" aria-labelledby=\"home-tab\">\n            <div style=\"position:relative;height:320px;\">\n              <canvas id=\"sizes\"></canvas>\n            </div>\n\n          </div>\n          <div class=\"tab-pane fade\" id=\"estec9\" role=\"tabpanel\" aria-labelledby=\"profile-tab\">\n            <table\n            id=\"sizestable\"\n            class=\"example table table-striped table-bordered\"\n            cellspacing=\"0\"\n            width=\"100%\"\n            >\n            <thead>\n                <tr>\n                <th>Variable</th>\n                <th>Total</th>\n                <th>Percentage</th>\n                </tr>\n            </thead>\n            <tbody>\n                \n                <tr>\n                <td>Large(100+)</td>\n                <td>42.0</td>\n                <td>0.18</td>\n                </tr>\n  \n                \n                <tr>\n                <td>Medium(31-100)</td>\n                <td>150.0</td>\n                <td>0.65</td>\n                </tr>\n  \n                \n                <tr>\n                <td>Micro(1-3)</td>\n                <td>19813.0</td>\n                <td>86.33</td>\n                </tr>\n  \n                \n                <tr>\n                <td>Small(4-30)</td>\n                <td>2944.0</td>\n                <td>12.83</td>\n                </tr>\n  \n                \n            </tbody>\n            </table>\n  \n          </div>\n        </div>\n      </div>\n      <div id=\"est10\">\n        <h5 class=\"titlecolor\">Sector entreprises distributions by  formal/informal status -(Year: 2023)</h5>\n        \n        <ul class=\"nav nav-tabs\" id=\"myTab10\" role=\"tablist\">\n          <li class=\"nav-item\" role=\"presentation\">\n            <button class=\"nav-link active\" id=\"home-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#ested10\" type=\"button\" role=\"tab\" aria-controls=\"home\" aria-selected=\"true\">Chart </button>\n          </li>\n          <li class=\"nav-item\" role=\"presentation\">\n            <button class=\"nav-link\" id=\"profile-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#estec10\" type=\"button\" role=\"tab\" aria-controls=\"profile\" aria-selected=\"false\">Tabular</button>\n          </li>\n        </ul>\n        <div class=\"tab-content\" id=\"myTabContent10\">\n          <div class=\"tab-pane fade show active\" id=\"ested10\" role=\"tabpanel\" aria-labelledby=\"home-tab\">\n            <div style=\"position:relative;height:320px;\">\n              <canvas id=\"fis\"></canvas>\n            </div>\n          </div>\n          <div class=\"tab-pane fade\" id=\"estec10\" role=\"tabpanel\" aria-labelledby=\"profile-tab\">\n            <table\n            id=\"fistable\"\n            class=\"example1 table table-striped table-bordered\"\n            cellspacing=\"0\"\n            width=\"100%\"\n            >\n            <thead>\n                <tr>\n                <th>Variable</th>\n                <th>Total</th>\n                <th>Percentage</th>\n                </tr>\n            </thead>\n            <tbody>\n                \n                <tr>\n                <td>Formal</td>\n                <td>2233.0</td>\n                <td>9.73</td>\n                </tr>\n  \n                \n                <tr>\n                <td>Informal</td>\n                <td>20716.0</td>\n                <td>90.27</td>\n                </tr>\n  \n                \n            </tbody>\n            </table>\n          </div>\n        </div>\n        </div>\n        \n    </div>\n    \n\n    <!--  -->\n  </div>\n</div>\n<div class=\"modal-footer\">\n  <button id='closeModal' type=\"button\" class=\"btn btn-danger\" data-bs-dismiss=\"modal\">Close</button>\n</div>\n<script>\n/* \u2500\u2500 Sector-analytics JS variables (home-page pattern) \u2500\u2500 */\nvar SEC_AGE_CATS = ['Employer (with regular employees)','Employee','Other (please specify)??????.','Member of cooperative','Contributing family worker','Paid apprentice/Intern','Own account worker( without regular employees)','Private',];\nvar SEC_AGE_SER  = [{ name: '25\\u002D34 yrs', data: [0.0,32.42,0.0,0.0,39.99,0.0,0.0,0.0,] },{ name: '65+ yrs', data: [0.0,1.3,0.0,0.0,9.58,0.0,0.0,0.0,] },{ name: '35\\u002D54 yrs', data: [0.0,29.64,0.0,100.0,0.0,0.0,0.0,0.0,] },{ name: '16\\u002D24 yrs', data: [0.0,31.8,0.0,0.0,38.81,0.0,0.0,0.0,] },{ name: '55\\u002D64 yrs', data: [0.0,4.84,0.0,0.0,11.62,0.0,0.0,0.0,] },];\n\nvar SEC_STATUS_CATS = [], SEC_STATUS_MALE = [], SEC_STATUS_FEM = [];\n\nSEC_STATUS_CATS.push('Employer (with regular employees)');\nSEC_STATUS_MALE.push(0.0 || 0);\nSEC_STATUS_FEM.push( 0.0 || 0);\n\nSEC_STATUS_CATS.push('Employee');\nSEC_STATUS_MALE.push(35.95 || 0);\nSEC_STATUS_FEM.push( 64.05 || 0);\n\nSEC_STATUS_CATS.push('Other (please specify)??????.');\nSEC_STATUS_MALE.push(0.0 || 0);\nSEC_STATUS_FEM.push( 0.0 || 0);\n\nSEC_STATUS_CATS.push('Member of cooperative');\nSEC_STATUS_MALE.push(100.0 || 0);\nSEC_STATUS_FEM.push( 0.0 || 0);\n\nSEC_STATUS_CATS.push('Contributing family worker');\nSEC_STATUS_MALE.push(7.05 || 0);\nSEC_STATUS_FEM.push( 92.95 || 0);\n\nSEC_STATUS_CATS.push('Paid apprentice/Intern');\nSEC_STATUS_MALE.push(0.0 || 0);\nSEC_STATUS_FEM.push( 0.0 || 0);\n\nSEC_STATUS_CATS.push('Own account worker( without regular employees)');\nSEC_STATUS_MALE.push(0.0 || 0);\nSEC_STATUS_FEM.push( 0.0 || 0);\n\nSEC_STATUS_CATS.push('Private');\nSEC_STATUS_MALE.push(0.0 || 0);\nSEC_STATUS_FEM.push( 0.0 || 0);\n\n\nvar SEC_FI_CATS = [], SEC_FI_MALE = [], SEC_FI_FEM = [];\n\nSEC_FI_CATS.push('Don\\u0027t know');\nSEC_FI_MALE.push(40.07 || 0);\nSEC_FI_FEM.push( 59.93 || 0);\n\nSEC_FI_CATS.push('Formal employment');\nSEC_FI_MALE.push(57.28 || 0);\nSEC_FI_FEM.push( 42.72 || 0);\n\nSEC_FI_CATS.push('Informal employment');\nSEC_FI_MALE.push(48.79 || 0);\nSEC_FI_FEM.push( 51.21 || 0);\n\n\nvar SEC_YOY_YEARS = ['2017','2018','2019','2021','2022','2023','2024','2025',];\nvar SEC_YOY_TOTAL = [53512,66321,72319,89366,101455,219600,136304,159476,];\nvar SEC_YOY_MALE  = [33681,46504,45269,46543,52378,130866,68900,78376,];\nvar SEC_YOY_FEM   = [19831,19818,27051,42822,49077,88734,67404,81101,];\n</script>\n<script>\n/* \u2500\u2500 Sector-analytics Chart.js (table-read + JS-var \u2014 same pattern as Establishment & Home) \u2500\u2500 */\nsetTimeout(function () {\n  if (typeof Chart === 'undefined') return;\n  var PAL = ['#0574B9','#FF6384','#36A2EB','#FFCE56','#4BC0C0','#9966FF','#FF9F40','#E74C3C','#2ECC71','#F39C12'];\n\n  function tblSimple(id) {\n    var d = [];\n    document.querySelectorAll('#' + id + ' tbody tr').forEach(function (row) {\n      var c = row.querySelectorAll('td');\n      if (c.length >= 2) { var l = c[0].textContent.trim(), v = parseFloat(c[1].textContent) || 0; if (l) d.push({l: l, v: v}); }\n    });\n    return d;\n  }\n\n  function noData(id) {\n    var el = document.getElementById(id);\n    if (el) el.parentElement.innerHTML = '<div class=\"alert alert-info p-2 mt-2\">No data available.</div>';\n  }\n\n  function makePieT(id, title, tblId) {\n    var el = document.getElementById(id); if (!el) return;\n    var d = tblSimple(tblId); if (!d.length) { noData(id); return; }\n    new Chart(el, { type: 'pie',\n      data: { labels: d.map(function(x){return x.l;}), datasets: [{ data: d.map(function(x){return x.v;}), backgroundColor: PAL.slice(0,d.length) }] },\n      options: { responsive:true, maintainAspectRatio:false,\n        plugins: { title:{display:true,text:title,font:{size:13,weight:'bold'}}, legend:{position:'bottom'},\n          tooltip:{callbacks:{label:function(c){ var t=c.dataset.data.reduce(function(a,b){return a+b;},0); return c.label+': '+(c.parsed/t*100).toFixed(1)+'%'; }}} } } });\n  }\n\n  function makeHBarT(id, title, tblId) {\n    var el = document.getElementById(id); if (!el) return;\n    var d = tblSimple(tblId); if (!d.length) { noData(id); return; }\n    new Chart(el, { type:'bar',\n      data:{ labels:d.map(function(x){return x.l;}), datasets:[{label:'%',data:d.map(function(x){return x.v;}),backgroundColor:'#0574B9',borderRadius:4}] },\n      options:{ indexAxis:'y', responsive:true, maintainAspectRatio:false,\n        plugins:{ title:{display:true,text:title,font:{size:13,weight:'bold'}},legend:{display:false},tooltip:{callbacks:{label:function(c){return c.parsed.x.toFixed(1)+'%';}}} },\n        scales:{x:{beginAtZero:true,title:{display:true,text:'Percentage (%)'}}} } });\n  }\n\n  function makeColT(id, title, tblId) {\n    var el = document.getElementById(id); if (!el) return;\n    var d = tblSimple(tblId); if (!d.length) { noData(id); return; }\n    new Chart(el, { type:'bar',\n      data:{ labels:d.map(function(x){return x.l;}), datasets:[{label:'%',data:d.map(function(x){return x.v;}),backgroundColor:PAL.slice(0,d.length),borderRadius:4}] },\n      options:{ responsive:true, maintainAspectRatio:false,\n        plugins:{ title:{display:true,text:title,font:{size:13,weight:'bold'}},legend:{display:false},tooltip:{callbacks:{label:function(c){return c.parsed.y.toFixed(1)+'%';}}} },\n        scales:{y:{beginAtZero:true,title:{display:true,text:'Percentage (%)'}}} } });\n  }\n\n  function makeGenderBar(id, title, cats, maleArr, femArr) {\n    var el = document.getElementById(id); if (!el) return;\n    if (!cats.length) { noData(id); return; }\n    new Chart(el, { type:'bar',\n      data:{ labels:cats, datasets:[{label:'Male',data:maleArr,backgroundColor:'#0574B9',borderRadius:3},{label:'Female',data:femArr,backgroundColor:'#FF6384',borderRadius:3}] },\n      options:{ responsive:true, maintainAspectRatio:false,\n        plugins:{ title:{display:true,text:title,font:{size:13,weight:'bold'}},legend:{position:'bottom'},tooltip:{callbacks:{label:function(c){return c.dataset.label+': '+c.parsed.y.toFixed(1)+'%';}}} },\n        scales:{y:{beginAtZero:true,title:{display:true,text:'Percentage (%)'}}} } });\n  }\n\n  function makeMultiBar(id, title, cats, ser) {\n    var el = document.getElementById(id); if (!el) return;\n    if (!cats.length) { noData(id); return; }\n    new Chart(el, { type:'bar',\n      data:{ labels:cats, datasets:ser.map(function(s,i){return {label:s.name,data:s.data,backgroundColor:PAL[i%PAL.length],borderRadius:3};}) },\n      options:{ responsive:true, maintainAspectRatio:false,\n        plugins:{ title:{display:true,text:title,font:{size:13,weight:'bold'}},legend:{position:'bottom'},tooltip:{callbacks:{label:function(c){return c.dataset.label+': '+c.parsed.y.toFixed(1)+'%';}}} },\n        scales:{y:{beginAtZero:true,title:{display:true,text:'Percentage (%)'}}} } });\n  }\n\n  /* \u2500\u2500 render all sector charts \u2500\u2500 */\n  makePieT('employmentstatuschart',   'Distribution by Status in Employment',            'status-tbl');\n  makeGenderBar('statusinformalgender','Status in Employment by Gender',\n    SEC_STATUS_CATS, SEC_STATUS_MALE, SEC_STATUS_FEM);\n  makeMultiBar('statusinformalages',  'Status in Employment by Age Group',\n    SEC_AGE_CATS, SEC_AGE_SER);\n  makePieT('formalinformchart',       'Formal / Informal Employment',                    'formal-tbl');\n  makeGenderBar('informalgender',     'Formal / Informal by Gender',\n    SEC_FI_CATS, SEC_FI_MALE, SEC_FI_FEM);\n  makeHBarT('educationlevelschart',   'Distribution by Education Level',                 'edlevel-tbl');\n  makeColT('educationfieldschart',    'Distribution by Education Field',                 'edfield-tbl');\n  makeColT('occupation1chart55',      'Distribution by Level 1 Occupation',              'occ1-tbl');\n  makeHBarT('sectorlevelfourschart',  'Top Sub-sectors (Level 4)',                       'sector4-tbl');\n  (function () {\n    var el = document.getElementById('outlooktrendnew'); if (!el) return;\n    if (!SEC_YOY_YEARS.length) { noData('outlooktrendnew'); return; }\n    new Chart(el, { type:'bar',\n      data:{ labels:SEC_YOY_YEARS, datasets:[\n        {label:'Total Employed', data:SEC_YOY_TOTAL,backgroundColor:'#0574B9',borderRadius:3},\n        {label:'Male',           data:SEC_YOY_MALE, backgroundColor:'#36A2EB',borderRadius:3},\n        {label:'Female',         data:SEC_YOY_FEM,  backgroundColor:'#FF6384',borderRadius:3}] },\n      options:{ responsive:true, maintainAspectRatio:false,\n        plugins:{ title:{display:true,text:'Employment Trend Over the Years',font:{size:13,weight:'bold'}},legend:{position:'bottom'},tooltip:{mode:'index',intersect:false} },\n        scales:{y:{beginAtZero:true,title:{display:true,text:'Total Employed'}}} } });\n  })();\n}, 250);\n</script>\n<script>\n/* Establishment charts \u2014 Chart.js (no Highcharts CDN dependency).\n   setTimeout(250) defers until modal has painted and canvas sizes are stable. */\nsetTimeout(function () {\n  if (typeof Chart === 'undefined') { return; }\n\n  var COLORS = ['#0574B9','#FF6384','#36A2EB','#FFCE56','#4BC0C0',\n                '#9966FF','#FF9F40','#E74C3C','#2ECC71','#F39C12','#8E44AD','#1ABC9C'];\n\n  function tblPie(tableId) {\n    var d = [];\n    document.querySelectorAll('#' + tableId + ' tbody tr').forEach(function(row) {\n      var c = row.querySelectorAll('td');\n      if (c.length >= 2) {\n        var lbl = c[0].textContent.trim();\n        var val = parseFloat(c[1].textContent.trim()) || 0;\n        if (lbl) d.push({ label: lbl, value: val });\n      }\n    });\n    return d;\n  }\n\n  function tblBar(tableId) {\n    var labels = [], values = [];\n    document.querySelectorAll('#' + tableId + ' tbody tr').forEach(function(row) {\n      var c = row.querySelectorAll('td');\n      if (c.length >= 3) {\n        labels.push(c[0].textContent.trim());\n        values.push(parseFloat(c[2].textContent.trim()) || 0);\n      }\n    });\n    return { labels: labels, values: values };\n  }\n\n  function makePie(canvasId, title, tableId) {\n    var canvas = document.getElementById(canvasId);\n    if (!canvas) return;\n    var d = tblPie(tableId);\n    if (!d.length) { canvas.parentElement.innerHTML = '<div class=\"alert alert-info p-2 mt-1\">No data available.</div>'; return; }\n    new Chart(canvas.getContext('2d'), {\n      type: 'pie',\n      data: {\n        labels: d.map(function(x){ return x.label; }),\n        datasets: [{ data: d.map(function(x){ return x.value; }), backgroundColor: COLORS.slice(0, d.length) }]\n      },\n      options: {\n        responsive: true, maintainAspectRatio: false,\n        plugins: {\n          title:   { display: true, text: title, font: { size: 13, weight: 'bold' } },\n          legend:  { position: 'bottom' },\n          tooltip: { callbacks: { label: function(ctx) {\n            var total = ctx.dataset.data.reduce(function(a,b){ return a+b; }, 0);\n            return ctx.label + ': ' + (ctx.parsed / total * 100).toFixed(1) + '%';\n          }}}\n        }\n      }\n    });\n  }\n\n  function makeBar(canvasId, title, tableId) {\n    var canvas = document.getElementById(canvasId);\n    if (!canvas) return;\n    var d = tblBar(tableId);\n    if (!d.labels.length) { canvas.parentElement.innerHTML = '<div class=\"alert alert-info p-2 mt-1\">No data available.</div>'; return; }\n    new Chart(canvas.getContext('2d'), {\n      type: 'bar',\n      data: {\n        labels: d.labels,\n        datasets: [{ label: 'Percentage (%)', data: d.values, backgroundColor: '#0574B9', borderRadius: 4 }]\n      },\n      options: {\n        responsive: true, maintainAspectRatio: false,\n        plugins: {\n          title:   { display: true, text: title, font: { size: 13, weight: 'bold' } },\n          legend:  { display: false },\n          tooltip: { callbacks: { label: function(ctx){ return ctx.parsed.y.toFixed(1) + '%'; } } }\n        },\n        scales: { y: { beginAtZero: true, title: { display: true, text: 'Percentage (%)' } } }\n      }\n    });\n  }\n\n  makePie('workings',    'Distribution by Working Status',        'pgdsitemsdatatable');\n  makePie('sexes',       'Distribution by Manager Gender',        'sexestable');\n  makeBar('ages',        'Distribution by Institution Sector',    'agestable');\n  makeBar('legal',       'Distribution by Legal Status',          'legaltable');\n  makeBar('nationality', 'Distribution by Owner Nationality',     'nationalitytable');\n  makeBar('turnovers',   'Distribution by Turnover Range',        'turnoverstable');\n  makePie('sizes',       'Distribution by Business Size',         'sizestable');\n  makePie('fis',         'Distribution by Formal/Informal Status','fistable');\n\n}, 250);\n</script>\n<script>\n  $('.example17').DataTable({\n  dom: 'Bfrtip',\n  order: [[2, 'desc']],\n  \n  buttons: [\n\n      {\n\n          extend: 'colvis',\n          postfixButtons: ['colvisRestore'],\n      },\n      // {\n      //     extend: 'copyHtml5',\n      //     exportOptions: {\n      //         columns: [0, ':visible']\n      //     },\n      // }, \n      {\n          extend: 'excelHtml5',\n          exportOptions: {\n              columns: ':visible'\n          }\n      },\n      {\n          extend: 'pdfHtml5',\n          exportOptions: {\n              columns: ':visible'\n          },\n          \n      },\n      {\n          extend: 'print',\n          exportOptions: {\n              columns: ':visible'\n          }\n      },\n      \n  ],\n  columnDefs: [\n      { \"visible\": false, \"targets\": [] }\n  ]\n});\n</script>\n"}