<!DOCTYPE html>

<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 4 & Angular 8
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<html lang="en">

    <!-- begin::Head -->
    <head>

        <!--begin::Base Path (base relative path fometronic of this page) -->
        <base href="../portal/">

        <!--end::Base Path -->
        <meta charset="utf-8" />
		<link rel="icon" href="image/favicon.png" type="image/x-icon" />
		<link rel="apple-touch-icon" href="image/favicon.png">
        <title><?php echo APP_NAME; ?></title>
        <meta name="description" content="Updates and statistics">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!--begin::Fonts -->
        <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script>
<!--         <script>
            WebFont.load({
                google: {
                    "families": ["Poppins:300,400,500,600,700", "Roboto:300,400,500,600,700"]
                },
                active: function() {
                    sessionStorage.fonts = true;
                }
            });
        </script> -->

        <!--end::Fonts -->

        <!--begin::Page Vendors Styles(used by this page) -->
        <!-- <link href="metronic/vendors/custom/fullcalendar/fullcalendar.bundle.css" rel="stylesheet" type="text/css" /> -->
        <link href="metronic/vendors/general/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" type="text/css" />
        <!--end::Page Vendors Styles -->

        <!--begin:: Global Optional Vendors -->
        <link href="metronic/vendors/general/tether/dist/css/tether.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/bootstrap-datetime-picker/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/bootstrap-timepicker/css/bootstrap-timepicker.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/bootstrap-select/dist/css/bootstrap-select.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/select2/dist/css/select2.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/ion-rangeslider/css/ion.rangeSlider.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/nouislider/distribute/nouislider.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/owl.carousel/dist/assets/owl.carousel.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/owl.carousel/dist/assets/owl.theme.default.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/dropzone/dist/dropzone.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/summernote/dist/summernote.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/bootstrap-markdown/css/bootstrap-markdown.min.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/animate.css/animate.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/toastr/build/toastr.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/morris.js/morris.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/sweetalert2/dist/sweetalert2.min.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/socicon/css/socicon.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/custom/vendors/line-awesome/css/line-awesome.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/custom/vendors/flaticon/flaticon.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/custom/vendors/flaticon2/flaticon.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css" />
        <!-- <link href="css/components-md.min.css" rel="stylesheet" id="style_components" type="text/css" /> -->
        <!--end:: Global Optional Vendors -->

        <!--begin:: Global Mandatory Vendors -->
        <link href="metronic/vendors/general/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css" />

        <!--end:: Global Mandatory Vendors -->

        <!--begin::Global Theme Styles(used by all pages) -->
        <link href="metronic/css/style.bundle.css" rel="stylesheet" type="text/css" />

        <!--end::Global Theme Styles -->

        <!--begin::Layout Skins(used by all pages) -->
        <link href="metronic/css/skins/header/base/dark.css" rel="stylesheet" type="text/css" />
        <link href="metronic/css/skins/header/menu/dark.css" rel="stylesheet" type="text/css" />
        <link href="metronic/css/skins/brand/dark.css" rel="stylesheet" type="text/css" />
        <link href="metronic/css/skins/aside/dark.css" rel="stylesheet" type="text/css" />

        <!--end::Layout Skins -->

        <!--begin::Columns Features -->
        <!-- <link rel="stylesheet" href="css/dragndrop.table.columns.css" /> -->

        <!--end::Columns Features -->

        <link href="assets/css/jquery.fileupload.css" rel="stylesheet" type="text/css">
        <link href="assets/css/jquery.fileupload-ui.css" rel="stylesheet" type="text/css">

        <link rel="shortcut icon" href="image/logo-sbg.jpg" />

        <style type="text/css">
            * {
                font-family: 'Verdana';
              }

            
              #kt_content {
                
                top: 0px;
                right: 0px;
                bottom: 0px;
                left: 0px;
            }

        </style>
    </head>

    <!-- end::Head -->

    <!-- begin::Body -->
    <body class="kt-quick-panel--right kt-demo-panel--right kt-offcanvas-panel--right kt-header--fixed kt-header-mobile--fixed kt-subheader--enabled kt-subheader--fixed kt-subheader--solid kt-aside--enabled kt-aside--fixed kt-page--loading kt-brand--minimize kt-aside--minimize">

        <!-- begin:: Page -->

        <!-- begin:: Header Mobile -->
        <div id="kt_header_mobile" class="kt-header-mobile  kt-header-mobile--fixed ">
            <div class="kt-header-mobile__logo">
                 <!-- <h4 style="color:white;">PService</h4> -->
            </div>
            <div class="kt-header-mobile__toolbar">
                <button class="kt-header-mobile__toggler kt-header-mobile__toggler--left" id="kt_aside_mobile_toggler"><span></span></button>
                <!-- <button class="kt-header-mobile__toggler" id="kt_header_mobile_toggler"><span></span></button> -->
                <button class="kt-header-mobile__topbar-toggler" id="kt_header_mobile_topbar_toggler"><i class="flaticon-more"></i></button>
            </div>
        </div>

        <!-- end:: Header Mobile -->
        <div class="kt-grid kt-grid--hor kt-grid--root">
            <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">

                <!-- begin:: Aside -->
                <button class="kt-aside-close " id="kt_aside_close_btn"><i class="la la-close"></i></button>
                <div class="kt-aside  kt-aside--fixed  kt-grid__item kt-grid kt-grid--desktop kt-grid--hor-desktop" id="kt_aside">

                    <!-- begin:: Aside -->
                    <div class="kt-aside__brand kt-grid__item " id="kt_aside_brand">
                        <div class="kt-aside__brand-logo">
                            <img alt="Logo" src="metronic/media/logos/logo.png" />
                        </div>
                        <div class="kt-aside__brand-tools">
                            <button class="kt-aside__brand-aside-toggler" id="kt_aside_toggler">
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <rect id="Rectangle-20" fill="#000000" x="4" y="5" width="16" height="3" rx="1.5"/>
                                        <rect id="Rectangle-20" fill="#000000" x="4" y="10" width="16" height="3" rx="1.5"/>
                                        <rect id="Rectangle-20" fill="#000000" x="4" y="15" width="16" height="3" rx="1.5"/>
                                        <path d="M5.5,15 L18.5,15 C19.3284271,15 20,15.6715729 20,16.5 C20,17.3284271 19.3284271,18 18.5,18 L5.5,18 C4.67157288,18 4,17.3284271 4,16.5 C4,15.6715729 4.67157288,15 5.5,15 Z M5.5,10 L18.5,10 C19.3284271,10 20,10.6715729 20,11.5 C20,12.3284271 19.3284271,13 18.5,13 L5.5,13 C4.67157288,13 4,12.3284271 4,11.5 C4,10.6715729 4.67157288,10 5.5,10 Z" id="Combined-Shape" fill="#000000" opacity="0.3"/>
                                        <path d="M10.7071009,15.7071068 C10.3165766,16.0976311 9.68341162,16.0976311 9.29288733,15.7071068 C8.90236304,15.3165825 8.90236304,14.6834175 9.29288733,14.2928932 L15.2928873,8.29289322 C15.6714663,7.91431428 16.2810527,7.90106866 16.6757187,8.26284586 L22.6757187,13.7628459 C23.0828377,14.1360383 23.1103407,14.7686056 22.7371482,15.1757246 C22.3639558,15.5828436 21.7313885,15.6103465 21.3242695,15.2371541 L16.0300699,10.3841378 L10.7071009,15.7071068 Z" id="Path-94" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(15.999997, 11.999999) scale(-1, 1) rotate(-270.000000) translate(-15.999997, -11.999999) " />
                                        </g>
                                    </svg>
                                </span>
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <rect id="Rectangle-20" fill="#000000" x="4" y="5" width="16" height="3" rx="1.5"/>
                                        <rect id="Rectangle-20" fill="#000000" x="4" y="10" width="16" height="3" rx="1.5"/>
                                        <rect id="Rectangle-20" fill="#000000" x="4" y="15" width="16" height="3" rx="1.5"/>
                                        <path d="M5.5,15 L18.5,15 C19.3284271,15 20,15.6715729 20,16.5 C20,17.3284271 19.3284271,18 18.5,18 L5.5,18 C4.67157288,18 4,17.3284271 4,16.5 C4,15.6715729 4.67157288,15 5.5,15 Z M5.5,10 L18.5,10 C19.3284271,10 20,10.6715729 20,11.5 C20,12.3284271 19.3284271,13 18.5,13 L5.5,13 C4.67157288,13 4,12.3284271 4,11.5 C4,10.6715729 4.67157288,10 5.5,10 Z" id="Combined-Shape" fill="#000000" opacity="0.3"/>
                                        <path d="M3.70710678,15.7071068 C3.31658249,16.0976311 2.68341751,16.0976311 2.29289322,15.7071068 C1.90236893,15.3165825 1.90236893,14.6834175 2.29289322,14.2928932 L8.29289322,8.29289322 C8.67147216,7.91431428 9.28105859,7.90106866 9.67572463,8.26284586 L15.6757246,13.7628459 C16.0828436,14.1360383 16.1103465,14.7686056 15.7371541,15.1757246 C15.3639617,15.5828436 14.7313944,15.6103465 14.3242754,15.2371541 L9.03007575,10.3841378 L3.70710678,15.7071068 Z" id="Path-94" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(9.000003, 11.999999) rotate(-270.000000) translate(-9.000003, -11.999999) " />
                                        </g>
                                    </svg>
                                </span>
                            </button>
                        </div>
                    </div>

                    <!-- end:: Aside -->

                    <!-- begin:: Aside Menu -->
                    <div class="kt-aside-menu-wrapper kt-grid__item kt-grid__item--fluid" id="kt_aside_menu_wrapper">
                        <div id="kt_aside_menu" class="kt-aside-menu " data-ktmenu-vertical="1" data-ktmenu-scroll="1" data-ktmenu-dropdown-timeout="500">
                            <ul class="kt-menu__nav ">
                                <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                                    <input type="hidden" id="txtNextCommand" value="<?php echo $this->cmd; ?>" />
                                    <a id="id_dashboard" href="<?php echo $this->createMenuFunc("Home","Home Master", Command::PortalHome)?>" class="kt-menu__link kt-menu__toggle">
                                        <span class="kt-menu__link-icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                                <g id="Stockholm-icons-/-Home-/-Home" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <rect id="bound" x="0" y="0" width="24" height="24"></rect>
                                                    <path style="fill:#ffffff;" d="M3.95709826,8.41510662 L11.47855,3.81866389 C11.7986624,3.62303967 12.2013376,3.62303967 12.52145,3.81866389 L20.0429,8.41510557 C20.6374094,8.77841684 21,9.42493654 21,10.1216692 L21,19.0000642 C21,20.1046337 20.1045695,21.0000642 19,21.0000642 L4.99998155,21.0000673 C3.89541205,21.0000673 2.99998155,20.1046368 2.99998155,19.0000673 L2.99999828,10.1216672 C2.99999935,9.42493561 3.36258984,8.77841732 3.95709826,8.41510662 Z M10,13 C9.44771525,13 9,13.4477153 9,14 L9,17 C9,17.5522847 9.44771525,18 10,18 L14,18 C14.5522847,18 15,17.5522847 15,17 L15,14 C15,13.4477153 14.5522847,13 14,13 L10,13 Z" id="Combined-Shape" fill="#000000"></path>
                                                </g>
                                            </svg>
                                        </span>
                                        <span class="kt-menu__link-text">Home</span>
                                    </a>
                                </li>
                                <?php 
                                $rights = $this->clsRights->getPortalRight() ;
                                if($rights[UserRight::C_PORTAL_CUSTOMER_MASTER][UserRight::C_ENABLE]) {
                                ?>
                                <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                                    <a href="<?php echo $this->createMenuFunc("PortalCustomer","Customer Master", Command::PortalCustomer)?>" class="kt-menu__link kt-menu__toggle" id="cust_master">
                                        <span class="kt-menu__link-icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                                <g id="Stockholm-icons-/-Communication-/-Add-user" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <polygon id="Shape" points="0 0 24 0 24 24 0 24"></polygon>
                                                    <path style="fill:#ffffff;" d="M18,8 L16,8 C15.4477153,8 15,7.55228475 15,7 C15,6.44771525 15.4477153,6 16,6 L18,6 L18,4 C18,3.44771525 18.4477153,3 19,3 C19.5522847,3 20,3.44771525 20,4 L20,6 L22,6 C22.5522847,6 23,6.44771525 23,7 C23,7.55228475 22.5522847,8 22,8 L20,8 L20,10 C20,10.5522847 19.5522847,11 19,11 C18.4477153,11 18,10.5522847 18,10 L18,8 Z M9,11 C6.790861,11 5,9.209139 5,7 C5,4.790861 6.790861,3 9,3 C11.209139,3 13,4.790861 13,7 C13,9.209139 11.209139,11 9,11 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero" opacity="0.3"></path>
                                                    <path style="fill:#ffffff;" d="M0.00065168429,20.1992055 C0.388258525,15.4265159 4.26191235,13 8.98334134,13 C13.7712164,13 17.7048837,15.2931929 17.9979143,20.2 C18.0095879,20.3954741 17.9979143,21 17.2466999,21 C13.541124,21 8.03472472,21 0.727502227,21 C0.476712155,21 -0.0204617505,20.45918 0.00065168429,20.1992055 Z" id="Mask-Copy" fill="#000000" fill-rule="nonzero"></path>
                                                </g>
                                            </svg>
                                        </span>
                                        <span class="kt-menu__link-text">Customer Master</span>
                                    </a>
                                </li>
                                <?php
                                }
                                if($rights[UserRight::C_PORTAL_SALES_QUOTATION][UserRight::C_ENABLE]){
                                ?>
                                <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                                    <a href="javascript:" class="kt-menu__link kt-menu__toggle" id="sales_quotation">
                                        <span class="kt-menu__link-icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <rect id="bound" x="0" y="0" width="24" height="24"/>
                                                    <path style="fill:#ffffff;" d="M3.5,21 L20.5,21 C21.3284271,21 22,20.3284271 22,19.5 L22,8.5 C22,7.67157288 21.3284271,7 20.5,7 L10,7 L7.43933983,4.43933983 C7.15803526,4.15803526 6.77650439,4 6.37867966,4 L3.5,4 C2.67157288,4 2,4.67157288 2,5.5 L2,19.5 C2,20.3284271 2.67157288,21 3.5,21 Z" id="Combined-Shape" opacity="0.3"/>
                                                    <path style="fill:#ffff1a;" d="M11.9999651,17.2276651 L9.80187391,18.4352848 C9.53879239,18.5798204 9.21340017,18.4741205 9.07509004,18.1991974 C9.02001422,18.0897216 9.00100892,17.9643258 9.02101638,17.8424227 L9.44081443,15.2846431 L7.66252134,13.4732136 C7.44968392,13.2564102 7.44532889,12.9003514 7.65279409,12.677934 C7.73540782,12.5893662 7.84365664,12.5317281 7.96078237,12.5139426 L10.418323,12.1407676 L11.5173686,9.81362288 C11.6489093,9.53509542 11.97161,9.42073887 12.2381407,9.5582004 C12.3442746,9.6129383 12.4301813,9.70271178 12.4825615,9.81362288 L13.5816071,12.1407676 L16.0391477,12.5139426 C16.3332818,12.5586066 16.5370768,12.8439892 16.4943366,13.1513625 C16.4773173,13.2737601 16.4221618,13.3868813 16.3374088,13.4732136 L14.5591157,15.2846431 L14.9789137,17.8424227 C15.0291578,18.148554 14.8324094,18.4392867 14.5394638,18.4917923 C14.4228114,18.5127004 14.3028166,18.4928396 14.1980562,18.4352848 L11.9999651,17.2276651 Z" id="Star"  opacity="0.7"/>
                                                </g>
                                            </svg>
                                        </span>
                                        <span class="kt-menu__link-text">Sales</span>
                                    </a>
                                    <div class="kt-menu__submenu "><span class="kt-menu__arrow"></span>
                                        <ul class="kt-menu__subnav">
                                            <li class="kt-menu__item " aria-haspopup="true">
                                                <a href="javascript:" onclick="javascript:showAddSalesQuotation();" class="kt-menu__link kt-menu__toggle" id="sales_quotation">
                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot">
                                                        <span></span>
                                                    </i>
                                                    <span class="kt-menu__link-text">Sales Quotation</span>
                                                </a>
                                            </li>
                                            <li class="kt-menu__item " aria-haspopup="true">
                                                <a href="<?php echo $this->createMenuFunc("PortalSalesTarget","Sales Target", Command::PortalSalesTargetView)?>" class="kt-menu__link ">
                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot">
                                                        <span></span>
                                                    </i>
                                                    <span class="kt-menu__link-text">Sales Target</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <?php 
                                }
                                if($rights[UserRight::C_PORTAL_JOB_QUOTATION][UserRight::C_ENABLE]){
                                ?>
                                <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                                    <a href="<?php echo $this->createMenuFunc("PortalJobQuotation","Job Plan", Command::PortalJobQuotation)?>" class="kt-menu__link kt-menu__toggle">
                                        <span class="kt-menu__link-icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                                <g id="Stockholm-icons-/-Files-/-File" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <polygon id="Shape" points="0 0 24 0 24 24 0 24"></polygon>
                                                    <path style="fill:#ffffff;" d="M5.85714286,2 L13.7364114,2 C14.0910962,2 14.4343066,2.12568431 14.7051108,2.35473959 L19.4686994,6.3839416 C19.8056532,6.66894833 20,7.08787823 20,7.52920201 L20,20.0833333 C20,21.8738751 19.9795521,22 18.1428571,22 L5.85714286,22 C4.02044787,22 4,21.8738751 4,20.0833333 L4,3.91666667 C4,2.12612489 4.02044787,2 5.85714286,2 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero" opacity="0.3"></path>
                                                    <rect style="fill:#ffffff;" id="Rectangle" fill="#000000" x="6" y="11" width="9" height="2" rx="1"></rect>
                                                    <rect style="fill:#ffffff;" id="Rectangle-Copy" fill="#000000" x="6" y="15" width="5" height="2" rx="1"></rect>
                                                </g>
                                            </svg>
                                        </span>
                                        <span class="kt-menu__link-text">Job Quotation</span>
                                    </a>
                                </li>
                                <?php
                                }
                                if($rights[UserRight::C_PORTAL_JOB_PLAN][UserRight::C_ENABLE]){
                                ?>
                                <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                                    <a href="<?php echo $this->createMenuFunc("PortalJobCentre","Job Plan", Command::PortalJobCentre)?>" class="kt-menu__link kt-menu__toggle">
                                        <span class="kt-menu__link-icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                                <g id="Stockholm-icons-/-Files-/-User-folder" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <rect id="bound" x="0" y="0" width="24" height="24"></rect>
                                                    <path style="fill:#ffffff;" d="M3.5,21 L20.5,21 C21.3284271,21 22,20.3284271 22,19.5 L22,8.5 C22,7.67157288 21.3284271,7 20.5,7 L10,7 L7.43933983,4.43933983 C7.15803526,4.15803526 6.77650439,4 6.37867966,4 L3.5,4 C2.67157288,4 2,4.67157288 2,5.5 L2,19.5 C2,20.3284271 2.67157288,21 3.5,21 Z" id="Combined-Shape" fill="#000000" opacity="0.3"></path>
                                                    <path style="fill:#ffffff;" d="M12,13 C10.8954305,13 10,12.1045695 10,11 C10,9.8954305 10.8954305,9 12,9 C13.1045695,9 14,9.8954305 14,11 C14,12.1045695 13.1045695,13 12,13 Z" id="Mask" fill="#000000" opacity="0.3"></path>
                                                    <path style="fill:#ffffff;" d="M7.00036205,18.4995035 C7.21569918,15.5165724 9.36772908,14 11.9907452,14 C14.6506758,14 16.8360465,15.4332455 16.9988413,18.5 C17.0053266,18.6221713 16.9988413,19 16.5815,19 C14.5228466,19 11.463736,19 7.4041679,19 C7.26484009,19 6.98863236,18.6619875 7.00036205,18.4995035 Z" id="Mask-Copy" fill="#000000" opacity="0.3"></path>
                                                </g>
                                            </svg>
                                        </span>
                                        <span class="kt-menu__link-text">Job Plan</span>
                                    </a>
                                </li>
                                <?php
                                }
                                if($rights[UserRight::C_PORTAL_SERVICE][UserRight::C_ENABLE]){
                                ?>
                                <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                                    <a href="<?php echo $this->createMenuFunc("PortalActivity","Service", Command::PortalActivity)?>" class="kt-menu__link kt-menu__toggle">
                                        <span class="kt-menu__link-icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                                <g id="Stockholm-icons-/-General-/-Clipboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <rect id="bound" x="0" y="0" width="24" height="24"></rect>
                                                    <path style="fill:#ffffff;" d="M8,3 L8,3.5 C8,4.32842712 8.67157288,5 9.5,5 L14.5,5 C15.3284271,5 16,4.32842712 16,3.5 L16,3 L18,3 C19.1045695,3 20,3.8954305 20,5 L20,21 C20,22.1045695 19.1045695,23 18,23 L6,23 C4.8954305,23 4,22.1045695 4,21 L4,5 C4,3.8954305 4.8954305,3 6,3 L8,3 Z" id="Combined-Shape" fill="#000000" opacity="0.3"></path>
                                                    <path style="fill:#ffffff;" d="M11,2 C11,1.44771525 11.4477153,1 12,1 C12.5522847,1 13,1.44771525 13,2 L14.5,2 C14.7761424,2 15,2.22385763 15,2.5 L15,3.5 C15,3.77614237 14.7761424,4 14.5,4 L9.5,4 C9.22385763,4 9,3.77614237 9,3.5 L9,2.5 C9,2.22385763 9.22385763,2 9.5,2 L11,2 Z" id="Combined-Shape" fill="#000000"></path>
                                                    <rect style="fill:#ffffff;" id="Rectangle-152" fill="#000000" opacity="0.3" x="7" y="10" width="5" height="2" rx="1"></rect>
                                                    <rect style="fill:#ffffff;" id="Rectangle-152-Copy" fill="#000000" opacity="0.3" x="7" y="14" width="9" height="2" rx="1"></rect>
                                                </g>
                                            </svg>
                                        </span>
                                        <span class="kt-menu__link-text">Service</span>
                                    </a>
                                </li>
                                <?php
                                }
                                if($rights[UserRight::C_PORTAL_REPORTS][UserRight::C_ENABLE]){
                                ?>
                                 <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                                    <a href="javascript:;" class="kt-menu__link kt-menu__toggle">
                                        <span class="kt-menu__link-icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                                <g id="Stockholm-icons-/-Files-/-File-cloud" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <polygon id="Shape" points="0 0 24 0 24 24 0 24"></polygon>
                                                    <path style="fill:#ffffff;" d="M5.85714286,2 L13.7364114,2 C14.0910962,2 14.4343066,2.12568431 14.7051108,2.35473959 L19.4686994,6.3839416 C19.8056532,6.66894833 20,7.08787823 20,7.52920201 L20,20.0833333 C20,21.8738751 19.9795521,22 18.1428571,22 L5.85714286,22 C4.02044787,22 4,21.8738751 4,20.0833333 L4,3.91666667 C4,2.12612489 4.02044787,2 5.85714286,2 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero" opacity="0.3"></path>
                                                    <path style="fill:#ffffff;" d="M8.63657261,15.4632487 C7.65328954,14.8436137 7,13.7480988 7,12.5 C7,10.5670034 8.56700338,9 10.5,9 C12.263236,9 13.7219407,10.3038529 13.9645556,12 L15,12 C16.1045695,12 17,12.8954305 17,14 C17,15.1045695 16.1045695,16 15,16 L10,16 C9.47310652,16 8.99380073,15.7962529 8.63657261,15.4632487 Z" id="Combined-Shape" fill="#000000"></path>
                                                </g>
                                            </svg>
                                        </span>
                                        <span class="kt-menu__link-text">Reports</span>
                                        <i class="kt-menu__ver-arrow la la-angle-right"></i>
                                    </a>
                                    <div class="kt-menu__submenu "><span class="kt-menu__arrow"></span>
                                        <ul class="kt-menu__subnav">
                                            <!-- <li class="kt-menu__item " aria-haspopup="true">
                                                <a href="<?php //echo $this->createMenuFunc("Portalmilestone","Milestone Report", Command::PortalMilestone)?>" class="kt-menu__link ">
                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot">
                                                        <span></span>
                                                    </i>
                                                    <span class="kt-menu__link-text">Milestone Report</span>
                                                </a>
                                            </li> -->
                                            <?php
                                            if($rights[UserRight::C_PORTAL_REPORTS][UserRight::C_ENABLE]){
                                            ?>
                                            <li class="kt-menu__item " aria-haspopup="true">
                                                <a href="<?php echo $this->createMenuFunc("PortalReport","Report Master", Command::PortalReportJobStatusSummaryView)?>" class="kt-menu__link ">
                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot">
                                                        <span></span>
                                                    </i>
                                                    <span class="kt-menu__link-text">Job Status Summary</span>
                                                </a>
                                            </li>
                                            <?php
                                            }
                                            if($rights[UserRight::C_PORTAL_REPORTS][UserRight::C_ENABLE]){
                                            ?>
                                            <li class="kt-menu__item " aria-haspopup="true">
                                                <a href="<?php echo $this->createMenuFunc("PortalReport","Report Master", Command::PortalReportJobBillingStatusSummaryView)?>" class="kt-menu__link ">
                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot">
                                                        <span></span>
                                                    </i>
                                                    <span class="kt-menu__link-text">Job Billing Status Summary</span>
                                                </a>
                                            </li>
                                            <?php
                                            }
                                            if($rights[UserRight::C_PORTAL_REPORTS][UserRight::C_ENABLE]){
                                            ?>
                                            <li class="kt-menu__item " aria-haspopup="true">
                                                <a href="<?php echo $this->createMenuFunc("PortalReport","Report Master", Command::PortalReportActualVsBillingView)?>" class="kt-menu__link ">
                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot">
                                                        <span></span>
                                                    </i>
                                                    <span class="kt-menu__link-text">Actual Vs Billing</span>
                                                </a>
                                            </li>
                                            <?php
                                            }
                                            if($rights[UserRight::C_PORTAL_REPORTS][UserRight::C_ENABLE]){
                                            ?>
                                            <li class="kt-menu__item " aria-haspopup="true">
                                                <a href="<?php echo $this->createMenuFunc("PortalReport","Report Master", Command::PortalReportSalesQuotationSummaryView)?>" class="kt-menu__link ">
                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot">
                                                        <span></span>
                                                    </i>
                                                    <span class="kt-menu__link-text">Sales Quotation Summary</span>
                                                </a>
                                            </li>
                                            <?php
                                            }
                                            ?>
                                            <!-- <li class="kt-menu__item " aria-haspopup="true">
                                                <a href="<?php //echo $this->createMenuFunc("PortalReport","Report Master", Command::PortalReportBillingListingView)?>" class="kt-menu__link ">
                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot">
                                                        <span></span>
                                                    </i>
                                                    <span class="kt-menu__link-text">Billing Listing by Job</span>
                                                </a>
                                            </li>
                                            <li class="kt-menu__item " aria-haspopup="true">
                                                <a href="<?php //echo $this->createMenuFunc("PortalReport","Report Master", Command::PortalReportPlanScheduleSummaryView)?>" class="kt-menu__link ">
                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot">
                                                        <span></span>
                                                    </i>
                                                    <span class="kt-menu__link-text">Plan Schedule Summary</span>
                                                </a>
                                            </li> -->
                                            <!-- <li class="kt-menu__item " aria-haspopup="true">
                                                <a href="<?php echo $this->createMenuFunc("PortalReport","Report Master", Command::PortalReportJobPlanVsActualView)?>" class="kt-menu__link ">
                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot">
                                                        <span></span>
                                                    </i>
                                                    <span class="kt-menu__link-text">Job Plan vs Actual</span>
                                                </a>
                                            </li> -->
                                            <!-- <li class="kt-menu__item " aria-haspopup="true">
                                                <a href="<?php //echo $this->createMenuFunc("PortalReport","Report Master", Command::PortalReportPlanVsActualSummaryView)?>" class="kt-menu__link ">
                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot">
                                                        <span></span>
                                                    </i>
                                                    <span class="kt-menu__link-text">Plan Vs Actual Summary - Projects and Service</span>
                                                </a>
                                            </li>
                                            <li class="kt-menu__item " aria-haspopup="true">
                                                <a href="<?php //echo $this->createMenuFunc("PortalReport","Report Master", Command::PortalReportPlanVsActualContractSummaryView)?>" class="kt-menu__link ">
                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot">
                                                        <span></span>
                                                    </i>
                                                    <span class="kt-menu__link-text">Plan Vs Actual Summary - Contract</span>
                                                </a>
                                            </li>
                                            <li class="kt-menu__item " aria-haspopup="true">
                                                <a href="<?php //echo $this->createMenuFunc("PortalReport","Report Master", Command::PortalReportAgentStatusSummaryView)?>" class="kt-menu__link ">
                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot">
                                                        <span></span>
                                                    </i>
                                                    <span class="kt-menu__link-text">Agent Status Summary</span>
                                                </a>
                                            </li> -->
                                        </ul>
                                    </div>
                                </li>
                                <?php
                                }
                                ?>
                            </ul>
                        </div>
                    </div>

                    <!-- end:: Aside Menu -->
                </div>

                <!-- end:: Aside -->
                <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper">

                    <!-- begin:: Header -->
                    <div id="kt_header" class="kt-header kt-grid__item  kt-header--fixed" style="background-color: #1e1e2d;">

                        <!-- begin:: Header Menu -->
                        <button class="kt-header-menu-wrapper-close" id="kt_header_menu_mobile_close_btn"><i class="la la-close"></i></button>
                        <div class="kt-header-menu-wrapper" id="kt_header_menu_wrapper">
                            <div id="kt_header_menu" class="kt-header-menu kt-header-menu-mobile  kt-header-menu--layout-default ">
                                <div class="d-flex align-items-center flex-wrap mr-1">
									<!--begin::Page Heading-->
									<div class="d-flex align-items-baseline flex-wrap mr-5">
										<!--begin::Page Title-->
										<h5 class="text-light font-weight-bold my-1 mr-5" id="subheader_title"></h5>
										<!--end::Page Title-->
										<!--begin::Breadcrumb-->
                                        <ul class="breadcrumb breadcrumb-dot text-light font-weight-bold my-1 mr-5"
                                            style="background-color:#1e1e2d;display:none">
											<li class="breadcrumb-item">
												<a href="" class="text-light">Subheaders</a>
											</li>
											<li class="breadcrumb-item">
												<a href="" class="text-light">Classic</a>
											</li>
										</ul>
										<!--end::Breadcrumb-->
									</div>
									<!--end::Page Heading-->
								</div>
                            </div>
                            
                        </div>

                        <!-- end:: Header Menu -->

                        <!-- begin:: Header Topbar -->
                        <div class="kt-header__topbar">

                            <!--begin: Search -->
