
<!-- Page Styles Goes Here-->
<?php $this->view("includes/Inc_pagehead".$this->config->item('page_template'));?>

<!--begin::Main-->
<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
  <!--begin::Content wrapper-->
  <div class="d-flex flex-column flex-column-fluid">
    <!--begin::Toolbar-->
    <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
      <!--begin::Toolbar container-->
      <div id="kt_app_toolbar_container" class="app-container container-fluid d-flex flex-stack">
        <!--begin::Page title-->
        <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
          <!--begin::Title-->
          <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">Default</h1>
          <!--end::Title-->
          <!--begin::Breadcrumb-->
          <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
            <!--begin::Item-->
            <li class="breadcrumb-item text-muted">
              <a href="../../demo1/dist/index.html" class="text-muted text-hover-primary">Home</a>
            </li>
            <!--end::Item-->
            <!--begin::Item-->
            <li class="breadcrumb-item">
              <span class="bullet bg-gray-400 w-5px h-2px"></span>
            </li>
            <!--end::Item-->
            <!--begin::Item-->
            <li class="breadcrumb-item text-muted">Dashboards</li>
            <!--end::Item-->
          </ul>
          <!--end::Breadcrumb-->
        </div>
        <!--end::Page title-->
        <!--begin::Actions-->
        <div class="d-flex align-items-center gap-2 gap-lg-3">
          <!--begin::Secondary button-->
          <a href="#" class="btn btn-sm fw-bold bg-body btn-color-gray-700 btn-active-color-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app">Rollover</a>
          <!--end::Secondary button-->
          <!--begin::Primary button-->
          <a href="#" class="btn btn-sm fw-bold btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_new_target">Add Target</a>
          <!--end::Primary button-->
        </div>
        <!--end::Actions-->
      </div>
      <!--end::Toolbar container-->
    </div>
    <!--end::Toolbar-->
    <!--begin::Content-->
    <div id="kt_app_content" class="app-content flex-column-fluid">
      <!--begin::Content container-->
      <div id="kt_app_content_container" class="app-container container-fluid">
        <div class="row g-5 g-xl-8">
          <!--begin::Col-->
          <div class="col-xl-4">
            <!--begin::Misc Widget 1-->
            <div class="row mb-5 mb-xl-8 g-5 g-xl-8">
              <!--begin::Col-->
              <div class="col-6">
                <!--begin::Card-->
                <div class="card card-stretch">
                  <!--begin::Link-->
                  <a href="../../demo9/dist/account/overview.html" class="btn btn-flex btn-text-gray-800 btn-icon-gray-400 btn-active-color-primary bg-body flex-column justfiy-content-start align-items-start text-start w-100 p-10">
                    <!--begin::Svg Icon | path: icons/duotune/ecommerce/ecm007.svg-->
                    <span class="svg-icon svg-icon-3x mb-5">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M21 9V11C21 11.6 20.6 12 20 12H14V8H20C20.6 8 21 8.4 21 9ZM10 8H4C3.4 8 3 8.4 3 9V11C3 11.6 3.4 12 4 12H10V8Z" fill="currentColor" />
                        <path d="M15 2C13.3 2 12 3.3 12 5V8H15C16.7 8 18 6.7 18 5C18 3.3 16.7 2 15 2Z" fill="currentColor" />
                        <path opacity="0.3" d="M9 2C10.7 2 12 3.3 12 5V8H9C7.3 8 6 6.7 6 5C6 3.3 7.3 2 9 2ZM4 12V21C4 21.6 4.4 22 5 22H10V12H4ZM20 12V21C20 21.6 19.6 22 19 22H14V12H20Z" fill="currentColor" />
                      </svg>
                    </span>
                    <!--end::Svg Icon-->
                    <span class="fs-4 fw-bold">User Profile</span>
                  </a>
                  <!--end::Link-->
                </div>
                <!--end::Card-->
              </div>
              <!--end::Col-->
              <!--begin::Col-->
              <div class="col-6">
                <!--begin::Card-->
                <div class="card card-stretch">
                  <!--begin::Link-->
                  <a href="../../demo9/dist/account/statements.html" class="btn btn-flex btn-text-gray-800 btn-icon-gray-400 btn-active-color-primary bg-body flex-column justfiy-content-start align-items-start text-start w-100 p-10">
                    <!--begin::Svg Icon | path: icons/duotune/technology/teh008.svg-->
                    <span class="svg-icon svg-icon-3x mb-5">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path opacity="0.3" d="M11 6.5C11 9 9 11 6.5 11C4 11 2 9 2 6.5C2 4 4 2 6.5 2C9 2 11 4 11 6.5ZM17.5 2C15 2 13 4 13 6.5C13 9 15 11 17.5 11C20 11 22 9 22 6.5C22 4 20 2 17.5 2ZM6.5 13C4 13 2 15 2 17.5C2 20 4 22 6.5 22C9 22 11 20 11 17.5C11 15 9 13 6.5 13ZM17.5 13C15 13 13 15 13 17.5C13 20 15 22 17.5 22C20 22 22 20 22 17.5C22 15 20 13 17.5 13Z" fill="currentColor" />
                        <path d="M17.5 16C17.5 16 17.4 16 17.5 16L16.7 15.3C16.1 14.7 15.7 13.9 15.6 13.1C15.5 12.4 15.5 11.6 15.6 10.8C15.7 9.99999 16.1 9.19998 16.7 8.59998L17.4 7.90002H17.5C18.3 7.90002 19 7.20002 19 6.40002C19 5.60002 18.3 4.90002 17.5 4.90002C16.7 4.90002 16 5.60002 16 6.40002V6.5L15.3 7.20001C14.7 7.80001 13.9 8.19999 13.1 8.29999C12.4 8.39999 11.6 8.39999 10.8 8.29999C9.99999 8.19999 9.20001 7.80001 8.60001 7.20001L7.89999 6.5V6.40002C7.89999 5.60002 7.19999 4.90002 6.39999 4.90002C5.59999 4.90002 4.89999 5.60002 4.89999 6.40002C4.89999 7.20002 5.59999 7.90002 6.39999 7.90002H6.5L7.20001 8.59998C7.80001 9.19998 8.19999 9.99999 8.29999 10.8C8.39999 11.5 8.39999 12.3 8.29999 13.1C8.19999 13.9 7.80001 14.7 7.20001 15.3L6.5 16H6.39999C5.59999 16 4.89999 16.7 4.89999 17.5C4.89999 18.3 5.59999 19 6.39999 19C7.19999 19 7.89999 18.3 7.89999 17.5V17.4L8.60001 16.7C9.20001 16.1 9.99999 15.7 10.8 15.6C11.5 15.5 12.3 15.5 13.1 15.6C13.9 15.7 14.7 16.1 15.3 16.7L16 17.4V17.5C16 18.3 16.7 19 17.5 19C18.3 19 19 18.3 19 17.5C19 16.7 18.3 16 17.5 16Z" fill="currentColor" />
                      </svg>
                    </span>
                    <!--end::Svg Icon-->
                    <span class="fs-4 fw-bold">Statements</span>
                  </a>
                  <!--end::Link-->
                </div>
                <!--end::Card-->
              </div>
              <!--end::Col-->
              <!--begin::Col-->
              <div class="col-6">
                <!--begin::Card-->
                <div class="card card-stretch">
                  <!--begin::Link-->
                  <a href="../../demo9/dist/account/referrals.html" class="btn btn-flex btn-text-gray-800 btn-icon-gray-400 btn-active-color-primary bg-body flex-column justfiy-content-start align-items-start text-start w-100 p-10">
                    <!--begin::Svg Icon | path: icons/duotune/technology/teh004.svg-->
                    <span class="svg-icon svg-icon-3x mb-5">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path opacity="0.3" d="M21 10.7192H3C2.4 10.7192 2 11.1192 2 11.7192C2 12.3192 2.4 12.7192 3 12.7192H6V14.7192C6 18.0192 8.7 20.7192 12 20.7192C15.3 20.7192 18 18.0192 18 14.7192V12.7192H21C21.6 12.7192 22 12.3192 22 11.7192C22 11.1192 21.6 10.7192 21 10.7192Z" fill="currentColor" />
                        <path d="M11.6 21.9192C11.4 21.9192 11.2 21.8192 11 21.7192C10.6 21.4192 10.5 20.7191 10.8 20.3191C11.7 19.1191 12.3 17.8191 12.7 16.3191C12.8 15.8191 13.4 15.4192 13.9 15.6192C14.4 15.7192 14.8 16.3191 14.6 16.8191C14.2 18.5191 13.4 20.1192 12.4 21.5192C12.2 21.7192 11.9 21.9192 11.6 21.9192ZM8.7 19.7192C10.2 18.1192 11 15.9192 11 13.7192V8.71917C11 8.11917 11.4 7.71917 12 7.71917C12.6 7.71917 13 8.11917 13 8.71917V13.0192C13 13.6192 13.4 14.0192 14 14.0192C14.6 14.0192 15 13.6192 15 13.0192V8.71917C15 7.01917 13.7 5.71917 12 5.71917C10.3 5.71917 9 7.01917 9 8.71917V13.7192C9 15.4192 8.4 17.1191 7.2 18.3191C6.8 18.7191 6.9 19.3192 7.3 19.7192C7.5 19.9192 7.7 20.0192 8 20.0192C8.3 20.0192 8.5 19.9192 8.7 19.7192ZM6 16.7192C6.5 16.7192 7 16.2192 7 15.7192V8.71917C7 8.11917 7.1 7.51918 7.3 6.91918C7.5 6.41918 7.2 5.8192 6.7 5.6192C6.2 5.4192 5.59999 5.71917 5.39999 6.21917C5.09999 7.01917 5 7.81917 5 8.71917V15.7192V15.8191C5 16.3191 5.5 16.7192 6 16.7192ZM9 4.71917C9.5 4.31917 10.1 4.11918 10.7 3.91918C11.2 3.81918 11.5 3.21917 11.4 2.71917C11.3 2.21917 10.7 1.91916 10.2 2.01916C9.4 2.21916 8.59999 2.6192 7.89999 3.1192C7.49999 3.4192 7.4 4.11916 7.7 4.51916C7.9 4.81916 8.2 4.91918 8.5 4.91918C8.6 4.91918 8.8 4.81917 9 4.71917ZM18.2 18.9192C18.7 17.2192 19 15.5192 19 13.7192V8.71917C19 5.71917 17.1 3.1192 14.3 2.1192C13.8 1.9192 13.2 2.21917 13 2.71917C12.8 3.21917 13.1 3.81916 13.6 4.01916C15.6 4.71916 17 6.61917 17 8.71917V13.7192C17 15.3192 16.8 16.8191 16.3 18.3191C16.1 18.8191 16.4 19.4192 16.9 19.6192C17 19.6192 17.1 19.6192 17.2 19.6192C17.7 19.6192 18 19.3192 18.2 18.9192Z" fill="currentColor" />
                      </svg>
                    </span>
                    <!--end::Svg Icon-->
                    <span class="fs-4 fw-bold">Best Referrals</span>
                  </a>
                  <!--end::Link-->
                </div>
                <!--end::Card-->
              </div>
              <!--end::Col-->
              <!--begin::Col-->
              <div class="col-6">
                <!--begin::Card-->
                <div class="card card-stretch">
                  <!--begin::Link-->
                  <a href="../../demo9/dist/apps/customers/view.html" class="btn btn-flex btn-text-gray-800 btn-icon-gray-400 btn-active-color-primary bg-body flex-column justfiy-content-start align-items-start text-start w-100 p-10">
                    <!--begin::Svg Icon | path: icons/duotune/abstract/abs025.svg-->
                    <span class="svg-icon svg-icon-3x mb-5">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M16.925 3.90078V8.00077L12.025 10.8008V5.10078L15.525 3.10078C16.125 2.80078 16.925 3.20078 16.925 3.90078ZM2.525 13.5008L6.025 15.5008L10.925 12.7008L6.025 9.90078L2.525 11.9008C1.825 12.3008 1.825 13.2008 2.525 13.5008ZM18.025 19.7008V15.6008L13.125 12.8008V18.5008L16.625 20.5008C17.225 20.8008 18.025 20.4008 18.025 19.7008Z" fill="currentColor" />
                        <path opacity="0.3" d="M8.52499 3.10078L12.025 5.10078V10.8008L7.125 8.00077V3.90078C7.125 3.20078 7.92499 2.80078 8.52499 3.10078ZM7.42499 20.5008L10.925 18.5008V12.8008L6.02499 15.6008V19.7008C6.02499 20.4008 6.82499 20.8008 7.42499 20.5008ZM21.525 11.9008L18.025 9.90078L13.125 12.7008L18.025 15.5008L21.525 13.5008C22.225 13.2008 22.225 12.3008 21.525 11.9008Z" fill="currentColor" />
                      </svg>
                    </span>
                    <!--end::Svg Icon-->
                    <span class="fs-4 fw-bold">Hot Picks</span>
                  </a>
                  <!--end::Link-->
                </div>
                <!--end::Card-->
              </div>
              <!--end::Col-->
              <!--begin::Col-->
              <div class="col-6">
                <!--begin::Card-->
                <div class="card card-stretch">
                  <!--begin::Link-->
                  <a href="../../demo9/dist/apps/projects/project.html" class="btn btn-flex btn-text-gray-800 btn-icon-gray-400 btn-active-color-primary bg-body flex-column justfiy-content-start align-items-start text-start w-100 p-10">
                    <!--begin::Svg Icon | path: icons/duotune/ecommerce/ecm002.svg-->
                    <span class="svg-icon svg-icon-3x mb-5">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M21 10H13V11C13 11.6 12.6 12 12 12C11.4 12 11 11.6 11 11V10H3C2.4 10 2 10.4 2 11V13H22V11C22 10.4 21.6 10 21 10Z" fill="currentColor" />
                        <path opacity="0.3" d="M12 12C11.4 12 11 11.6 11 11V3C11 2.4 11.4 2 12 2C12.6 2 13 2.4 13 3V11C13 11.6 12.6 12 12 12Z" fill="currentColor" />
                        <path opacity="0.3" d="M18.1 21H5.9C5.4 21 4.9 20.6 4.8 20.1L3 13H21L19.2 20.1C19.1 20.6 18.6 21 18.1 21ZM13 18V15C13 14.4 12.6 14 12 14C11.4 14 11 14.4 11 15V18C11 18.6 11.4 19 12 19C12.6 19 13 18.6 13 18ZM17 18V15C17 14.4 16.6 14 16 14C15.4 14 15 14.4 15 15V18C15 18.6 15.4 19 16 19C16.6 19 17 18.6 17 18ZM9 18V15C9 14.4 8.6 14 8 14C7.4 14 7 14.4 7 15V18C7 18.6 7.4 19 8 19C8.6 19 9 18.6 9 18Z" fill="currentColor" />
                      </svg>
                    </span>
                    <!--end::Svg Icon-->
                    <span class="fs-4 fw-bold">Latest Trands</span>
                  </a>
                  <!--end::Link-->
                </div>
                <!--end::Card-->
              </div>
              <!--end::Col-->
              <!--begin::Col-->
              <div class="col-6">
                <!--begin::Card-->
                <div class="card card-stretch">
                  <!--begin::Link-->
                  <a href="../../demo9/dist/apps/projects/users.html" class="btn btn-flex btn-text-gray-800 btn-icon-gray-400 btn-active-color-primary bg-body flex-column justfiy-content-start align-items-start text-start w-100 p-10">
                    <!--begin::Svg Icon | path: icons/duotune/general/gen002.svg-->
                    <span class="svg-icon svg-icon-3x mb-5">
                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path opacity="0.3" d="M4.05424 15.1982C8.34524 7.76818 13.5782 3.26318 20.9282 2.01418C21.0729 1.98837 21.2216 1.99789 21.3618 2.04193C21.502 2.08597 21.6294 2.16323 21.7333 2.26712C21.8372 2.37101 21.9144 2.49846 21.9585 2.63863C22.0025 2.7788 22.012 2.92754 21.9862 3.07218C20.7372 10.4222 16.2322 15.6552 8.80224 19.9462L4.05424 15.1982ZM3.81924 17.3372L2.63324 20.4482C2.58427 20.5765 2.5735 20.7163 2.6022 20.8507C2.63091 20.9851 2.69788 21.1082 2.79503 21.2054C2.89218 21.3025 3.01536 21.3695 3.14972 21.3982C3.28408 21.4269 3.42387 21.4161 3.55224 21.3672L6.66524 20.1802L3.81924 17.3372ZM16.5002 5.99818C16.2036 5.99818 15.9136 6.08615 15.6669 6.25097C15.4202 6.41579 15.228 6.65006 15.1144 6.92415C15.0009 7.19824 14.9712 7.49984 15.0291 7.79081C15.0869 8.08178 15.2298 8.34906 15.4396 8.55884C15.6494 8.76862 15.9166 8.91148 16.2076 8.96935C16.4986 9.02723 16.8002 8.99753 17.0743 8.884C17.3484 8.77046 17.5826 8.5782 17.7474 8.33153C17.9123 8.08486 18.0002 7.79485 18.0002 7.49818C18.0002 7.10035 17.8422 6.71882 17.5609 6.43752C17.2796 6.15621 16.8981 5.99818 16.5002 5.99818Z" fill="currentColor" />
                        <path d="M4.05423 15.1982L2.24723 13.3912C2.15505 13.299 2.08547 13.1867 2.04395 13.0632C2.00243 12.9396 1.9901 12.8081 2.00793 12.679C2.02575 12.5498 2.07325 12.4266 2.14669 12.3189C2.22013 12.2112 2.31752 12.1219 2.43123 12.0582L9.15323 8.28918C7.17353 10.3717 5.4607 12.6926 4.05423 15.1982ZM8.80023 19.9442L10.6072 21.7512C10.6994 21.8434 10.8117 21.9129 10.9352 21.9545C11.0588 21.996 11.1903 22.0083 11.3195 21.9905C11.4486 21.9727 11.5718 21.9252 11.6795 21.8517C11.7872 21.7783 11.8765 21.6809 11.9402 21.5672L15.7092 14.8442C13.6269 16.8245 11.3061 18.5377 8.80023 19.9442ZM7.04023 18.1832L12.5832 12.6402C12.7381 12.4759 12.8228 12.2577 12.8195 12.032C12.8161 11.8063 12.725 11.5907 12.5653 11.4311C12.4057 11.2714 12.1901 11.1803 11.9644 11.1769C11.7387 11.1736 11.5205 11.2583 11.3562 11.4132L5.81323 16.9562L7.04023 18.1832Z" fill="currentColor" />
                      </svg>
                    </span>
                    <!--end::Svg Icon-->
                    <span class="fs-4 fw-bold">New Arrivals</span>
                  </a>
                  <!--end::Link-->
                </div>
                <!--end::Card-->
              </div>
              <!--end::Col-->
            </div>
            <!--end::Misc Widget 1-->
            <!--begin::List Widget 5-->
            <div class="card mb-5 mb-xl-8">
              <!--begin::Header-->
              <div class="card-header align-items-center border-0 mt-4">
                <h3 class="card-title align-items-start flex-column">
                  <span class="fw-bold mb-2 text-dark">Activities</span>
                  <span class="text-muted fw-semibold fs-7">890,344 Sales</span>
                </h3>
                <div class="card-toolbar">
                  <!--begin::Menu-->
                  <button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                    <!--begin::Svg Icon | path: icons/duotune/general/gen024.svg-->
                    <span class="svg-icon svg-icon-2">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                          <rect x="5" y="5" width="5" height="5" rx="1" fill="currentColor" />
                          <rect x="14" y="5" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                          <rect x="5" y="14" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                          <rect x="14" y="14" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                        </g>
                      </svg>
                    </span>
                    <!--end::Svg Icon-->
                  </button>
                  <!--begin::Menu 1-->
                  <div class="menu menu-sub menu-sub-dropdown w-250px w-md-300px" data-kt-menu="true" id="kt_menu_637e00e61b745">
                    <!--begin::Header-->
                    <div class="px-7 py-5">
                      <div class="fs-5 text-dark fw-bold">Filter Options</div>
                    </div>
                    <!--end::Header-->
                    <!--begin::Menu separator-->
                    <div class="separator border-gray-200"></div>
                    <!--end::Menu separator-->
                    <!--begin::Form-->
                    <div class="px-7 py-5">
                      <!--begin::Input group-->
                      <div class="mb-10">
                        <!--begin::Label-->
                        <label class="form-label fw-semibold">Status:</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <div>
                          <select class="form-select form-select-solid" data-kt-select2="true" data-placeholder="Select option" data-dropdown-parent="#kt_menu_637e00e61b745" data-allow-clear="true">
                            <option></option>
                            <option value="1">Approved</option>
                            <option value="2">Pending</option>
                            <option value="2">In Process</option>
                            <option value="2">Rejected</option>
                          </select>
                        </div>
                        <!--end::Input-->
                      </div>
                      <!--end::Input group-->
                      <!--begin::Input group-->
                      <div class="mb-10">
                        <!--begin::Label-->
                        <label class="form-label fw-semibold">Member Type:</label>
                        <!--end::Label-->
                        <!--begin::Options-->
                        <div class="d-flex">
                          <!--begin::Options-->
                          <label class="form-check form-check-sm form-check-custom form-check-solid me-5">
                            <input class="form-check-input" type="checkbox" value="1" />
                            <span class="form-check-label">Author</span>
                          </label>
                          <!--end::Options-->
                          <!--begin::Options-->
                          <label class="form-check form-check-sm form-check-custom form-check-solid">
                            <input class="form-check-input" type="checkbox" value="2" checked="checked" />
                            <span class="form-check-label">Customer</span>
                          </label>
                          <!--end::Options-->
                        </div>
                        <!--end::Options-->
                      </div>
                      <!--end::Input group-->
                      <!--begin::Input group-->
                      <div class="mb-10">
                        <!--begin::Label-->
                        <label class="form-label fw-semibold">Notifications:</label>
                        <!--end::Label-->
                        <!--begin::Switch-->
                        <div class="form-check form-switch form-switch-sm form-check-custom form-check-solid">
                          <input class="form-check-input" type="checkbox" value="" name="notifications" checked="checked" />
                          <label class="form-check-label">Enabled</label>
                        </div>
                        <!--end::Switch-->
                      </div>
                      <!--end::Input group-->
                      <!--begin::Actions-->
                      <div class="d-flex justify-content-end">
                        <button type="reset" class="btn btn-sm btn-light btn-active-light-primary me-2" data-kt-menu-dismiss="true">Reset</button>
                        <button type="submit" class="btn btn-sm btn-primary" data-kt-menu-dismiss="true">Apply</button>
                      </div>
                      <!--end::Actions-->
                    </div>
                    <!--end::Form-->
                  </div>
                  <!--end::Menu 1-->
                  <!--end::Menu-->
                </div>
              </div>
              <!--end::Header-->
              <!--begin::Body-->
              <div class="card-body pt-5">
                <!--begin::Timeline-->
                <div class="timeline-label">
                  <!--begin::Item-->
                  <div class="timeline-item">
                    <!--begin::Label-->
                    <div class="timeline-label fw-bold text-gray-800 fs-6">08:42</div>
                    <!--end::Label-->
                    <!--begin::Badge-->
                    <div class="timeline-badge">
                      <i class="fa fa-genderless text-warning fs-1"></i>
                    </div>
                    <!--end::Badge-->
                    <!--begin::Text-->
                    <div class="fw-mormal timeline-content text-muted ps-3">Outlines keep you honest. And keep structure</div>
                    <!--end::Text-->
                  </div>
                  <!--end::Item-->
                  <!--begin::Item-->
                  <div class="timeline-item">
                    <!--begin::Label-->
                    <div class="timeline-label fw-bold text-gray-800 fs-6">10:00</div>
                    <!--end::Label-->
                    <!--begin::Badge-->
                    <div class="timeline-badge">
                      <i class="fa fa-genderless text-success fs-1"></i>
                    </div>
                    <!--end::Badge-->
                    <!--begin::Content-->
                    <div class="timeline-content d-flex">
                      <span class="fw-bold text-gray-800 ps-3">AEOL meeting</span>
                    </div>
                    <!--end::Content-->
                  </div>
                  <!--end::Item-->
                  <!--begin::Item-->
                  <div class="timeline-item">
                    <!--begin::Label-->
                    <div class="timeline-label fw-bold text-gray-800 fs-6">14:37</div>
                    <!--end::Label-->
                    <!--begin::Badge-->
                    <div class="timeline-badge">
                      <i class="fa fa-genderless text-danger fs-1"></i>
                    </div>
                    <!--end::Badge-->
                    <!--begin::Desc-->
                    <div class="timeline-content fw-bold text-gray-800 ps-3">Make deposit
                      <a href="#" class="text-primary">USD 700</a>. to ESL</div>
                      <!--end::Desc-->
                    </div>
                    <!--end::Item-->
                    <!--begin::Item-->
                    <div class="timeline-item">
                      <!--begin::Label-->
                      <div class="timeline-label fw-bold text-gray-800 fs-6">16:50</div>
                      <!--end::Label-->
                      <!--begin::Badge-->
                      <div class="timeline-badge">
                        <i class="fa fa-genderless text-primary fs-1"></i>
                      </div>
                      <!--end::Badge-->
                      <!--begin::Text-->
                      <div class="timeline-content fw-mormal text-muted ps-3">Indulging in poorly driving and keep structure keep great</div>
                      <!--end::Text-->
                    </div>
                    <!--end::Item-->
                    <!--begin::Item-->
                    <div class="timeline-item">
                      <!--begin::Label-->
                      <div class="timeline-label fw-bold text-gray-800 fs-6">21:03</div>
                      <!--end::Label-->
                      <!--begin::Badge-->
                      <div class="timeline-badge">
                        <i class="fa fa-genderless text-danger fs-1"></i>
                      </div>
                      <!--end::Badge-->
                      <!--begin::Desc-->
                      <div class="timeline-content fw-semibold text-gray-800 ps-3">New order placed
                        <a href="#" class="text-primary">#XF-2356</a>.</div>
                        <!--end::Desc-->
                      </div>
                      <!--end::Item-->
                      <!--begin::Item-->
                      <div class="timeline-item">
                        <!--begin::Label-->
                        <div class="timeline-label fw-bold text-gray-800 fs-6">16:50</div>
                        <!--end::Label-->
                        <!--begin::Badge-->
                        <div class="timeline-badge">
                          <i class="fa fa-genderless text-primary fs-1"></i>
                        </div>
                        <!--end::Badge-->
                        <!--begin::Text-->
                        <div class="timeline-content fw-mormal text-muted ps-3">Indulging in poorly driving and keep structure keep great</div>
                        <!--end::Text-->
                      </div>
                      <!--end::Item-->
                      <!--begin::Item-->
                      <div class="timeline-item">
                        <!--begin::Label-->
                        <div class="timeline-label fw-bold text-gray-800 fs-6">21:03</div>
                        <!--end::Label-->
                        <!--begin::Badge-->
                        <div class="timeline-badge">
                          <i class="fa fa-genderless text-danger fs-1"></i>
                        </div>
                        <!--end::Badge-->
                        <!--begin::Desc-->
                        <div class="timeline-content fw-semibold text-gray-800 ps-3">New order placed
                          <a href="#" class="text-primary">#XF-2356</a>.</div>
                          <!--end::Desc-->
                        </div>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <div class="timeline-item mb-9">
                          <!--begin::Label-->
                          <div class="timeline-label fw-bold text-gray-800 fs-6">10:30</div>
                          <!--end::Label-->
                          <!--begin::Badge-->
                          <div class="timeline-badge">
                            <i class="fa fa-genderless text-success fs-1"></i>
                          </div>
                          <!--end::Badge-->
                          <!--begin::Text-->
                          <div class="timeline-content fw-mormal text-muted ps-3">Finance KPI Mobile app launch preparion meeting</div>
                          <!--end::Text-->
                        </div>
                        <!--end::Item-->
                      </div>
                      <!--end::Timeline-->
                    </div>
                    <!--end: Card Body-->
                  </div>
                  <!--end: List Widget 5-->
                  <!--begin::List Widget 4-->
                  <div class="card mb-5 mb-xl-8">
                    <!--begin::Header-->
                    <div class="card-header border-0 pt-5">
                      <h3 class="card-title align-items-start flex-column">
                        <span class="card-label fw-bold text-dark">Trends</span>
                        <span class="text-muted mt-1 fw-semibold fs-7">Latest tech trends</span>
                      </h3>
                      <div class="card-toolbar">
                        <!--begin::Menu-->
                        <button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                          <!--begin::Svg Icon | path: icons/duotune/general/gen024.svg-->
                          <span class="svg-icon svg-icon-2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
                              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                <rect x="5" y="5" width="5" height="5" rx="1" fill="currentColor" />
                                <rect x="14" y="5" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                <rect x="5" y="14" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                <rect x="14" y="14" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                              </g>
                            </svg>
                          </span>
                          <!--end::Svg Icon-->
                        </button>
                        <!--begin::Menu 3-->
                        <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
                          <!--begin::Heading-->
                          <div class="menu-item px-3">
                            <div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Payments</div>
                          </div>
                          <!--end::Heading-->
                          <!--begin::Menu item-->
                          <div class="menu-item px-3">
                            <a href="#" class="menu-link px-3">Create Invoice</a>
                          </div>
                          <!--end::Menu item-->
                          <!--begin::Menu item-->
                          <div class="menu-item px-3">
                            <a href="#" class="menu-link flex-stack px-3">Create Payment
                              <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></i></a>
                            </div>
                            <!--end::Menu item-->
                            <!--begin::Menu item-->
                            <div class="menu-item px-3">
                              <a href="#" class="menu-link px-3">Generate Bill</a>
                            </div>
                            <!--end::Menu item-->
                            <!--begin::Menu item-->
                            <div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-end">
                              <a href="#" class="menu-link px-3">
                                <span class="menu-title">Subscription</span>
                                <span class="menu-arrow"></span>
                              </a>
                              <!--begin::Menu sub-->
                              <div class="menu-sub menu-sub-dropdown w-175px py-4">
                                <!--begin::Menu item-->
                                <div class="menu-item px-3">
                                  <a href="#" class="menu-link px-3">Plans</a>
                                </div>
                                <!--end::Menu item-->
                                <!--begin::Menu item-->
                                <div class="menu-item px-3">
                                  <a href="#" class="menu-link px-3">Billing</a>
                                </div>
                                <!--end::Menu item-->
                                <!--begin::Menu item-->
                                <div class="menu-item px-3">
                                  <a href="#" class="menu-link px-3">Statements</a>
                                </div>
                                <!--end::Menu item-->
                                <!--begin::Menu separator-->
                                <div class="separator my-2"></div>
                                <!--end::Menu separator-->
                                <!--begin::Menu item-->
                                <div class="menu-item px-3">
                                  <div class="menu-content px-3">
                                    <!--begin::Switch-->
                                    <label class="form-check form-switch form-check-custom form-check-solid">
                                      <!--begin::Input-->
                                      <input class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="notifications" />
                                      <!--end::Input-->
                                      <!--end::Label-->
                                      <span class="form-check-label text-muted fs-6">Recuring</span>
                                      <!--end::Label-->
                                    </label>
                                    <!--end::Switch-->
                                  </div>
                                </div>
                                <!--end::Menu item-->
                              </div>
                              <!--end::Menu sub-->
                            </div>
                            <!--end::Menu item-->
                            <!--begin::Menu item-->
                            <div class="menu-item px-3 my-1">
                              <a href="#" class="menu-link px-3">Settings</a>
                            </div>
                            <!--end::Menu item-->
                          </div>
                          <!--end::Menu 3-->
                          <!--end::Menu-->
                        </div>
                      </div>
                      <!--end::Header-->
                      <!--begin::Body-->
                      <div class="card-body pt-5">
                        <!--begin::Item-->
                        <div class="d-flex align-items-sm-center mb-7">
                          <!--begin::Symbol-->
                          <div class="symbol symbol-50px me-5">
                            <span class="symbol-label">
                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/plurk.svg" class="h-50 align-self-center" alt="" />
                            </span>
                          </div>
                          <!--end::Symbol-->
                          <!--begin::Section-->
                          <div class="d-flex align-items-center flex-row-fluid flex-wrap">
                            <div class="flex-grow-1 me-2">
                              <a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bold">Top Authors</a>
                              <span class="text-muted fw-semibold d-block fs-7">Mark, Rowling, Esther</span>
                            </div>
                            <span class="badge badge-light fw-bold my-2">+82$</span>
                          </div>
                          <!--end::Section-->
                        </div>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <div class="d-flex align-items-sm-center mb-7">
                          <!--begin::Symbol-->
                          <div class="symbol symbol-50px me-5">
                            <span class="symbol-label">
                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/telegram.svg" class="h-50 align-self-center" alt="" />
                            </span>
                          </div>
                          <!--end::Symbol-->
                          <!--begin::Section-->
                          <div class="d-flex align-items-center flex-row-fluid flex-wrap">
                            <div class="flex-grow-1 me-2">
                              <a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bold">Popular Authors</a>
                              <span class="text-muted fw-semibold d-block fs-7">Randy, Steve, Mike</span>
                            </div>
                            <span class="badge badge-light fw-bold my-2">+280$</span>
                          </div>
                          <!--end::Section-->
                        </div>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <div class="d-flex align-items-sm-center mb-7">
                          <!--begin::Symbol-->
                          <div class="symbol symbol-50px me-5">
                            <span class="symbol-label">
                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/vimeo.svg" class="h-50 align-self-center" alt="" />
                            </span>
                          </div>
                          <!--end::Symbol-->
                          <!--begin::Section-->
                          <div class="d-flex align-items-center flex-row-fluid flex-wrap">
                            <div class="flex-grow-1 me-2">
                              <a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bold">New Users</a>
                              <span class="text-muted fw-semibold d-block fs-7">John, Pat, Jimmy</span>
                            </div>
                            <span class="badge badge-light fw-bold my-2">+4500$</span>
                          </div>
                          <!--end::Section-->
                        </div>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <div class="d-flex align-items-sm-center mb-7">
                          <!--begin::Symbol-->
                          <div class="symbol symbol-50px me-5">
                            <span class="symbol-label">
                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/bebo.svg" class="h-50 align-self-center" alt="" />
                            </span>
                          </div>
                          <!--end::Symbol-->
                          <!--begin::Section-->
                          <div class="d-flex align-items-center flex-row-fluid flex-wrap">
                            <div class="flex-grow-1 me-2">
                              <a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bold">Active Customers</a>
                              <span class="text-muted fw-semibold d-block fs-7">Mark, Rowling, Esther</span>
                            </div>
                            <span class="badge badge-light fw-bold my-2">+686$</span>
                          </div>
                          <!--end::Section-->
                        </div>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <div class="d-flex align-items-sm-center mb-7">
                          <!--begin::Symbol-->
                          <div class="symbol symbol-50px me-5">
                            <span class="symbol-label">
                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/kickstarter.svg" class="h-50 align-self-center" alt="" />
                            </span>
                          </div>
                          <!--end::Symbol-->
                          <!--begin::Section-->
                          <div class="d-flex align-items-center flex-row-fluid flex-wrap">
                            <div class="flex-grow-1 me-2">
                              <a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bold">Bestseller Theme</a>
                              <span class="text-muted fw-semibold d-block fs-7">Disco, Retro, Sports</span>
                            </div>
                            <span class="badge badge-light fw-bold my-2">+726$</span>
                          </div>
                          <!--end::Section-->
                        </div>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <div class="d-flex align-items-sm-center">
                          <!--begin::Symbol-->
                          <div class="symbol symbol-50px me-5">
                            <span class="symbol-label">
                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/fox-hub.svg" class="h-50 align-self-center" alt="" />
                            </span>
                          </div>
                          <!--end::Symbol-->
                          <!--begin::Section-->
                          <div class="d-flex align-items-center flex-row-fluid flex-wrap">
                            <div class="flex-grow-1 me-2">
                              <a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bold">Fox Broker App</a>
                              <span class="text-muted fw-semibold d-block fs-7">Finance, Corporate, Apps</span>
                            </div>
                            <span class="badge badge-light fw-bold my-2">+145$</span>
                          </div>
                          <!--end::Section-->
                        </div>
                        <!--end::Item-->
                      </div>
                      <!--end::Body-->
                    </div>
                    <!--end::List Widget 4-->
                  </div>
                  <!--end::Col-->
                  <!--begin::Col-->
                  <div class="col-xl-8 ps-xl-12">
                    <!--begin::Engage widget 1-->
                    <div class="row g-5 g-xl-10 mb-5 mb-xl-10">
                      <!--begin::Col-->
                      <div class="col-md-4 col-lg-4 col-xl-4 col-xxl-4 mb-md-5 mb-xl-10">
                        <!--begin::Card widget 20-->
                        <div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end mb-5 mb-xl-10" style="background-color: #F1416C;background-image:url('<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/patterns/vector-1.png')">
                          <!--begin::Header-->
                          <div class="card-header pt-5">
                            <!--begin::Title-->
                            <div class="card-title d-flex flex-column">
                              <!--begin::Amount-->
                              <span class="fs-2hx fw-bold text-white me-2 lh-1 ls-n2">69</span>
                              <!--end::Amount-->
                              <!--begin::Subtitle-->
                              <span class="text-white opacity-75 pt-1 fw-semibold fs-6">Active Projects</span>
                              <!--end::Subtitle-->
                            </div>
                            <!--end::Title-->
                          </div>
                          <!--end::Header-->
                          <!--begin::Card body-->
                          <div class="card-body d-flex align-items-end pt-0">
                            <!--begin::Progress-->
                            <div class="d-flex align-items-center flex-column mt-3 w-100">
                              <div class="d-flex justify-content-between fw-bold fs-6 text-white opacity-75 w-100 mt-auto mb-2">
                                <span>43 Pending</span>
                                <span>72%</span>
                              </div>
                              <div class="h-8px mx-3 w-100 bg-white bg-opacity-50 rounded">
                                <div class="bg-white rounded h-8px" role="progressbar" style="width: 72%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <!--end::Progress-->
                          </div>
                          <!--end::Card body-->
                        </div>
                        <a href="#" class="card bg-dark hoverable  mb-xl-8">
                          <!--begin::Body-->
                          <div class="card-body">
                            <!--begin::Svg Icon | path: icons/duotune/ecommerce/ecm008.svg-->
                            <span class="svg-icon svg-icon-gray-100 svg-icon-3x ms-n1">
                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path opacity="0.3" d="M18 21.6C16.3 21.6 15 20.3 15 18.6V2.50001C15 2.20001 14.6 1.99996 14.3 2.19996L13 3.59999L11.7 2.3C11.3 1.9 10.7 1.9 10.3 2.3L9 3.59999L7.70001 2.3C7.30001 1.9 6.69999 1.9 6.29999 2.3L5 3.59999L3.70001 2.3C3.50001 2.1 3 2.20001 3 3.50001V18.6C3 20.3 4.3 21.6 6 21.6H18Z" fill="currentColor"></path>
                                <path d="M12 12.6H11C10.4 12.6 10 12.2 10 11.6C10 11 10.4 10.6 11 10.6H12C12.6 10.6 13 11 13 11.6C13 12.2 12.6 12.6 12 12.6ZM9 11.6C9 11 8.6 10.6 8 10.6H6C5.4 10.6 5 11 5 11.6C5 12.2 5.4 12.6 6 12.6H8C8.6 12.6 9 12.2 9 11.6ZM9 7.59998C9 6.99998 8.6 6.59998 8 6.59998H6C5.4 6.59998 5 6.99998 5 7.59998C5 8.19998 5.4 8.59998 6 8.59998H8C8.6 8.59998 9 8.19998 9 7.59998ZM13 7.59998C13 6.99998 12.6 6.59998 12 6.59998H11C10.4 6.59998 10 6.99998 10 7.59998C10 8.19998 10.4 8.59998 11 8.59998H12C12.6 8.59998 13 8.19998 13 7.59998ZM13 15.6C13 15 12.6 14.6 12 14.6H10C9.4 14.6 9 15 9 15.6C9 16.2 9.4 16.6 10 16.6H12C12.6 16.6 13 16.2 13 15.6Z" fill="currentColor"></path>
                                <path d="M15 18.6C15 20.3 16.3 21.6 18 21.6C19.7 21.6 21 20.3 21 18.6V12.5C21 12.2 20.6 12 20.3 12.2L19 13.6L17.7 12.3C17.3 11.9 16.7 11.9 16.3 12.3L15 13.6V18.6Z" fill="currentColor"></path>
                              </svg>
                            </span>
                            <!--end::Svg Icon-->
                            <div class="text-gray-100 fw-bold fs-2 mb-2 mt-5">+3000</div>
                            <div class="fw-semibold text-gray-100">New Customers</div>
                          </div>
                          <!--end::Body-->
                        </a>
                      </div>
                      <div class="col-md-4 col-lg-4 col-xl-4 col-xxl-4 mb-md-5 mb-xl-10">
                        <!--begin::Card widget 20-->
                        <div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end " style="background-color: #7239EA;background-image:url('<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/shapes/wave-bg-purple.svg')">
                          <!--begin::Header-->
                          <div class="card-header pt-5 mb-3">
                            <!--begin::Icon-->
                            <div class="d-flex flex-center rounded-circle h-80px w-80px" style="border: 1px dashed rgba(255, 255, 255, 0.4);background-color: #7239EA">
                              <i class="fonticon-outgoing-call text-white fs-2qx lh-0"></i>
                            </div>
                            <!--end::Icon-->
                          </div>
                          <!--end::Header-->
                          <!--begin::Card body-->
                          <div class="card-body d-flex align-items-end mb-3">
                            <!--begin::Info-->
                            <div class="d-flex align-items-center">
                              <span class="fs-4hx text-white fw-bold me-6">427</span>
                              <div class="fw-bold fs-6 text-white">
                                <span class="d-block">Outbound</span>
                                <span class="">Calls</span>
                              </div>
                            </div>
                            <!--end::Info-->
                          </div>
                          <!--end::Card body-->
                          <!--begin::Card footer-->
                          <div class="card-footer" style="border-top: 1px solid rgba(255, 255, 255, 0.3);background: rgba(0, 0, 0, 0.15);">
                            <!--begin::Progress-->
                            <div class="fw-bold text-white py-2">
                              <span class="fs-1 d-block">386</span>
                              <span class="opacity-50">Generated Leads</span>
                            </div>
                            <!--end::Progress-->
                          </div>
                          <!--end::Card footer-->
                        </div>
                      </div>
                      <div class="col-md-4 col-lg-4 col-xl-4 col-xxl-4 mb-md-5 mb-xl-10">
                        <a href="#" class="card bg-success hoverable mb-5 mb-xl-8">
                          <!--begin::Body-->
                          <div class="card-body">
                            <!--begin::Svg Icon | path: icons/duotune/graphs/gra005.svg-->
                            <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path opacity="0.3" d="M14 12V21H10V12C10 11.4 10.4 11 11 11H13C13.6 11 14 11.4 14 12ZM7 2H5C4.4 2 4 2.4 4 3V21H8V3C8 2.4 7.6 2 7 2Z" fill="currentColor"></path>
                                <path d="M21 20H20V16C20 15.4 19.6 15 19 15H17C16.4 15 16 15.4 16 16V20H3C2.4 20 2 20.4 2 21C2 21.6 2.4 22 3 22H21C21.6 22 22 21.6 22 21C22 20.4 21.6 20 21 20Z" fill="currentColor"></path>
                              </svg>
                            </span>
                            <!--end::Svg Icon-->
                            <div class="text-white fw-bold fs-2 mb-2 mt-5">Sales Stats</div>
                            <div class="fw-semibold text-white">50% Increased for FY20</div>
                          </div>
                          <!--end::Body-->
                        </a>
                        <a href="#" class="card bg-primary hoverable  mb-xl-8">
                          <!--begin::Body-->
                          <div class="card-body">
                            <!--begin::Svg Icon | path: icons/duotune/ecommerce/ecm008.svg-->
                            <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path opacity="0.3" d="M18 21.6C16.3 21.6 15 20.3 15 18.6V2.50001C15 2.20001 14.6 1.99996 14.3 2.19996L13 3.59999L11.7 2.3C11.3 1.9 10.7 1.9 10.3 2.3L9 3.59999L7.70001 2.3C7.30001 1.9 6.69999 1.9 6.29999 2.3L5 3.59999L3.70001 2.3C3.50001 2.1 3 2.20001 3 3.50001V18.6C3 20.3 4.3 21.6 6 21.6H18Z" fill="currentColor"></path>
                                <path d="M12 12.6H11C10.4 12.6 10 12.2 10 11.6C10 11 10.4 10.6 11 10.6H12C12.6 10.6 13 11 13 11.6C13 12.2 12.6 12.6 12 12.6ZM9 11.6C9 11 8.6 10.6 8 10.6H6C5.4 10.6 5 11 5 11.6C5 12.2 5.4 12.6 6 12.6H8C8.6 12.6 9 12.2 9 11.6ZM9 7.59998C9 6.99998 8.6 6.59998 8 6.59998H6C5.4 6.59998 5 6.99998 5 7.59998C5 8.19998 5.4 8.59998 6 8.59998H8C8.6 8.59998 9 8.19998 9 7.59998ZM13 7.59998C13 6.99998 12.6 6.59998 12 6.59998H11C10.4 6.59998 10 6.99998 10 7.59998C10 8.19998 10.4 8.59998 11 8.59998H12C12.6 8.59998 13 8.19998 13 7.59998ZM13 15.6C13 15 12.6 14.6 12 14.6H10C9.4 14.6 9 15 9 15.6C9 16.2 9.4 16.6 10 16.6H12C12.6 16.6 13 16.2 13 15.6Z" fill="currentColor"></path>
                                <path d="M15 18.6C15 20.3 16.3 21.6 18 21.6C19.7 21.6 21 20.3 21 18.6V12.5C21 12.2 20.6 12 20.3 12.2L19 13.6L17.7 12.3C17.3 11.9 16.7 11.9 16.3 12.3L15 13.6V18.6Z" fill="currentColor"></path>
                              </svg>
                            </span>
                            <!--end::Svg Icon-->
                            <div class="text-white fw-bold fs-2 mb-2 mt-5">Appartments</div>
                            <div class="fw-semibold text-white">Flats, Shared Rooms</div>
                          </div>
                          <!--end::Body-->
                        </a>
                      </div>
                    </div>
                    <!--end::Engage widget 1-->
                    <!--begin::Row-->
                    <div class="row g-5 g-xl-8">
                      <!--begin::Col-->
                      <div class="col-xl-6">
                        <!--begin::Mixed Widget 5-->
                        <div class="card card-xl-stretch mb-xl-8">
                          <!--begin::Beader-->
                          <div class="card-header border-0 py-5">
                            <h3 class="card-title align-items-start flex-column">
                              <span class="card-label fw-bold fs-3 mb-1">Trends</span>
                              <span class="text-muted fw-semibold fs-7">Latest trends</span>
                            </h3>
                            <div class="card-toolbar">
                              <!--begin::Menu-->
                              <button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                                <!--begin::Svg Icon | path: icons/duotune/general/gen024.svg-->
                                <span class="svg-icon svg-icon-2">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                      <rect x="5" y="5" width="5" height="5" rx="1" fill="currentColor" />
                                      <rect x="14" y="5" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                      <rect x="5" y="14" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                      <rect x="14" y="14" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                    </g>
                                  </svg>
                                </span>
                                <!--end::Svg Icon-->
                              </button>
                              <!--begin::Menu 3-->
                              <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
                                <!--begin::Heading-->
                                <div class="menu-item px-3">
                                  <div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Payments</div>
                                </div>
                                <!--end::Heading-->
                                <!--begin::Menu item-->
                                <div class="menu-item px-3">
                                  <a href="#" class="menu-link px-3">Create Invoice</a>
                                </div>
                                <!--end::Menu item-->
                                <!--begin::Menu item-->
                                <div class="menu-item px-3">
                                  <a href="#" class="menu-link flex-stack px-3">Create Payment
                                    <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></i></a>
                                  </div>
                                  <!--end::Menu item-->
                                  <!--begin::Menu item-->
                                  <div class="menu-item px-3">
                                    <a href="#" class="menu-link px-3">Generate Bill</a>
                                  </div>
                                  <!--end::Menu item-->
                                  <!--begin::Menu item-->
                                  <div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-end">
                                    <a href="#" class="menu-link px-3">
                                      <span class="menu-title">Subscription</span>
                                      <span class="menu-arrow"></span>
                                    </a>
                                    <!--begin::Menu sub-->
                                    <div class="menu-sub menu-sub-dropdown w-175px py-4">
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3">
                                        <a href="#" class="menu-link px-3">Plans</a>
                                      </div>
                                      <!--end::Menu item-->
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3">
                                        <a href="#" class="menu-link px-3">Billing</a>
                                      </div>
                                      <!--end::Menu item-->
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3">
                                        <a href="#" class="menu-link px-3">Statements</a>
                                      </div>
                                      <!--end::Menu item-->
                                      <!--begin::Menu separator-->
                                      <div class="separator my-2"></div>
                                      <!--end::Menu separator-->
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3">
                                        <div class="menu-content px-3">
                                          <!--begin::Switch-->
                                          <label class="form-check form-switch form-check-custom form-check-solid">
                                            <!--begin::Input-->
                                            <input class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="notifications" />
                                            <!--end::Input-->
                                            <!--end::Label-->
                                            <span class="form-check-label text-muted fs-6">Recuring</span>
                                            <!--end::Label-->
                                          </label>
                                          <!--end::Switch-->
                                        </div>
                                      </div>
                                      <!--end::Menu item-->
                                    </div>
                                    <!--end::Menu sub-->
                                  </div>
                                  <!--end::Menu item-->
                                  <!--begin::Menu item-->
                                  <div class="menu-item px-3 my-1">
                                    <a href="#" class="menu-link px-3">Settings</a>
                                  </div>
                                  <!--end::Menu item-->
                                </div>
                                <!--end::Menu 3-->
                                <!--end::Menu-->
                              </div>
                            </div>
                            <!--end::Header-->
                            <!--begin::Body-->
                            <div class="card-body d-flex flex-column">
                              <!--begin::Chart-->
                              <div class="mixed-widget-5-chart card-rounded-top" data-kt-chart-color="primary" style="height: 150px"></div>
                              <!--end::Chart-->
                              <!--begin::Items-->
                              <div class="mt-5">
                                <!--begin::Item-->
                                <div class="d-flex flex-stack mb-5">
                                  <!--begin::Section-->
                                  <div class="d-flex align-items-center me-2">
                                    <!--begin::Symbol-->
                                    <div class="symbol symbol-50px me-3">
                                      <div class="symbol-label bg-light">
                                        <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/plurk.svg" class="h-50" alt="" />
                                      </div>
                                    </div>
                                    <!--end::Symbol-->
                                    <!--begin::Title-->
                                    <div>
                                      <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Top Authors</a>
                                      <div class="fs-7 text-muted fw-semibold mt-1">Ricky Hunt, Sandra Trepp</div>
                                    </div>
                                    <!--end::Title-->
                                  </div>
                                  <!--end::Section-->
                                  <!--begin::Label-->
                                  <div class="badge badge-light fw-semibold py-4 px-3">+82$</div>
                                  <!--end::Label-->
                                </div>
                                <!--end::Item-->
                                <!--begin::Item-->
                                <div class="d-flex flex-stack mb-5">
                                  <!--begin::Section-->
                                  <div class="d-flex align-items-center me-2">
                                    <!--begin::Symbol-->
                                    <div class="symbol symbol-50px me-3">
                                      <div class="symbol-label bg-light">
                                        <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/figma-1.svg" class="h-50" alt="" />
                                      </div>
                                    </div>
                                    <!--end::Symbol-->
                                    <!--begin::Title-->
                                    <div>
                                      <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Top Sales</a>
                                      <div class="fs-7 text-muted fw-semibold mt-1">PitStop Emails</div>
                                    </div>
                                    <!--end::Title-->
                                  </div>
                                  <!--end::Section-->
                                  <!--begin::Label-->
                                  <div class="badge badge-light fw-semibold py-4 px-3">+82$</div>
                                  <!--end::Label-->
                                </div>
                                <!--end::Item-->
                                <!--begin::Item-->
                                <div class="d-flex flex-stack">
                                  <!--begin::Section-->
                                  <div class="d-flex align-items-center me-2">
                                    <!--begin::Symbol-->
                                    <div class="symbol symbol-50px me-3">
                                      <div class="symbol-label bg-light">
                                        <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/vimeo.svg" class="h-50" alt="" />
                                      </div>
                                    </div>
                                    <!--end::Symbol-->
                                    <!--begin::Title-->
                                    <div class="py-1">
                                      <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Top Engagement</a>
                                      <div class="fs-7 text-muted fw-semibold mt-1">KT.com</div>
                                    </div>
                                    <!--end::Title-->
                                  </div>
                                  <!--end::Section-->
                                  <!--begin::Label-->
                                  <div class="badge badge-light fw-semibold py-4 px-3">+82$</div>
                                  <!--end::Label-->
                                </div>
                                <!--end::Item-->
                              </div>
                              <!--end::Items-->
                            </div>
                            <!--end::Body-->
                          </div>
                          <!--end::Mixed Widget 5-->
                        </div>
                        <!--end::Col-->
                        <!--begin::Col-->
                        <div class="col-xl-6">
                          <!--begin::List Widget 3-->
                          <div class="card card-xl-stretch mb-xl-8">
                            <!--begin::Header-->
                            <div class="card-header border-0">
                              <h3 class="card-title fw-bold text-dark">Todo</h3>
                              <div class="card-toolbar">
                                <!--begin::Menu-->
                                <button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                                  <!--begin::Svg Icon | path: icons/duotune/general/gen024.svg-->
                                  <span class="svg-icon svg-icon-2">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
                                      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <rect x="5" y="5" width="5" height="5" rx="1" fill="currentColor" />
                                        <rect x="14" y="5" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                        <rect x="5" y="14" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                        <rect x="14" y="14" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                      </g>
                                    </svg>
                                  </span>
                                  <!--end::Svg Icon-->
                                </button>
                                <!--begin::Menu 3-->
                                <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
                                  <!--begin::Heading-->
                                  <div class="menu-item px-3">
                                    <div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Payments</div>
                                  </div>
                                  <!--end::Heading-->
                                  <!--begin::Menu item-->
                                  <div class="menu-item px-3">
                                    <a href="#" class="menu-link px-3">Create Invoice</a>
                                  </div>
                                  <!--end::Menu item-->
                                  <!--begin::Menu item-->
                                  <div class="menu-item px-3">
                                    <a href="#" class="menu-link flex-stack px-3">Create Payment
                                      <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></i></a>
                                    </div>
                                    <!--end::Menu item-->
                                    <!--begin::Menu item-->
                                    <div class="menu-item px-3">
                                      <a href="#" class="menu-link px-3">Generate Bill</a>
                                    </div>
                                    <!--end::Menu item-->
                                    <!--begin::Menu item-->
                                    <div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-end">
                                      <a href="#" class="menu-link px-3">
                                        <span class="menu-title">Subscription</span>
                                        <span class="menu-arrow"></span>
                                      </a>
                                      <!--begin::Menu sub-->
                                      <div class="menu-sub menu-sub-dropdown w-175px py-4">
                                        <!--begin::Menu item-->
                                        <div class="menu-item px-3">
                                          <a href="#" class="menu-link px-3">Plans</a>
                                        </div>
                                        <!--end::Menu item-->
                                        <!--begin::Menu item-->
                                        <div class="menu-item px-3">
                                          <a href="#" class="menu-link px-3">Billing</a>
                                        </div>
                                        <!--end::Menu item-->
                                        <!--begin::Menu item-->
                                        <div class="menu-item px-3">
                                          <a href="#" class="menu-link px-3">Statements</a>
                                        </div>
                                        <!--end::Menu item-->
                                        <!--begin::Menu separator-->
                                        <div class="separator my-2"></div>
                                        <!--end::Menu separator-->
                                        <!--begin::Menu item-->
                                        <div class="menu-item px-3">
                                          <div class="menu-content px-3">
                                            <!--begin::Switch-->
                                            <label class="form-check form-switch form-check-custom form-check-solid">
                                              <!--begin::Input-->
                                              <input class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="notifications" />
                                              <!--end::Input-->
                                              <!--end::Label-->
                                              <span class="form-check-label text-muted fs-6">Recuring</span>
                                              <!--end::Label-->
                                            </label>
                                            <!--end::Switch-->
                                          </div>
                                        </div>
                                        <!--end::Menu item-->
                                      </div>
                                      <!--end::Menu sub-->
                                    </div>
                                    <!--end::Menu item-->
                                    <!--begin::Menu item-->
                                    <div class="menu-item px-3 my-1">
                                      <a href="#" class="menu-link px-3">Settings</a>
                                    </div>
                                    <!--end::Menu item-->
                                  </div>
                                  <!--end::Menu 3-->
                                  <!--end::Menu-->
                                </div>
                              </div>
                              <!--end::Header-->
                              <!--begin::Body-->
                              <div class="card-body pt-2">
                                <!--begin::Item-->
                                <div class="d-flex align-items-center mb-8">
                                  <!--begin::Bullet-->
                                  <span class="bullet bullet-vertical h-40px bg-success"></span>
                                  <!--end::Bullet-->
                                  <!--begin::Checkbox-->
                                  <div class="form-check form-check-custom form-check-solid mx-5">
                                    <input class="form-check-input" type="checkbox" value="" />
                                  </div>
                                  <!--end::Checkbox-->
                                  <!--begin::Description-->
                                  <div class="flex-grow-1">
                                    <a href="#" class="text-gray-800 text-hover-primary fw-bold fs-6">Create FireStone Logo</a>
                                    <span class="text-muted fw-semibold d-block">Due in 2 Days</span>
                                  </div>
                                  <!--end::Description-->
                                  <span class="badge badge-light-success fs-8 fw-bold">New</span>
                                </div>
                                <!--end:Item-->
                                <!--begin::Item-->
                                <div class="d-flex align-items-center mb-8">
                                  <!--begin::Bullet-->
                                  <span class="bullet bullet-vertical h-40px bg-primary"></span>
                                  <!--end::Bullet-->
                                  <!--begin::Checkbox-->
                                  <div class="form-check form-check-custom form-check-solid mx-5">
                                    <input class="form-check-input" type="checkbox" value="" />
                                  </div>
                                  <!--end::Checkbox-->
                                  <!--begin::Description-->
                                  <div class="flex-grow-1">
                                    <a href="#" class="text-gray-800 text-hover-primary fw-bold fs-6">Stakeholder Meeting</a>
                                    <span class="text-muted fw-semibold d-block">Due in 3 Days</span>
                                  </div>
                                  <!--end::Description-->
                                  <span class="badge badge-light-primary fs-8 fw-bold">New</span>
                                </div>
                                <!--end:Item-->
                                <!--begin::Item-->
                                <div class="d-flex align-items-center mb-8">
                                  <!--begin::Bullet-->
                                  <span class="bullet bullet-vertical h-40px bg-warning"></span>
                                  <!--end::Bullet-->
                                  <!--begin::Checkbox-->
                                  <div class="form-check form-check-custom form-check-solid mx-5">
                                    <input class="form-check-input" type="checkbox" value="" />
                                  </div>
                                  <!--end::Checkbox-->
                                  <!--begin::Description-->
                                  <div class="flex-grow-1">
                                    <a href="#" class="text-gray-800 text-hover-primary fw-bold fs-6">Scoping & Estimations</a>
                                    <span class="text-muted fw-semibold d-block">Due in 5 Days</span>
                                  </div>
                                  <!--end::Description-->
                                  <span class="badge badge-light-warning fs-8 fw-bold">New</span>
                                </div>
                                <!--end:Item-->
                                <!--begin::Item-->
                                <div class="d-flex align-items-center mb-8">
                                  <!--begin::Bullet-->
                                  <span class="bullet bullet-vertical h-40px bg-primary"></span>
                                  <!--end::Bullet-->
                                  <!--begin::Checkbox-->
                                  <div class="form-check form-check-custom form-check-solid mx-5">
                                    <input class="form-check-input" type="checkbox" value="" />
                                  </div>
                                  <!--end::Checkbox-->
                                  <!--begin::Description-->
                                  <div class="flex-grow-1">
                                    <a href="#" class="text-gray-800 text-hover-primary fw-bold fs-6">KPI App Showcase</a>
                                    <span class="text-muted fw-semibold d-block">Due in 2 Days</span>
                                  </div>
                                  <!--end::Description-->
                                  <span class="badge badge-light-primary fs-8 fw-bold">New</span>
                                </div>
                                <!--end:Item-->
                                <!--begin::Item-->
                                <div class="d-flex align-items-center mb-8">
                                  <!--begin::Bullet-->
                                  <span class="bullet bullet-vertical h-40px bg-danger"></span>
                                  <!--end::Bullet-->
                                  <!--begin::Checkbox-->
                                  <div class="form-check form-check-custom form-check-solid mx-5">
                                    <input class="form-check-input" type="checkbox" value="" />
                                  </div>
                                  <!--end::Checkbox-->
                                  <!--begin::Description-->
                                  <div class="flex-grow-1">
                                    <a href="#" class="text-gray-800 text-hover-primary fw-bold fs-6">Project Meeting</a>
                                    <span class="text-muted fw-semibold d-block">Due in 12 Days</span>
                                  </div>
                                  <!--end::Description-->
                                  <span class="badge badge-light-danger fs-8 fw-bold">New</span>
                                </div>
                                <!--end:Item-->
                                <!--begin::Item-->
                                <div class="d-flex align-items-center">
                                  <!--begin::Bullet-->
                                  <span class="bullet bullet-vertical h-40px bg-success"></span>
                                  <!--end::Bullet-->
                                  <!--begin::Checkbox-->
                                  <div class="form-check form-check-custom form-check-solid mx-5">
                                    <input class="form-check-input" type="checkbox" value="" />
                                  </div>
                                  <!--end::Checkbox-->
                                  <!--begin::Description-->
                                  <div class="flex-grow-1">
                                    <a href="#" class="text-gray-800 text-hover-primary fw-bold fs-6">Customers Update</a>
                                    <span class="text-muted fw-semibold d-block">Due in 1 week</span>
                                  </div>
                                  <!--end::Description-->
                                  <span class="badge badge-light-success fs-8 fw-bold">New</span>
                                </div>
                                <!--end:Item-->
                              </div>
                              <!--end::Body-->
                            </div>
                            <!--end:List Widget 3-->
                          </div>
                          <!--end::Col-->
                        </div>
                        <!--end::Row-->
                        <!--begin::Tables Widget 5-->
                        <div class="card mb-xl-8">
                          <!--begin::Header-->
                          <div class="card-header border-0 pt-5">
                            <h3 class="card-title align-items-start flex-column">
                              <span class="card-label fw-bold fs-3 mb-1">Latest Products</span>
                              <span class="text-muted mt-1 fw-semibold fs-7">More than 400 new products</span>
                            </h3>
                            <div class="card-toolbar">
                              <ul class="nav">
                                <li class="nav-item">
                                  <a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-secondary fw-bold px-4 me-1 active" data-bs-toggle="tab" href="#kt_table_widget_5_tab_1">Month</a>
                                </li>
                                <li class="nav-item">
                                  <a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-secondary fw-bold px-4 me-1" data-bs-toggle="tab" href="#kt_table_widget_5_tab_2">Week</a>
                                </li>
                                <li class="nav-item">
                                  <a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-secondary fw-bold px-4" data-bs-toggle="tab" href="#kt_table_widget_5_tab_3">Day</a>
                                </li>
                              </ul>
                            </div>
                          </div>
                          <!--end::Header-->
                          <!--begin::Body-->
                          <div class="card-body py-3">
                            <div class="tab-content">
                              <!--begin::Tap pane-->
                              <div class="tab-pane fade show active" id="kt_table_widget_5_tab_1">
                                <!--begin::Table container-->
                                <div class="table-responsive">
                                  <!--begin::Table-->
                                  <table class="table table-row-dashed table-row-gray-200 align-middle gs-0 gy-4">
                                    <!--begin::Table head-->
                                    <thead>
                                      <tr class="border-0">
                                        <th class="p-0 w-50px"></th>
                                        <th class="p-0 min-w-150px"></th>
                                        <th class="p-0 min-w-140px"></th>
                                        <th class="p-0 min-w-110px"></th>
                                        <th class="p-0 min-w-50px"></th>
                                      </tr>
                                    </thead>
                                    <!--end::Table head-->
                                    <!--begin::Table body-->
                                    <tbody>
                                      <tr>
                                        <td>
                                          <div class="symbol symbol-45px me-2">
                                            <span class="symbol-label">
                                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/plurk.svg" class="h-50 align-self-center" alt="" />
                                            </span>
                                          </div>
                                        </td>
                                        <td>
                                          <a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">Brad Simmons</a>
                                          <span class="text-muted fw-semibold d-block">Movie Creator</span>
                                        </td>
                                        <td class="text-end text-muted fw-bold">React, HTML</td>
                                        <td class="text-end">
                                          <span class="badge badge-light-success">Approved</span>
                                        </td>
                                        <td class="text-end">
                                          <a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                            <span class="svg-icon svg-icon-2">
                                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor" />
                                                <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor" />
                                              </svg>
                                            </span>
                                            <!--end::Svg Icon-->
                                          </a>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td>
                                          <div class="symbol symbol-45px me-2">
                                            <span class="symbol-label">
                                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/telegram.svg" class="h-50 align-self-center" alt="" />
                                            </span>
                                          </div>
                                        </td>
                                        <td>
                                          <a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">Popular Authors</a>
                                          <span class="text-muted fw-semibold d-block">Most Successful</span>
                                        </td>
                                        <td class="text-end text-muted fw-bold">Python, MySQL</td>
                                        <td class="text-end">
                                          <span class="badge badge-light-warning">In Progress</span>
                                        </td>
                                        <td class="text-end">
                                          <a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                            <span class="svg-icon svg-icon-2">
                                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor" />
                                                <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor" />
                                              </svg>
                                            </span>
                                            <!--end::Svg Icon-->
                                          </a>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td>
                                          <div class="symbol symbol-45px me-2">
                                            <span class="symbol-label">
                                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/vimeo.svg" class="h-50 align-self-center" alt="" />
                                            </span>
                                          </div>
                                        </td>
                                        <td>
                                          <a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">New Users</a>
                                          <span class="text-muted fw-semibold d-block">Awesome Users</span>
                                        </td>
                                        <td class="text-end text-muted fw-bold">Laravel,Metronic</td>
                                        <td class="text-end">
                                          <span class="badge badge-light-primary">Success</span>
                                        </td>
                                        <td class="text-end">
                                          <a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                            <span class="svg-icon svg-icon-2">
                                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor" />
                                                <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor" />
                                              </svg>
                                            </span>
                                            <!--end::Svg Icon-->
                                          </a>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td>
                                          <div class="symbol symbol-45px me-2">
                                            <span class="symbol-label">
                                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/bebo.svg" class="h-50 align-self-center" alt="" />
                                            </span>
                                          </div>
                                        </td>
                                        <td>
                                          <a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">Active Customers</a>
                                          <span class="text-muted fw-semibold d-block">Movie Creator</span>
                                        </td>
                                        <td class="text-end text-muted fw-bold">AngularJS, C#</td>
                                        <td class="text-end">
                                          <span class="badge badge-light-danger">Rejected</span>
                                        </td>
                                        <td class="text-end">
                                          <a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                            <span class="svg-icon svg-icon-2">
                                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor" />
                                                <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor" />
                                              </svg>
                                            </span>
                                            <!--end::Svg Icon-->
                                          </a>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td>
                                          <div class="symbol symbol-45px me-2">
                                            <span class="symbol-label">
                                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/kickstarter.svg" class="h-50 align-self-center" alt="" />
                                            </span>
                                          </div>
                                        </td>
                                        <td>
                                          <a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">Bestseller Theme</a>
                                          <span class="text-muted fw-semibold d-block">Best Customers</span>
                                        </td>
                                        <td class="text-end text-muted fw-bold">ReactJS, Ruby</td>
                                        <td class="text-end">
                                          <span class="badge badge-light-warning">In Progress</span>
                                        </td>
                                        <td class="text-end">
                                          <a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                            <span class="svg-icon svg-icon-2">
                                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor" />
                                                <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor" />
                                              </svg>
                                            </span>
                                            <!--end::Svg Icon-->
                                          </a>
                                        </td>
                                      </tr>
                                    </tbody>
                                    <!--end::Table body-->
                                  </table>
                                </div>
                                <!--end::Table-->
                              </div>
                              <!--end::Tap pane-->
                              <!--begin::Tap pane-->
                              <div class="tab-pane fade" id="kt_table_widget_5_tab_2">
                                <!--begin::Table container-->
                                <div class="table-responsive">
                                  <!--begin::Table-->
                                  <table class="table table-row-dashed table-row-gray-200 align-middle gs-0 gy-4">
                                    <!--begin::Table head-->
                                    <thead>
                                      <tr class="border-0">
                                        <th class="p-0 w-50px"></th>
                                        <th class="p-0 min-w-150px"></th>
                                        <th class="p-0 min-w-140px"></th>
                                        <th class="p-0 min-w-110px"></th>
                                        <th class="p-0 min-w-50px"></th>
                                      </tr>
                                    </thead>
                                    <!--end::Table head-->
                                    <!--begin::Table body-->
                                    <tbody>
                                      <tr>
                                        <td>
                                          <div class="symbol symbol-45px me-2">
                                            <span class="symbol-label">
                                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/plurk.svg" class="h-50 align-self-center" alt="" />
                                            </span>
                                          </div>
                                        </td>
                                        <td>
                                          <a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">Brad Simmons</a>
                                          <span class="text-muted fw-semibold d-block">Movie Creator</span>
                                        </td>
                                        <td class="text-end text-muted fw-bold">React, HTML</td>
                                        <td class="text-end">
                                          <span class="badge badge-light-success">Approved</span>
                                        </td>
                                        <td class="text-end">
                                          <a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                            <span class="svg-icon svg-icon-2">
                                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor" />
                                                <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor" />
                                              </svg>
                                            </span>
                                            <!--end::Svg Icon-->
                                          </a>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td>
                                          <div class="symbol symbol-45px me-2">
                                            <span class="symbol-label">
                                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/telegram.svg" class="h-50 align-self-center" alt="" />
                                            </span>
                                          </div>
                                        </td>
                                        <td>
                                          <a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">Popular Authors</a>
                                          <span class="text-muted fw-semibold d-block">Most Successful</span>
                                        </td>
                                        <td class="text-end text-muted fw-bold">Python, MySQL</td>
                                        <td class="text-end">
                                          <span class="badge badge-light-warning">In Progress</span>
                                        </td>
                                        <td class="text-end">
                                          <a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                            <span class="svg-icon svg-icon-2">
                                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor" />
                                                <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor" />
                                              </svg>
                                            </span>
                                            <!--end::Svg Icon-->
                                          </a>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td>
                                          <div class="symbol symbol-45px me-2">
                                            <span class="symbol-label">
                                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/bebo.svg" class="h-50 align-self-center" alt="" />
                                            </span>
                                          </div>
                                        </td>
                                        <td>
                                          <a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">Active Customers</a>
                                          <span class="text-muted fw-semibold d-block">Movie Creator</span>
                                        </td>
                                        <td class="text-end text-muted fw-bold">AngularJS, C#</td>
                                        <td class="text-end">
                                          <span class="badge badge-light-danger">Rejected</span>
                                        </td>
                                        <td class="text-end">
                                          <a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                            <span class="svg-icon svg-icon-2">
                                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor" />
                                                <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor" />
                                              </svg>
                                            </span>
                                            <!--end::Svg Icon-->
                                          </a>
                                        </td>
                                      </tr>
                                    </tbody>
                                    <!--end::Table body-->
                                  </table>
                                </div>
                                <!--end::Table-->
                              </div>
                              <!--end::Tap pane-->
                              <!--begin::Tap pane-->
                              <div class="tab-pane fade" id="kt_table_widget_5_tab_3">
                                <!--begin::Table container-->
                                <div class="table-responsive">
                                  <!--begin::Table-->
                                  <table class="table table-row-dashed table-row-gray-200 align-middle gs-0 gy-4">
                                    <!--begin::Table head-->
                                    <thead>
                                      <tr class="border-0">
                                        <th class="p-0 w-50px"></th>
                                        <th class="p-0 min-w-150px"></th>
                                        <th class="p-0 min-w-140px"></th>
                                        <th class="p-0 min-w-110px"></th>
                                        <th class="p-0 min-w-50px"></th>
                                      </tr>
                                    </thead>
                                    <!--end::Table head-->
                                    <!--begin::Table body-->
                                    <tbody>
                                      <tr>
                                        <td>
                                          <div class="symbol symbol-45px me-2">
                                            <span class="symbol-label">
                                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/kickstarter.svg" class="h-50 align-self-center" alt="" />
                                            </span>
                                          </div>
                                        </td>
                                        <td>
                                          <a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">Bestseller Theme</a>
                                          <span class="text-muted fw-semibold d-block">Best Customers</span>
                                        </td>
                                        <td class="text-end text-muted fw-bold">ReactJS, Ruby</td>
                                        <td class="text-end">
                                          <span class="badge badge-light-warning">In Progress</span>
                                        </td>
                                        <td class="text-end">
                                          <a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                            <span class="svg-icon svg-icon-2">
                                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor" />
                                                <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor" />
                                              </svg>
                                            </span>
                                            <!--end::Svg Icon-->
                                          </a>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td>
                                          <div class="symbol symbol-45px me-2">
                                            <span class="symbol-label">
                                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/bebo.svg" class="h-50 align-self-center" alt="" />
                                            </span>
                                          </div>
                                        </td>
                                        <td>
                                          <a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">Active Customers</a>
                                          <span class="text-muted fw-semibold d-block">Movie Creator</span>
                                        </td>
                                        <td class="text-end text-muted fw-bold">AngularJS, C#</td>
                                        <td class="text-end">
                                          <span class="badge badge-light-danger">Rejected</span>
                                        </td>
                                        <td class="text-end">
                                          <a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                            <span class="svg-icon svg-icon-2">
                                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor" />
                                                <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor" />
                                              </svg>
                                            </span>
                                            <!--end::Svg Icon-->
                                          </a>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td>
                                          <div class="symbol symbol-45px me-2">
                                            <span class="symbol-label">
                                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/vimeo.svg" class="h-50 align-self-center" alt="" />
                                            </span>
                                          </div>
                                        </td>
                                        <td>
                                          <a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">New Users</a>
                                          <span class="text-muted fw-semibold d-block">Awesome Users</span>
                                        </td>
                                        <td class="text-end text-muted fw-bold">Laravel,Metronic</td>
                                        <td class="text-end">
                                          <span class="badge badge-light-primary">Success</span>
                                        </td>
                                        <td class="text-end">
                                          <a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                            <span class="svg-icon svg-icon-2">
                                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor" />
                                                <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor" />
                                              </svg>
                                            </span>
                                            <!--end::Svg Icon-->
                                          </a>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td>
                                          <div class="symbol symbol-45px me-2">
                                            <span class="symbol-label">
                                              <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/telegram.svg" class="h-50 align-self-center" alt="" />
                                            </span>
                                          </div>
                                        </td>
                                        <td>
                                          <a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">Popular Authors</a>
                                          <span class="text-muted fw-semibold d-block">Most Successful</span>
                                        </td>
                                        <td class="text-end text-muted fw-bold">Python, MySQL</td>
                                        <td class="text-end">
                                          <span class="badge badge-light-warning">In Progress</span>
                                        </td>
                                        <td class="text-end">
                                          <a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                            <span class="svg-icon svg-icon-2">
                                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor" />
                                                <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor" />
                                              </svg>
                                            </span>
                                            <!--end::Svg Icon-->
                                          </a>
                                        </td>
                                      </tr>
                                    </tbody>
                                    <!--end::Table body-->
                                  </table>
                                </div>
                                <!--end::Table-->
                              </div>
                              <!--end::Tap pane-->
                            </div>
                          </div>
                          <!--end::Body-->
                        </div>
                        <!--end::Tables Widget 5-->
                        <!--begin::Row-->
                        <div class="row g-5 g-xl-8">
                          <!--begin::Col-->
                          <div class="col-xl-6">
                            <!--begin::Mixed Widget 8-->
                            <div class="card card-xl-stretch mb-xl-8">
                              <!--begin::Body-->
                              <div class="card-body">
                                <!--begin::Heading-->
                                <div class="d-flex flex-stack">
                                  <!--begin:Info-->
                                  <div class="d-flex align-items-center">
                                    <!--begin:Image-->
                                    <div class="symbol symbol-60px me-5">
                                      <span class="symbol-label bg-danger-light">
                                        <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/plurk.svg" class="h-50 align-self-center" alt="" />
                                      </span>
                                    </div>
                                    <!--end:Image-->
                                    <!--begin:Title-->
                                    <div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3">
                                      <a href="#" class="text-dark fw-bold text-hover-primary fs-5">Monthly Subscription</a>
                                      <span class="text-muted fw-bold">Due: 27 Apr 2020</span>
                                    </div>
                                    <!--end:Title-->
                                  </div>
                                  <!--begin:Info-->
                                  <!--begin:Menu-->
                                  <div class="ms-1">
                                    <button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                                      <!--begin::Svg Icon | path: icons/duotune/general/gen024.svg-->
                                      <span class="svg-icon svg-icon-2">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
                                          <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                            <rect x="5" y="5" width="5" height="5" rx="1" fill="currentColor" />
                                            <rect x="14" y="5" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                            <rect x="5" y="14" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                            <rect x="14" y="14" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                          </g>
                                        </svg>
                                      </span>
                                      <!--end::Svg Icon-->
                                    </button>
                                    <!--begin::Menu 2-->
                                    <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px" data-kt-menu="true">
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3">
                                        <div class="menu-content fs-6 text-dark fw-bold px-3 py-4">Quick Actions</div>
                                      </div>
                                      <!--end::Menu item-->
                                      <!--begin::Menu separator-->
                                      <div class="separator mb-3 opacity-75"></div>
                                      <!--end::Menu separator-->
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3">
                                        <a href="#" class="menu-link px-3">New Ticket</a>
                                      </div>
                                      <!--end::Menu item-->
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3">
                                        <a href="#" class="menu-link px-3">New Customer</a>
                                      </div>
                                      <!--end::Menu item-->
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
                                        <!--begin::Menu item-->
                                        <a href="#" class="menu-link px-3">
                                          <span class="menu-title">New Group</span>
                                          <span class="menu-arrow"></span>
                                        </a>
                                        <!--end::Menu item-->
                                        <!--begin::Menu sub-->
                                        <div class="menu-sub menu-sub-dropdown w-175px py-4">
                                          <!--begin::Menu item-->
                                          <div class="menu-item px-3">
                                            <a href="#" class="menu-link px-3">Admin Group</a>
                                          </div>
                                          <!--end::Menu item-->
                                          <!--begin::Menu item-->
                                          <div class="menu-item px-3">
                                            <a href="#" class="menu-link px-3">Staff Group</a>
                                          </div>
                                          <!--end::Menu item-->
                                          <!--begin::Menu item-->
                                          <div class="menu-item px-3">
                                            <a href="#" class="menu-link px-3">Member Group</a>
                                          </div>
                                          <!--end::Menu item-->
                                        </div>
                                        <!--end::Menu sub-->
                                      </div>
                                      <!--end::Menu item-->
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3">
                                        <a href="#" class="menu-link px-3">New Contact</a>
                                      </div>
                                      <!--end::Menu item-->
                                      <!--begin::Menu separator-->
                                      <div class="separator mt-3 opacity-75"></div>
                                      <!--end::Menu separator-->
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3">
                                        <div class="menu-content px-3 py-3">
                                          <a class="btn btn-primary btn-sm px-4" href="#">Generate Reports</a>
                                        </div>
                                      </div>
                                      <!--end::Menu item-->
                                    </div>
                                    <!--end::Menu 2-->
                                  </div>
                                  <!--end::Menu-->
                                </div>
                                <!--end::Heading-->
                                <!--begin:Stats-->
                                <div class="d-flex flex-column w-100 mt-12">
                                  <span class="text-dark me-2 fw-bold pb-3">Progress</span>
                                  <div class="progress h-5px w-100">
                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                                  </div>
                                </div>
                                <!--end:Stats-->
                                <!--begin:Team-->
                                <div class="d-flex flex-column mt-10">
                                  <div class="text-dark me-2 fw-bold pb-4">Team</div>
                                  <div class="d-flex">
                                    <a href="#" class="symbol symbol-35px me-2" data-bs-toggle="tooltip" title="Ana Stone">
                                      <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/avatars/300-6.jpg" alt="" />
                                    </a>
                                    <a href="#" class="symbol symbol-35px me-2" data-bs-toggle="tooltip" title="Mark Larson">
                                      <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/avatars/300-5.jpg" alt="" />
                                    </a>
                                    <a href="#" class="symbol symbol-35px me-2" data-bs-toggle="tooltip" title="Sam Harris">
                                      <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/avatars/300-9.jpg" alt="" />
                                    </a>
                                    <a href="#" class="symbol symbol-35px" data-bs-toggle="tooltip" title="Alice Micto">
                                      <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/avatars/300-10.jpg" alt="" />
                                    </a>
                                  </div>
                                </div>
                                <!--end:Team-->
                              </div>
                              <!--end::Body-->
                            </div>
                            <!--end::Mixed Widget 8-->
                          </div>
                          <!--end::Col-->
                          <!--begin::Col-->
                          <div class="col-xl-6">
                            <!--begin::Mixed Widget 8-->
                            <div class="card card-xl-stretch mb-xl-8">
                              <!--begin::Body-->
                              <div class="card-body">
                                <!--begin::Heading-->
                                <div class="d-flex flex-stack">
                                  <!--begin:Info-->
                                  <div class="d-flex align-items-center">
                                    <!--begin:Image-->
                                    <div class="symbol symbol-60px me-5">
                                      <span class="symbol-label bg-primary-light">
                                        <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/svg/brand-logos/vimeo.svg" class="h-50 align-self-center" alt="" />
                                      </span>
                                    </div>
                                    <!--end:Image-->
                                    <!--begin:Title-->
                                    <div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3">
                                      <a href="#" class="text-dark fw-bold text-hover-primary fs-5">Monthly Subscription</a>
                                      <span class="text-muted fw-bold">Due: 27 Apr 2020</span>
                                    </div>
                                    <!--end:Title-->
                                  </div>
                                  <!--begin:Info-->
                                  <!--begin:Menu-->
                                  <div class="ms-1">
                                    <button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                                      <!--begin::Svg Icon | path: icons/duotune/general/gen024.svg-->
                                      <span class="svg-icon svg-icon-2">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
                                          <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                            <rect x="5" y="5" width="5" height="5" rx="1" fill="currentColor" />
                                            <rect x="14" y="5" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                            <rect x="5" y="14" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                            <rect x="14" y="14" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                          </g>
                                        </svg>
                                      </span>
                                      <!--end::Svg Icon-->
                                    </button>
                                    <!--begin::Menu 2-->
                                    <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px" data-kt-menu="true">
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3">
                                        <div class="menu-content fs-6 text-dark fw-bold px-3 py-4">Quick Actions</div>
                                      </div>
                                      <!--end::Menu item-->
                                      <!--begin::Menu separator-->
                                      <div class="separator mb-3 opacity-75"></div>
                                      <!--end::Menu separator-->
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3">
                                        <a href="#" class="menu-link px-3">New Ticket</a>
                                      </div>
                                      <!--end::Menu item-->
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3">
                                        <a href="#" class="menu-link px-3">New Customer</a>
                                      </div>
                                      <!--end::Menu item-->
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
                                        <!--begin::Menu item-->
                                        <a href="#" class="menu-link px-3">
                                          <span class="menu-title">New Group</span>
                                          <span class="menu-arrow"></span>
                                        </a>
                                        <!--end::Menu item-->
                                        <!--begin::Menu sub-->
                                        <div class="menu-sub menu-sub-dropdown w-175px py-4">
                                          <!--begin::Menu item-->
                                          <div class="menu-item px-3">
                                            <a href="#" class="menu-link px-3">Admin Group</a>
                                          </div>
                                          <!--end::Menu item-->
                                          <!--begin::Menu item-->
                                          <div class="menu-item px-3">
                                            <a href="#" class="menu-link px-3">Staff Group</a>
                                          </div>
                                          <!--end::Menu item-->
                                          <!--begin::Menu item-->
                                          <div class="menu-item px-3">
                                            <a href="#" class="menu-link px-3">Member Group</a>
                                          </div>
                                          <!--end::Menu item-->
                                        </div>
                                        <!--end::Menu sub-->
                                      </div>
                                      <!--end::Menu item-->
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3">
                                        <a href="#" class="menu-link px-3">New Contact</a>
                                      </div>
                                      <!--end::Menu item-->
                                      <!--begin::Menu separator-->
                                      <div class="separator mt-3 opacity-75"></div>
                                      <!--end::Menu separator-->
                                      <!--begin::Menu item-->
                                      <div class="menu-item px-3">
                                        <div class="menu-content px-3 py-3">
                                          <a class="btn btn-primary btn-sm px-4" href="#">Generate Reports</a>
                                        </div>
                                      </div>
                                      <!--end::Menu item-->
                                    </div>
                                    <!--end::Menu 2-->
                                  </div>
                                  <!--end::Menu-->
                                </div>
                                <!--end::Heading-->
                                <!--begin:Stats-->
                                <div class="d-flex flex-column w-100 mt-12">
                                  <span class="text-dark me-2 fw-bold pb-3">Progress</span>
                                  <div class="progress h-5px w-100">
                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                                  </div>
                                </div>
                                <!--end:Stats-->
                                <!--begin:Team-->
                                <div class="d-flex flex-column mt-10">
                                  <div class="text-dark me-2 fw-bold pb-4">Team</div>
                                  <div class="d-flex">
                                    <a href="#" class="symbol symbol-35px me-2" data-bs-toggle="tooltip" title="Ana Stone">
                                      <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/avatars/300-6.jpg" alt="" />
                                    </a>
                                    <a href="#" class="symbol symbol-35px me-2" data-bs-toggle="tooltip" title="Mark Larson">
                                      <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/avatars/300-5.jpg" alt="" />
                                    </a>
                                    <a href="#" class="symbol symbol-35px me-2" data-bs-toggle="tooltip" title="Sam Harris">
                                      <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/avatars/300-9.jpg" alt="" />
                                    </a>
                                    <a href="#" class="symbol symbol-35px" data-bs-toggle="tooltip" title="Alice Micto">
                                      <img src="<?php echo $this->config->item('Template_template_file_url'); ?>template_8/assets/media/avatars/300-10.jpg" alt="" />
                                    </a>
                                  </div>
                                </div>
                                <!--end:Team-->
                              </div>
                              <!--end::Body-->
                            </div>
                            <!--end::Mixed Widget 8-->
                          </div>
                          <!--end::Col-->
                        </div>
                        <!--end::Row-->
                      </div>
                      <!--end::Col-->
                    </div>
                  </div>
                  <!--end::Content container-->
                </div>
                <!--end::Content-->
              </div>
              <!--end::Content wrapper-->
              <!--begin::Footer-->
              <?php $this->view("includes/Inc_footer".$this->config->item('page_template'));?>
              <!--end::Footer-->
              <!--end::Main-->
              <!--begin::Javascript-->
              <?php $this->view("includes/Inc_scripts".$this->config->item('page_template'));?>
              <script>
$("#menu_dashboard").addClass('active');
</script>