<!--                             <div class="kt-header__topbar-item kt-header__topbar-item--search dropdown" id="kt_quick_search_toggle">
                                <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="10px,0px">
                                    <span class="kt-header__topbar-icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect id="bound" x="0" y="0" width="24" height="24" />
                                                <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" id="Path-2" fill="#000000" fill-rule="nonzero" opacity="0.3" />
                                                <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" id="Path" fill="#000000" fill-rule="nonzero" />
                                            </g>
                                        </svg> </span>
                                </div>
                                <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-lg">
                                    <div class="kt-quick-search kt-quick-search--inline" id="kt_quick_search_inline">
                                        <form method="get" class="kt-quick-search__form">
                                            <div class="input-group">
                                                <div class="input-group-prepend"><span class="input-group-text"><i class="flaticon2-search-1"></i></span></div>
                                                <input type="text" class="form-control kt-quick-search__input" placeholder="Search...">
                                                <div class="input-group-append"><span class="input-group-text"><i class="la la-close kt-quick-search__close"></i></span></div>
                                            </div>
                                        </form>
                                        <div class="kt-quick-search__wrapper kt-scroll" data-scroll="true" data-height="300" data-mobile-height="200">
                                        </div>
                                    </div>
                                </div>
                            </div> -->

                            <!--end: Search -->

                            <!--begin: Notification -->
                            <div class="kt-header__topbar-item kt-header__topbar-item--langs">
								<div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="10px,0px" aria-expanded="false">
									<span class="kt-header__topbar-icon">
                                    <!-- <img src="metronic/media/icons/svg/General/Notifications1.svg" /> -->                                    
                                    <span class="svg-icon svg-icon-primary svg-icon-2x">
                                        <!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo1/dist/../src/media/svg/icons/General/Notifications1.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <path d="M17,12 L18.5,12 C19.3284271,12 20,12.6715729 20,13.5 C20,14.3284271 19.3284271,15 18.5,15 L5.5,15 C4.67157288,15 4,14.3284271 4,13.5 C4,12.6715729 4.67157288,12 5.5,12 L7,12 L7.5582739,6.97553494 C7.80974924,4.71225688 9.72279394,3 12,3 C14.2772061,3 16.1902508,4.71225688 16.4417261,6.97553494 L17,12 Z" fill="#000000"/>
                                                <rect fill="#000000" opacity="0.3" x="10" y="16" width="4" height="4" rx="2"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
									</span>
                                    <?php if(intVal($this->getSalesQuotationPendingApproval()) + intVal($this->getSalesQuotationApproval()) > 0) { ?>
                                    <span class="kt-badge kt-badge--danger kt-badge--rounded font-weight-bolder position-relative top-0 right-0 mt-1 mr-1" style="margin-left:-0.5rem;" id="pendingApprovalNoTop"><?php echo (intVal($this->getSalesQuotationPendingApproval()) + intVal($this->getSalesQuotationApproval())); ?></span>
                                    <?php } ?>
								</div>
								<div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-top-unround" x-placement="bottom-end" style="position: absolute; transform: translate3d(1339px, 64px, 0px); top: 0px; left: 0px; will-change: transform;">
									<ul class="kt-nav kt-margin-t-10 kt-margin-b-10">
										<li class="kt-nav__item kt-nav__item--active">
											<a id="sales_quotation_approval_list" href="<?php echo $this->createMenuFunc("PortalSalesQuotation","Sales Quotation Approval", Command::PortalSalesQuotationApprovalListView)?>" class="kt-nav__link">
												<span class="kt-nav__link-text">Sales Quotation </span><span class="kt-badge kt-badge--danger kt-badge--rounded" id="pendingApprovalNoBottom"><?php echo (intVal($this->getSalesQuotationPendingApproval()) + intVal($this->getSalesQuotationApproval())); ?></span>
											</a>
										</li>
									</ul>
								</div>
							</div>
                            <!--end: Notification -->

                            <!--begin: User Bar -->
                            <div class="kt-header__topbar-item kt-header__topbar-item--user">
                                <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="0px,0px">
                                    <div class="kt-header__topbar-user">
                                        <span class="kt-header__topbar-welcome kt-hidden-mobile">Hi,</span>
                                        <span class="kt-header__topbar-username kt-hidden-mobile" id="span_username"><?php echo $user_name; ?> </span>
                                        <img class="kt-hidden" alt="Pic" src="metronic/media/users/300_25.jpg" />

                                        <!--use below badge element instead the user avatar to display username's first letter(remove kt-hidden class to display it) -->
                                        <span class="kt-badge kt-badge--username kt-badge--unified-success kt-badge--lg kt-badge--rounded kt-badge--bold"><?php echo substr($user_name,0,1) ; ?></span>
                                    </div>
                                </div>
                                <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-top-unround dropdown-menu-xl">

                                    <!--begin: Head -->
                                    <div class="kt-user-card kt-user-card--skin-dark kt-notification-item-padding-x" style="background-image: url(metronic/media/misc/bg-1.jpg)">
                                        <div class="kt-user-card__avatar">
                                            <img class="kt-hidden" alt="Pic" src="metronic/media/users/300_25.jpg" />

                                            <!--use below badge element instead the user avatar to display username's first letter(remove kt-hidden class to display it) -->
                                            <span class="kt-badge kt-badge--lg kt-badge--rounded kt-badge--bold kt-font-success"><?php echo substr($user_name,0,1) ; ?></span>
                                        </div>
                                        <div class="kt-user-card__name">
                                            <?php echo $user_name; ?>
                                        </div>
                                    </div>

                                    <!--end: Head -->

                                    <!--begin: Navigation -->
                                    <div class="kt-notification">
                                        <a href="javascript:showChangePassword()" class="kt-notification__item">
                                            <div class="kt-notification__item-icon">
                                                <i class="flaticon2-calendar-3 kt-font-success"></i>
                                            </div>
                                            <div class="kt-notification__item-details">
                                                <div class="kt-notification__item-title kt-font-bold">
                                                    Change Password
                                                </div>
                                            </div>
                                        </a>
                                        <a href="javascript:showSettings()" class="kt-notification__item">
                                            <div class="kt-notification__item-icon">
                                                <i class="flaticon2-gear kt-font-success"></i>
                                            </div>
                                            <div class="kt-notification__item-details">
                                                <div class="kt-notification__item-title kt-font-bold">
                                                    Settings
                                                </div>
                                            </div>
                                        </a>
                                        <div class="kt-notification__custom kt-space-between">
                                            <a href="javascript:onLogout()"  class="btn btn-label btn-label-brand btn-sm btn-bold">Sign Out</a>
                                        </div>
                                    </div>

                                    <!--end: Navigation -->
                                </div>
                            </div>

                            <!--end: User Bar -->
                        </div>

                        <!-- end:: Header Topbar -->
                    </div>

                    <!-- end:: Header -->
                    <div class="kt-content  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content" >


                        <!-- begin:: Content -->
                        <div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid"  
                            style="padding:10px"
                            id="screen_container">
                          
                            <!--Begin::Dashboard 1-->
                           
                            <!--End::Dashboard 1-->
                        </div>

                        <!-- end:: Content -->
                    </div>

                    <!-- begin:: Footer -->
					<!-- <div class="kt-footer  kt-grid__item kt-grid kt-grid--desktop kt-grid--ver-desktop" id="kt_footer">
						<div class="kt-container  kt-container--fluid ">
							<div class="kt-footer__copyright">
								2019&nbsp;&copy;&nbsp;<a href="http://keenthemes.com/metronic" target="_blank" class="kt-link">Keenthemes</a>
							</div>
							<div class="kt-footer__menu">
								<a href="http://keenthemes.com/metronic" target="_blank" class="kt-footer__menu-link kt-link">About</a>
								<a href="http://keenthemes.com/metronic" target="_blank" class="kt-footer__menu-link kt-link">Team</a>
								<a href="http://keenthemes.com/metronic" target="_blank" class="kt-footer__menu-link kt-link">Contact</a>
							</div>
						</div>
                    </div> -->
                    
                </div>
            </div>
        </div>

        <!-- end:: Page -->
        
		<!--begin::Modal-->
		<div class="modal fade" id="modalNewPassword" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
		    <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
		        <div class="modal-content">
		            <div class="modal-header">
		                <h5 class="modal-title" id="exampleModalLabel">New Password</h5>
		                <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button> -->
		            </div>
		            <div class="modal-body">
		                <div class="kt-scroll" data-scroll="true">
		                   <form>
		                   		<div class="form-group row">
								   	<label class="col-6 col-form-label">Old Password</label>
									<div class="col-6">
									<input class="form-control m-input" id="txtOldPwd" maxlength="10" size="20" type="password">
									</div>
								</div>
		                   		<div class="form-group row">
								   	<label class="col-6 col-form-label">New Password</label>
									<div class="col-6">
									<input class="form-control m-input" id="txtNewPwd1" maxlength="10" size="20" type="password">
									</div>
								</div>								
								<div class="form-group row">
								   	<label class="col-6 col-form-label">Confirm Password</label>
									<div class="col-6">
									<input class="form-control m-input" id="txtNewPwd2" maxlength="10" size="20" type="password">
									</div>
								</div>
							</form>
		                </div>
		            </div>
		            <div class="modal-footer">
		                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
		                <button type="button" id="btnChangePwd" class="btn btn-primary">Save changes</button>
		            </div>
		        </div>
		    </div>
		</div>

		<!--end::Modal-->

        <!--begin::Modal-->
		<div class="modal fade" id="modalSettingsDashboard" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1" aria-hidden="true">
		    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
		        <div class="modal-content">
		            <div class="modal-header">
		                <h5 class="modal-title" id="exampleModalLabel1">Settings</h5>
		                <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button> -->
		            </div>
		            <div class="modal-body">
		                <div class="kt-scroll" data-scroll="true">
                            <div class="col-xl-12">
                                <div class="row">
                                    <div class="col-xl-6 col-md-6">
                                        <label for="" class="form-col-label col-md-6">Agent Schedule</label>
                                        <div class="col-md-6">
                                            <input data-switch="true" type="checkbox" checked="checked" id="dashboard1" data-on-text="On" data-off-text="Off" onchange="changeDash1()">
                                            
                                        </div>
                                        
                                    </div>
                                    <div class="col-xl-6 col-md-6">
                                        <label for="" class="form-col-label col-md-6">Top 5 job</label>
                                        <div class="col-md-6">
                                        <input data-switch="true" type="checkbox" checked="checked" id="dashboard2" data-on-text="On" data-off-text="Off" onchange="changeDash2()">
                                        </div>
                                        
                                    </div>
                                    
                                </div>
                                <div class="col-lg-12 kt-separator kt-separator--dashed" style="margin-top: 5px;"></div>
                                <div class="row">
                                    <div class="col-xl-6 col-md-6">
                                        <label for="" class="form-col-label col-md-6">Top 5 Customer</label>
                                        <div class="col-md-6">
                                            <input data-switch="true" type="checkbox" checked="checked" id="dashboard3" data-on-text="On" data-off-text="Off" onchange="changeDash3()">
                                        </div>
                                        
                                    </div>
                                    <div class="col-xl-6 col-md-6">
                                        <label for="" class="form-col-label col-md-6">Top 5 Agent</label>
                                        <div class="col-md-6">
                                            <input data-switch="true" type="checkbox" checked="checked" id="dashboard4" data-on-text="On" data-off-text="Off" onchange="changeDash4()">
                                        </div>
                                        
                                    </div>
                                </div>
                                <div class="col-lg-12 kt-separator kt-separator--dashed" style="margin-top: 5px;"></div>
                                <div class="row">
                                    <div class="col-xl-6 col-md-6">
                                        <label for="" class="form-col-label col-md-6">Upcoming Job</label>
                                        <div class="col-md-6">
                                            <input data-switch="true" type="checkbox" checked="checked" id="dashboard5" data-on-text="On" data-off-text="Off" onchange="changeDash5()">
                                        </div>
                                        
                                    </div>
                                    <div class="col-xl-6 col-md-6">
                                        <label for="" class="form-col-label col-md-6">Jobs Overtime</label>
                                        <div class="col-md-6">
                                            <input data-switch="true" type="checkbox" checked="checked" id="dashboard6" data-on-text="On" data-off-text="Off" onchange="changeDash6()">
                                        </div>
                                        
                                    </div>
                                </div>  
                            </div> 
		                </div>
		            </div>
		            <div class="modal-footer">
		                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
		                <button type="button" class="btn btn-primary">Save changes</button>
		            </div>
		        </div>
		    </div>
		</div>
        <!--end::Modal-->

        <!-- Approval Sales Quotation Modal -->
        <div class="modal fade" id="approvalSalesQuotationModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="modalApprovalSalesQuotationModalTitle">Approval Confirmation</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="flaticon-times"></i></button>
                    </div>
                    <div class="modal-body">
                        <div id="modalApprovalSalesQuotationModalContent">
                            <div class="row" style="margin-left:5%;margin-right:5%;margin-bottom:5px;">
                                <label  for="" class="col-md-2 control-label" style="padding-top:7px;">Quotation #: </label>
                                <div class="col-md-3" >
                                <input type="text" class="form-control" id="txtSalesQuotationNumberApproval" value="" disabled/>
                                </div>
                            </div>
                            <div class="row" style="margin-left:5%;margin-right:5%;margin-bottom:5px;">
                                <label  for="" class="col-md-2 control-label" style="padding-top:7px;">Action: </label>
                                <div class="col-md-3" >
                                    <select class="form-control" id="cobSalesQuotationApprovalStatus">
                                        <option value="">-- Select --</option>
                                        <option value="6">Approve</option>
                                        <option value="7">Reject</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row" style="margin-left:5%;margin-right:5%;">
                                <label  for="" class="col-md-2 control-label" style="padding-top:7px;">Reason: </label>
                                <div class="col-md-10" >
                                    <textarea class="form-control" id="txtSalesQuotationApprovalReason" cols="10" rows="3"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div id="salesQuotationApprovalModalButtonContent">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                            <button type="button" id="btnConfirmApprovalSalesQuotation" class="btn btn-success" onclick="confirmApprovalSalesQuotation(0);">Confirm</button>
                            <input type="hidden" class="form-control" id="txtSalesQuotationIdApproval" value="" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--end::Modal-->

        
        <!-- begin::Scrolltop -->
        <div id="kt_scrolltop" class="kt-scrolltop">
            <i class="fa fa-arrow-up"></i>
        </div>

        <!-- end::Scrolltop -->


        <!-- begin::Global Config(global config for global JS sciprts) -->
        <script>
            var KTAppOptions = {
                "colors": {
                    "state": {
                        "brand": "#5d78ff",
                        "dark": "#282a3c",
                        "light": "#ffffff",
                        "primary": "#5867dd",
                        "success": "#34bfa3",
                        "info": "#36a3f7",
                        "warning": "#ffb822",
                        "danger": "#fd3995"
                    },
                    "base": {
                        "label": ["#c5cbe3", "#a1a8c3", "#3d4465", "#3e4466"],
                        "shape": ["#f0f3ff", "#d9dffa", "#afb4d4", "#646c9a"]
                    }
                }
            };
        </script>

        <!-- end::Global Config -->

        <!--begin:: Global Mandatory Vendors -->
        <script src="metronic/vendors/general/jquery/dist/jquery.js" type="text/javascript"></script>
        <script src="metronic/vendors/general/popper.js/dist/umd/popper.js" type="text/javascript"></script>
        <script src="metronic/vendors/general/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="metronic/vendors/general/js-cookie/src/js.cookie.js" type="text/javascript"></script>
        <script src="metronic/vendors/general/moment/min/moment.min.js" type="text/javascript"></script>
        <script src="metronic/vendors/general/tooltip.js/dist/umd/tooltip.min.js" type="text/javascript"></script>
        <script src="metronic/vendors/general/perfect-scrollbar/dist/perfect-scrollbar.js" type="text/javascript"></script>
        <script src="metronic/vendors/general/sticky-js/dist/sticky.min.js" type="text/javascript"></script>
        <script src="metronic/vendors/general/wnumb/wNumb.js" type="text/javascript"></script>
        <script src="metronic/vendors/general/sweetalert2/dist/sweetalert2.min.js" type="text/javascript"></script>

        <script src="metronic/vendors/general/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/custom/js/vendors/bootstrap-datepicker.init.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/bootstrap-datetime-picker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/bootstrap-timepicker/js/bootstrap-timepicker.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/custom/js/vendors/bootstrap-timepicker.init.js" type="text/javascript"></script>
        <script src="metronic/vendors/general/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
        
        <!-- <script src="metronic/vendors/general/markdown/lib/markdown.js" type="text/javascript"></script> -->
		<script src="metronic/vendors/general/bootstrap-markdown/js/bootstrap-markdown.js" type="text/javascript"></script>
		<script src="metronic/vendors/custom/js/vendors/bootstrap-markdown.init.js" type="text/javascript"></script>
        <!--end:: Global Mandatory Vendors -->

        <!--begin:: Global Optional Vendors -->
        <script src="metronic/vendors/general/bootstrap-switch/dist/js/bootstrap-switch.js" type="text/javascript"></script>
        <script src="metronic/vendors/custom/js/vendors/bootstrap-switch.init.js" type="text/javascript"></script>
        <script src="metronic/js/pages/crud/forms/widgets/bootstrap-switch.js" type="text/javascript"></script>

        <!--end:: Global Optional Vendors -->

        <!--begin::Global Theme Bundle(used by all pages) -->
        <script src="metronic/js/scripts.bundle.js" type="text/javascript"></script>

        <!--end::Global Theme Bundle -->

        <!--begin::Page Vendors(used by this page) -->
        <!-- <script src="metronic/vendors/custom/fullcalendar/fullcalendar.bundle.js" type="text/javascript"></script> -->

        <!--end::Page Vendors -->
       
        <!--begin::Columns Features -->
        <!-- <script src="https://code.jquery.com/jquery-1.12.4.js" type="text/javascript"></script>
        <script src="js/customs.columns.js" type="text/javascript"></script>
        <script src="js/dragndrop.table.columns.js" type="text/javascript"></script> -->
        <!-- <script src="js/sort.table.columns.js" type="text/javascript"></script> -->
        <script src="js/filter.table.columns.js" type="text/javascript"></script>
        <script src="js/sbg-util.js" type="text/javascript"></script>
        <script src="js/sbg-upload.js" type="text/javascript"></script>
        
                <!-- Resources -->
        <script src="https://cdn.amcharts.com/lib/4/core.js"></script>
        <script src="https://cdn.amcharts.com/lib/4/charts.js"></script>
        <script src="https://cdn.amcharts.com/lib/4/themes/material.js"></script>
        <script src="https://cdn.amcharts.com/lib/4/themes/animated.js"></script>
        <script src="https://cdn.amcharts.com/lib/4/themes/frozen.js"></script>
        <script src="https://cdn.amcharts.com/lib/4/themes/dataviz.js"></script>
        <!-- <script src="assets/js/jquery.fileupload.js" type="text/javascript"></script> -->
        <!-- <script src="assets/js/jquery.fileupload-ui.js" type="text/javascript"></script> -->
        <!-- <script src="http://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> -->

        <!-- <script>
            $('.table').dragableColumns({
                drag:true,
                dragClass:'drag',
                overClass:'over',
                movedContainerSelector:'.dnd-moved'
            });
        </script> -->

        <!--end::Column Features -->

        <!--end::Page Scripts -->
        
        <script type ="text/javascript">
        /**to initialize screen index when first load */
        var screen_index =0;
        var home_url  = "<?php echo Util::convertLink("Home") ; ?>" ;
        var customer_url  = "<?php echo Util::convertLink("PortalCustomer") ; ?>" ;
        var jobquotation_url = "<?php echo Util::convertLink("PortalJobQuotation") ; ?>" ;
        var jobcentre_url  = "<?php echo Util::convertLink("PortalJobCentre") ; ?>" ;
        var sales_quotation_url  = "<?php echo Util::convertLink("PortalSalesQuotation") ; ?>" ;
        var sales_target_url  = "<?php echo Util::convertLink("PortalSalesTarget") ; ?>" ;
        var activity_url  = "<?php echo Util::convertLink("PortalActivity") ; ?>" ;
        var report_url  = "<?php echo Util::convertLink("PortalReport") ; ?>" ;

        //for caption with language
        var add_caption = "Add";
        var cancel_caption = "Cancel";
        var close_caption = "Close";
        var ok_caption = "OK";
        var delete_caption = "Delete";
        var submit_caption = "Submit";
        var item_caption = "Item";
        var document_caption = "Document";
        var update_caption = "Update";

        <?php  include (PATH_CODE . "js/portal/home.js") ; ?>
        <?php  include (PATH_CODE . "js/portal/customer.js") ; ?>
        <?php  include (PATH_CODE . "js/portal/jobquotation.js") ; ?>
        <?php  include (PATH_CODE . "js/portal/jobcentre.js") ; ?>
        <?php  include (PATH_CODE . "js/portal/salesquotation/salesquotation.js") ; ?>
        <?php  include (PATH_CODE . "js/portal/salestarget/salestarget.js") ; ?>
        <?php  include (PATH_CODE . "js/portal/activity.js") ; ?>
        <?php  include (PATH_CODE . "js/portal/report.js") ; ?>

        $(document).ready(function () {
            filterRow(false);
            
            if($('#txtNextCommand').val() == "3018")
                document.getElementById("sales_quotation_approval_list").click();
            else
                document.getElementById("id_dashboard").click();

            $('#dashboard1').bootstrapSwitch();
            $('#dashboard2').bootstrapSwitch();
            $('#dashboard3').bootstrapSwitch();
            $('#dashboard4').bootstrapSwitch();
            $('#dashboard5').bootstrapSwitch();
            
        });
       
        $( window ).resize(function() {
            if($( window ).width() > 1024) {
                $('#kt_aside').removeAttr("style");
            }
        });

        function changeDash1() {
            if($('#dashboard1').is(':checked')){
                $('#dashagent').show();
            }else{
                $('#dashagent').hide();
            }
        }
        function changeDash2() {
            if($('#dashboard2').is(':checked')){
                $('#dashjob').show();
            }else{
                $('#dashjob').hide();
            }
        }
        function changeDash3() {
            if($('#dashboard3').is(':checked')){
                $('#dash5cust').show();
            }else{
                $('#dash5cust').hide();
            }
        }
        function changeDash4() {
            if($('#dashboard4').is(':checked')){
                $('#dash5agent').show();
            }else{
                $('#dash5agent').hide();
            }
        }
        function changeDash5() {
            if($('#dashboard5').is(':checked')){
                $('#dashupcoming').show();
            }else{
                $('#dashupcoming').hide();
            }
        }
        function changeDash6() {
            if($('#dashboard6').is(':checked')){
                $('#dashupovertime').show();
            }else{
                $('#dashupovertime').hide();
            }
        }

        </script>

        <!-- <script type="text/javascript">
            if($(".kt-aside__brand-logo").width() > 500){
                $("#lblAsideMenu").css('display', true);
            }
        </script> -->

    </body>

    <!-- end::Body -->
</html>
