Changeset 3493462

Timestamp:

03/28/2026 04:42:21 PM (10 hours ago)

Author:

nikanwp

Message:

Release version 3.0.0

Location:

wc-reports-lite/trunk

Files:

• assets/css/admin-style-rtl.css (modified) (1 diff)
• assets/css/admin-style.css (modified) (8 diffs)
• assets/css/select2.min.css (added)
• assets/images/copy.svg (added)
• assets/images/csv.svg (added)
• assets/images/customer.jpg (deleted)
• assets/images/dokan.jpg (deleted)
• assets/images/email.jpg (deleted)
• assets/images/excel.svg (added)
• assets/images/export.jpg (deleted)
• assets/images/pdf.svg (added)
• assets/images/printer.svg (added)
• assets/images/profit.jpg (deleted)
• assets/images/search_filter.jpg (deleted)
• assets/images/visual_report.jpg (deleted)
• assets/images/wooreports.png (deleted)
• assets/js/Chart.js (added)
• assets/js/admin.js (modified) (2 diffs)
• assets/js/persianDatepicker.js (modified) (20 diffs)
• assets/js/select2.min.js (added)
• includes/admin-pages/wcrl-categories.php (deleted)
• includes/admin-pages/wcrl-coupons.php (deleted)
• includes/admin-pages/wcrl-locations.php (deleted)
• includes/admin-pages/wcrl-orders-status.php (deleted)
• includes/admin-pages/wcrl-orders.php (deleted)
• includes/admin-pages/wcrl-overview.php (deleted)
• includes/admin-pages/wcrl-payment-gateway.php (deleted)
• includes/admin-pages/wcrl-products.php (deleted)
• includes/admin-pages/wcrl-settings.php (deleted)
• includes/admin-pages/wcrl-shippings.php (deleted)
• includes/admin-pages/wcrl-stock.php (deleted)
• includes/admin-pages/wcrl-tax.php (deleted)
• includes/admin-pages/wr-categories.php (added)
• includes/admin-pages/wr-coupons.php (added)
• includes/admin-pages/wr-locations.php (added)
• includes/admin-pages/wr-orders-status.php (added)
• includes/admin-pages/wr-orders.php (added)
• includes/admin-pages/wr-overview.php (added)
• includes/admin-pages/wr-payment-gateway.php (added)
• includes/admin-pages/wr-products.php (added)
• includes/admin-pages/wr-settings.php (added)
• includes/admin-pages/wr-shippings.php (added)
• includes/admin-pages/wr-stock.php (added)
• includes/admin-pages/wr-tax.php (added)
• includes/class-wcrl-admin-assets.php (deleted)
• includes/class-wcrl-admin-menus.php (deleted)
• includes/class-wcrl-filters.php (deleted)
• includes/class-wcrl-search-date.php (deleted)
• includes/class-wcrl.php (deleted)
• includes/class-wooreports.php (added)
• includes/class-wr-admin-assets.php (added)
• includes/class-wr-admin-menus.php (added)
• includes/class-wr-autoloader.php (moved) (moved from wc-reports-lite/trunk/includes/class-wcrl-autoloader.php) (5 diffs)
• includes/class-wr-filters.php (added)
• includes/class-wr-order-query.php (added)
• includes/class-wr-search-date.php (added)
• includes/functions-wr-public.php (added)
• languages/wc-reports-lite-fa_IR.mo (deleted)
• languages/wc-reports-lite-fa_IR.po (deleted)
• languages/wc-reports-lite.pot (deleted)
• languages/wooreports.pot (added)
• readme.txt (modified) (1 diff)
• wcrl.php (modified) (1 diff)

wc-reports-lite/trunk/assets/css/admin-style-rtl.css

@@ -1 @@
-.wcrl_filterBox .form-field{
+.WR_filterBox .form-field{
+    float: right;
+    overflow: hidden;
+}
+div.dt-buttons{
     float: right;
 }
-.woo_pro_content,span.wooreports_logo{float: right;}
-.woo_pro_content{width: 27%;margin-right: 30px;}
-.woo_pro_features{margin-top: 30px;display: flex;flex-wrap: wrap;}
-.woo_pro_features .wcrl_col {flex: 0 0 28.9%;margin: 2.2%;}
-.woo_pro_features .wcrl_col img{border:1px solid #dee2e6!important;max-width: 100%;height: auto;}
+
+.wr-report-filter-bar {
+  border-left: none;
+  border-right: 3px solid var(--wr-accent);
+}
+
+.wr-report-filter-bar__label {
+  margin-right: 0;
+  margin-left: 10px;
+}
+
+/* Insights panel: slide from left in RTL */
+.wr-insights-panel__drawer {
+  right: auto;
+  left: 0;
+  transform: translateX(-100%);
+}
+.wr-insights-panel--open .wr-insights-panel__drawer {
+  transform: translateX(0);
+}
+
+/* Footer link arrow points left in RTL */
+.wr-report-card__footer-link-icon {
+  transform: scaleX(-1);
+}

wc-reports-lite/trunk/assets/css/admin-style.css

@@ -1 @@
-.wcrl_w_10{width: 10% !important;}
-.wcrl_w_25{width: 25% !important;}
+.wr_w_25{width: 25% !important;}
 .wooreport_hide{
     display: none;
@@ -76 +75 @@
 
 /*Overview admin page style*/
-#wcrl_overviewOrders{
+#WR_overviewOrders{
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
     border: 1px none;
     margin: 0 0 10px;
 }
-#wcrl_overviewOrders tbody tr th span {
+#WR_overviewOrders tbody tr th span {
     color: #21759B !important;
     font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
     font-size: 18px;
 }
-.wcrl_overviewTableStyle{
+.WR_overviewTableStyle{
     border: none !important;
 }
-.wcrl_overviewTableStyle thead tr th{
+.WR_overviewTableStyle thead tr th{
     font-weight: bold;
     border-bottom: none !important;
@@ -95 +94 @@
     font-size: 13px;
 }
-.wcrl_filterBox{
+.WR_filterBox{
     background: #fff;
     padding: 15px;
@@ -101 +100 @@
     border: 1px solid #e5e5e5;
 }
-.wcrl_filterBox .form-field{
+.WR_filterBox .form-field{
     width: 50%;
     float: left;
     margin-bottom: 16px;
-}
-.wcrl_filterBox .form-field label{
+    overflow: hidden;
+}
+.WR_filterBox .form-field label{
     display: block;
     padding-bottom: 4px;
 }
-.wcrl_filterBox .form-field input {
+.WR_filterBox .form-field input {
     padding: 5px;
 }
-.wcrl_filterBox .form-field select {
+.WR_filterBox .form-field select {
     width: 95%;
 }
-.wcrl-settings-container ul.tabs {
+.dt-buttons{
+    margin-bottom: 12px;
+}
+.dt-buttons .dt-button{
+    text-decoration: none;
+    border-radius: 4px;
+    border-bottom: 1px solid rgba(0, 0, 0, .05);
+    padding: 7px;
+    margin: 2px;
+}
+.dt-buttons .dt-button:first-child,.dt-buttons .dt-button:last-child{
+    margin: 0;
+}
+.dt-buttons .dt-button:hover,.dt-buttons .dt-button:active,.dt-buttons .dt-button:visited{
+    border-bottom: 1px solid rgba(0, 0, 0, .05) !important;
+    border-top: none !important;
+    border-right: none !important;
+    border-left: none !important;
+    box-shadow: none !important;
+}
+.dt-buttons .buttons-copy,.dt-buttons .buttons-excel:hover{
+    background: #e5e5e5 !important;
+    color: #777;
+}
+.dt-buttons .buttons-copy:before {
+    content: "";
+    display: block;
+    background-image: url(../images/copy.svg);
+    background-size: 17px 17px;
+    height: 17px;
+    width: 17px;
+    float: left;
+    margin-right: 10px;
+    vertical-align: middle;
+    margin-top: 2px;
+}
+.dt-buttons .buttons-excel,.dt-buttons .buttons-excel:hover{
+    background: #c6e1c6 !important;
+    color: #5b841b;
+}
+.dt-buttons .buttons-excel:before {
+    content: "";
+    display: block;
+    background-image: url(../images/excel.svg);
+    background-size: 17px 17px;
+    height: 17px;
+    width: 17px;
+    float: left;
+    margin-right: 10px;
+    vertical-align: middle;
+    margin-top: 2px;
+}
+.dt-buttons .buttons-csv,.dt-buttons .buttons-csv:hover{
+    background: #eba3a3 !important;;
+    color: #761919;
+}
+.dt-buttons .buttons-csv:before {
+    content: "";
+    display: block;
+    background-image: url(../images/csv.svg);
+    background-size: 17px 17px;
+    height: 17px;
+    width: 17px;
+    float: left;
+    margin-right: 10px;
+    vertical-align: middle;
+    margin-top: 2px;
+}
+.dt-buttons .buttons-pdf,.dt-buttons .buttons-pdf:hover{
+    background: #f8dda7 !important;
+    color: #94660c;
+}
+.dt-buttons .buttons-pdf:before {
+    content: "";
+    display: block;
+    background-image: url(../images/pdf.svg);
+    background-size: 17px 17px;
+    height: 17px;
+    width: 17px;
+    float: left;
+    margin-right: 10px;
+    vertical-align: middle;
+    margin-top: 2px;
+}
+.dt-buttons .buttons-print,.dt-buttons .buttons-print:hover{
+    background: #c8d7e1 !important;
+    color: #2e4453;
+}
+.dt-buttons .buttons-print:before {
+    content: "";
+    display: block;
+    background-image: url(../images/printer.svg);
+    background-size: 17px 17px;
+    height: 17px;
+    width: 17px;
+    float: left;
+    margin-right: 10px;
+    vertical-align: middle;
+    margin-top: 2px;
+}
+.wr-settings-container ul.tabs {
     margin: 0;
     padding: 0;
     list-style: none;
 }
-.wcrl-settings-container ul.tabs li {
+
+.wr-settings-container ul.tabs li {
     background: none;
     color: #222;
@@ -131 +232 @@
 }
 
-.wcrl-settings-container ul.tabs li.current {
+.wr-settings-container ul.tabs li.current {
     background: #ffffff;
     color: #222;
@@ -141 +242 @@
 }
 
-.wcrl-settings-container .tab-content {
+.wr-settings-container .tab-content {
     display: none;
     background: #ffffff;
@@ -151 +252 @@
 }
 
-.wcrl-settings-container .tab-content.current {
+.wr-settings-container .tab-content.current {
     display: inherit;
 }
-.wcrl_customer_products_list{display: none}
-.wcrl_customer_products_list {
+.WR_email_form_settings{
+    display: none;
+}
+.wr_customer_products_list{display: none}
+.wr_customer_products_list {
     background: #dfedf5;
     padding: 7px;
@@ -162 +266 @@
     margin-bottom: 8px;
 }
-.woo_pro_content,span.wooreports_logo{float: left;}
-span.wooreports_logo{
-    background: url(../images/wooreports.png);
-    background-position: center;
-    background-repeat: no-repeat;
-    width: 150px;
-    height: 150px;
-    margin: 0 auto;
-}
-.woo_pro_content{width: 27%;margin-left: 30px;}
-.woo_pro_features{margin-top: 30px;display: flex;flex-wrap: wrap;}
-.woo_pro_features .wcrl_col {flex: 0 0 28.9%;margin: 2.2%;}
-.woo_pro_features .wcrl_col img{border:1px solid #dee2e6!important;max-width: 100%;height: auto;}
+.w-70{width: 70%;}
+.w-30{width: 30%;}
+.d-flex{display: flex;}
+.mr-3{margin-right: 1.5em;}
+.ml-3{margin-left: 1.5em;}
+.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.05);}
+.table td, .table th {padding: .75rem;vertical-align: top;border-top: 1px solid #dee2e6;}
+.table {width: 100%;max-width: 100%;margin-bottom: 1rem;background-color: transparent;}
+.select2-container .select2-search--inline .select2-search__field {box-sizing: border-box;border: none;font-size: 100%;margin-top: 0;margin-left: 5px;padding: 0;max-width: 100%;resize: none;height: 18px;vertical-align: bottom;font-family: sans-serif;overflow: hidden;word-break: keep-all;}
+.nw_export_button{ text-decoration: none; border-radius: 4px; border-bottom: 1px solid rgba(0, 0, 0, .05); padding: 7px; margin: 2px 2px 10px 2px; position: relative; display: inline-block; box-sizing: border-box; cursor: pointer; font-size: 13px; line-height: 1.6em;  }
+.nw_export_excel{ background: #c6e1c6 !important; color: #5b841b; }
+.nw_export_pdf{ background: #f8dda7 !important; color: #94660c; }
+.nw_export_excel:before { content: ""; display: block; background-image: url(../images/excel.svg); background-size: 17px 17px; height: 17px; width: 17px; float: left; margin-right: 10px; vertical-align: middle; margin-top: 2px; }
+.nw_export_pdf:before { content: ""; display: block; background-image: url(../images/pdf.svg); background-size: 17px 17px; height: 17px; width: 17px; float: left; margin-right: 10px; vertical-align: middle; margin-top: 2px; }
+
+/* Consistent hover for export buttons (all reports) */
+.nw_export_excel:hover {
+  background: #b7d8b7 !important;
+  color: #4c6f16;
+}
+.nw_export_pdf:hover {
+  background: #f0d08a !important;
+  color: #7a5208;
+}
+.tablenav{ height: 55px; }
+@media (max-width: 768px) {
+    .wr-before-report-table{flex-direction: column;gap:10px;}
+    .wr-before-report-table > .w-70,.wr-before-report-table > .w-30,.wr-before-report-table .WR_filterBox .form-field{width: 100% !important;}
+    .wr-before-report-table > .w-30{padding: 0}
+}
+
+/* ========== WooReports: shared report pages (Overview and others) ========== */
+/* Dark topbar, light content area, white cards. Single CSS for all report menus. */
+
+body.wr-report-admin {
+  overflow-x: hidden;
+}
+
+.wr-report-page {
+  --wr-topbar-bg: #1e2a38;
+  --wr-topbar-text: #ffffff;
+  --wr-topbar-muted: rgba(255, 255, 255, 0.85);
+  --wr-content-bg: #f0f2f5;
+  --wr-card-bg: #ffffff;
+  --wr-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  --wr-card-radius: 8px;
+  --wr-text: #202124;
+  --wr-text-secondary: #5f6368;
+  --wr-accent: #1a73e8;
+  --wr-border: #dadce0;
+  --wr-font: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
+  padding: 0;
+  font-family: var(--wr-font);
+  box-sizing: border-box;
+  max-width: 100%;
+  overflow-x: hidden;
+  background: var(--wr-content-bg);
+}
+
+/* Constrain width and align with report cards */
+.wr-report-page__inner {
+  max-width: 1400px;
+  margin: 0 auto;
+  padding: 24px;
+  box-sizing: border-box;
+}
+
+/* Single card containing filter + KPIs + quick links */
+.wr-report-top-card {
+  background: var(--wr-card-bg);
+  border-radius: var(--wr-card-radius);
+  box-shadow: var(--wr-card-shadow);
+  overflow: hidden;
+  margin-bottom: 24px;
+}
+
+.wr-report-topbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 12px;
+  min-height: 56px;
+  padding: 0 24px;
+  background: var(--wr-topbar-bg);
+  color: var(--wr-topbar-text);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
+}
+
+.wr-report-topbar__left {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.wr-report-topbar__logo {
+  width: 24px;
+  height: 24px;
+  background: var(--wr-accent);
+  border-radius: 6px;
+  flex-shrink: 0;
+}
+
+.wr-report-topbar__title {
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--wr-topbar-text);
+}
+
+.wr-report-topbar__page {
+  font-size: 14px;
+  color: var(--wr-topbar-muted);
+  font-weight: 500;
+}
+
+.wr-report-topbar__center {
+  display: flex;
+  align-items: center;
+}
+
+.wr-report-topbar__center .daterangeactions {
+  margin: 0;
+}
+
+/* Filter bar — inside top card */
+.wr-report-filter-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 16px 20px;
+  margin: 0;
+  background: #f8f9fa;
+  border-bottom: 1px solid var(--wr-border);
+  border-left: 3px solid var(--wr-accent);
+  font-family: var(--wr-font);
+}
+
+/* Insights trigger in filter bar (opens slide-out panel) */
+.wr-insights-trigger {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  height: 38px;
+  padding: 0 18px;
+  margin-right: 20px;
+  border: none;
+  border-radius: 10px;
+  background: linear-gradient(135deg, #fbbf24, #f59e0b);
+  color: #78350f;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.25);
+  transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
+  letter-spacing: 0.2px;
+}
+
+.wr-insights-trigger:hover {
+  color: #78350f;
+  background: linear-gradient(135deg, #f59e0b, #d97706);
+  box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35);
+  transform: translateY(-1px);
+}
+
+.wr-insights-trigger:focus {
+  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.4);
+  outline: none;
+}
+
+.wr-insights-trigger:active {
+  transform: translateY(0);
+  box-shadow: 0 1px 4px rgba(245, 158, 11, 0.2);
+}
+
+.wr-insights-trigger__icon {
+  display: block;
+  width: 18px;
+  height: 18px;
+  flex-shrink: 0;
+}
+
+.wr-report-filter-bar__label {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--wr-text-secondary);
+  margin-left: 0;
+  margin-right: 10px;
+}
+
+.wr-date-input {
+  font-size: 13px;
+  padding: 6px 8px;
+  border: 1px solid var(--wr-border);
+  border-radius: 4px;
+  background: var(--wr-card-bg);
+}
+
+.wr-report-filter-bar__sep {
+  color: var(--wr-text-secondary);
+  font-size: 13px;
+}
+
+.wr-compare-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+  color: var(--wr-text-secondary);
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.wr-report-filter-form {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+  padding: 0;
+  margin: 0;
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-family: var(--wr-font);
+}
+
+/* Report filter layout (all pages) */
+.wr-report-filter-form .WR_filterBox {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  gap: 12px 16px;
+}
+
+.wr-report-filter-form .form-field {
+  margin-bottom: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+}
+
+.wr-report-filter-form input[name="WR_fromDate"],
+.wr-report-filter-form input[name="WR_toDate"] {
+  width: 170px;
+}
+
+.wr-report-filter-form select[name="WR_orderStatuses[]"] {
+  min-width: 280px;
+  max-width: 320px;
+}
+
+.wr-report-filter-form input[name="order_number"] {
+  width: 180px;
+}
+
+.wr-report-filter-form .wr-filter-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+/* KPI row — Orders, Sales, AOV, Items sold (clickable, optional % change) */
+.wr-report-kpis {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 16px;
+  padding: 20px;
+  margin: 0;
+  background: var(--wr-card-bg);
+  border-bottom: 1px solid var(--wr-border);
+}
+
+.wr-kpi-card {
+  position: relative;
+  padding: 20px 20px 16px;
+  background: var(--wr-content-bg);
+  border-radius: 12px;
+  border: 1px solid var(--wr-border);
+  text-align: left;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  overflow: hidden;
+  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
+}
+
+.wr-kpi-card::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background: linear-gradient(90deg, var(--wr-accent), rgba(26,115,232,0.3));
+  border-radius: 12px 12px 0 0;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+
+.wr-kpi-card:hover::before {
+  opacity: 1;
+}
+
+.wr-kpi-card--link {
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer;
+}
+
+.wr-kpi-card--link:hover,
+.wr-kpi-card--nolink:hover {
+  border-color: rgba(26,115,232,0.35);
+  box-shadow: 0 4px 16px rgba(26, 115, 232, 0.10), 0 1px 4px rgba(0,0,0,0.04);
+  transform: translateY(-2px);
+}
+
+.wr-kpi-card__label {
+  font-size: 12px;
+  color: var(--wr-text-secondary);
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.4px;
+  line-height: 1.3;
+  order: -1;
+}
+
+.wr-kpi-card__value {
+  display: block;
+  font-size: 26px;
+  font-weight: 700;
+  color: var(--wr-text);
+  line-height: 1.2;
+  letter-spacing: -0.5px;
+}
+
+.wr-kpi-card__value .woocommerce-Price-currencySymbol {
+  font-size: 0.7em;
+  font-weight: 600;
+  opacity: 0.6;
+  margin-inline-end: 1px;
+}
+
+.wr-kpi-card__change {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  font-size: 12px;
+  font-weight: 600;
+  margin-top: 2px;
+  padding: 3px 8px;
+  border-radius: 20px;
+  width: fit-content;
+}
+
+.wr-kpi-card__change--up {
+  color: #0d7c43;
+  background: rgba(52, 168, 83, 0.12);
+}
+
+.wr-kpi-card__change--up::before {
+  content: '↑';
+  font-size: 11px;
+}
+
+.wr-kpi-card__change--down {
+  color: #c5221f;
+  background: rgba(234, 67, 53, 0.10);
+}
+
+.wr-kpi-card__change--down::before {
+  content: '↓';
+  font-size: 11px;
+}
+
+.wr-kpi-card__period {
+  font-weight: 400;
+  opacity: 0.7;
+  font-size: 11px;
+  text-transform: none;
+  letter-spacing: 0;
+}
+
+/* Styled tooltip for KPI period (replaces native title on hover) */
+.wr-kpi-card__tooltip {
+  position: absolute;
+  bottom: calc(100% + 4px);
+  left: 50%;
+  transform: translateX(-50%) translateY(4px);
+  padding: 8px 14px;
+  background: #1e293b;
+  color: #fff;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.4;
+  white-space: nowrap;
+  border-radius: 8px;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s ease, transform 0.2s ease;
+  z-index: 10;
+}
+
+.wr-kpi-card__tooltip::after {
+  content: '';
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  margin-left: -6px;
+  border: 6px solid transparent;
+  border-top-color: #1e293b;
+}
+
+.wr-kpi-card--link:hover .wr-kpi-card__tooltip,
+.wr-kpi-card--nolink:hover .wr-kpi-card__tooltip {
+  opacity: 1;
+  transform: translateX(-50%) translateY(0);
+}
+
+/* Report card footer: link to full report page */
+.wr-report-card__footer {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 14px 20px;
+  border-top: 1px solid var(--wr-border);
+  background: var(--wr-card-bg);
+  border-radius: 0 0 var(--wr-card-radius) var(--wr-card-radius);
+}
+
+.wr-report-card__footer-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--wr-accent);
+  text-decoration: none;
+  padding: 6px 14px;
+  border: 1px solid rgba(26, 115, 232, 0.25);
+  border-radius: 8px;
+  background: rgba(26, 115, 232, 0.06);
+  transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.15s;
+  white-space: nowrap;
+  letter-spacing: 0.15px;
+}
+
+.wr-report-card__footer-link:hover {
+  text-decoration: none;
+  background: rgba(26, 115, 232, 0.12);
+  border-color: rgba(26, 115, 232, 0.45);
+  box-shadow: 0 2px 8px rgba(26, 115, 232, 0.12);
+  transform: translateY(-1px);
+  color: var(--wr-accent);
+}
+
+.wr-report-card__footer-link:active {
+  transform: translateY(0);
+  box-shadow: none;
+}
+
+.wr-report-card__footer-link-icon {
+  flex-shrink: 0;
+  width: 14px;
+  height: 14px;
+}
+
+.wr-export-csv-link::before {
+  content: '';
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  background: currentColor;
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");
+  mask-size: contain;
+  -webkit-mask-size: contain;
+  mask-repeat: no-repeat;
+  -webkit-mask-repeat: no-repeat;
+  flex-shrink: 0;
+}
+
+/* Native select (fallback when Select2 not yet init) */
+.wr-report-filter-form select {
+  background: #fff;
+  border: 1px solid var(--wr-border);
+  color: var(--wr-text);
+  padding: 8px 12px;
+  border-radius: 6px;
+  font-size: 13px;
+  min-width: 200px;
+  height: 38px;
+  line-height: 1.4;
+}
+
+.wr-report-filter-form select:focus {
+  border-color: var(--wr-accent);
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);
+}
+
+.wr-report-filter-form option {
+  background: #fff;
+  color: var(--wr-text);
+}
+
+/* Select2 container — fixed height to match button (38px) */
+.wr-report-filter-form .select2-container {
+  min-width: 220px;
+  height: 38px !important;
+}
+
+.wr-report-filter-form .select2-container .select2-selection--multiple {
+  height: 38px !important;
+  min-height: 38px !important;
+  max-height: 38px !important;
+  padding: 0 8px;
+  border: 1px solid var(--wr-border);
+  border-radius: 6px;
+  background: #fff;
+  box-sizing: border-box;
+  display: flex !important;
+  align-items: center;
+  overflow: hidden;
+}
+
+.wr-report-filter-form .select2-container .select2-selection--single {
+  height: 38px !important;
+  min-height: 38px !important;
+  padding: 0 8px;
+  border: 1px solid var(--wr-border);
+  border-radius: 6px;
+  background: #fff;
+  box-sizing: border-box;
+  display: flex !important;
+  align-items: center;
+}
+
+.wr-report-filter-form .select2-container .select2-selection--single .select2-selection__rendered {
+  padding: 0;
+  line-height: 36px;
+  color: var(--wr-text);
+  font-size: 13px;
+}
+
+.wr-report-filter-form .select2-container .select2-selection--single .select2-selection__arrow {
+  height: 36px;
+  top: 0;
+}
+
+.wr-report-filter-form .select2-container.select2-container--focus .select2-selection--multiple,
+.wr-report-filter-form .select2-container.select2-container--open .select2-selection--multiple,
+.wr-report-filter-form .select2-container.select2-container--focus .select2-selection--single,
+.wr-report-filter-form .select2-container.select2-container--open .select2-selection--single {
+  border-color: var(--wr-accent);
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);
+}
+
+.wr-report-filter-form .select2-container .select2-selection__rendered {
+  padding: 0;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px;
+  min-height: 36px;
+}
+
+.wr-report-filter-form .select2-container .select2-search__field {
+  margin: 0;
+  padding: 4px 4px;
+  font-size: 13px;
+  color: var(--wr-text);
+  height: 28px;
+  line-height: 28px;
+  min-height: 0;
+}
+
+.wr-report-filter-form .select2-container .select2-selection__choice {
+  background: var(--wr-content-bg);
+  border: 1px solid var(--wr-border);
+  border-radius: 4px;
+  padding: 2px 8px;
+  font-size: 12px;
+  color: var(--wr-text);
+}
+
+/* Filter button — same height as Select2 (38px) */
+.wr-report-filter-form .button {
+  height: 38px !important;
+  min-height: 38px !important;
+  padding: 0 18px !important;
+  line-height: 36px !important;
+  font-size: 13px !important;
+  font-weight: 500;
+  border-radius: 6px;
+  cursor: pointer;
+  box-sizing: border-box;
+  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.wr-report-filter-form .button-primary {
+  border-color: var(--wr-accent);
+  background: var(--wr-accent);
+}
+
+.wr-report-filter-form .button-primary:hover {
+  background: #1557b0;
+  border-color: #1557b0;
+  box-shadow: 0 1px 3px rgba(26, 115, 232, 0.35);
+}
+
+.wr-report-filter-form .button-primary:focus {
+  border-color: var(--wr-accent);
+  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.35);
+}
+
+.wr-report-topbar__btn {
+  background: rgba(255, 255, 255, 0.2) !important;
+  border: 1px solid rgba(255, 255, 255, 0.4) !important;
+  color: var(--wr-topbar-text) !important;
+  padding: 8px 18px !important;
+  border-radius: 6px !important;
+  font-size: 13px !important;
+  font-weight: 500 !important;
+  cursor: pointer;
+}
+
+.wr-report-topbar__btn:hover {
+  background: rgba(255, 255, 255, 0.3) !important;
+  border-color: rgba(255, 255, 255, 0.5) !important;
+  color: #fff !important;
+}
+
+.wr-report-topbar__right {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.wr-report-topbar__icon {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.1);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--wr-topbar-text);
+  cursor: pointer;
+}
+
+.wr-report-topbar__icon:hover {
+  background: rgba(255, 255, 255, 0.2);
+}
+
+.wr-report-topbar__icon--help:before {
+  content: "?";
+  font-size: 16px;
+  font-weight: 600;
+}
+
+/* Trend chart block */
+#wr-card-trend .wr-report-card__body {
+  min-height: 200px;
+}
+
+.wr-sales-by-source-chart-wrap {
+  max-width: 320px;
+  margin: 0 auto;
+  padding: 8px 0 0;
+  position: relative;
+}
+
+#wr-card-trend #WR_ChartTrend {
+  max-width: 100%;
+}
+
+/* Insights slide-out panel (right side, like Google Analytics) */
+.wr-insights-panel {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 99999;
+  pointer-events: none;
+  visibility: hidden;
+  transition: visibility 0.25s ease;
+}
+
+.wr-insights-panel--open {
+  pointer-events: auto;
+  visibility: visible;
+}
+
+.wr-insights-panel__backdrop {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.35);
+  opacity: 0;
+  transition: opacity 0.25s ease;
+  z-index: 0;
+}
+
+.wr-insights-panel--open .wr-insights-panel__backdrop {
+  opacity: 1;
+}
+
+.wr-insights-panel__drawer {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  max-width: 380px;
+  height: 100%;
+  background: #ffffff;
+  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);
+  transform: translateX(100%);
+  transition: transform 0.25s ease;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  z-index: 1;
+}
+
+.wr-insights-panel--open .wr-insights-panel__drawer {
+  transform: translateX(0);
+}
+
+.wr-insights-panel__header {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 20px;
+  border-bottom: 1px solid var(--wr-border);
+  background: var(--wr-card-bg);
+}
+
+.wr-insights-panel__header-icon {
+  flex-shrink: 0;
+  color: var(--wr-accent);
+}
+
+.wr-insights-panel__header-text {
+  flex: 1;
+  min-width: 0;
+}
+
+.wr-insights-panel__title {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--wr-text);
+  font-family: var(--wr-font);
+}
+
+.wr-insights-panel__context {
+  margin: 4px 0 0;
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--wr-text-secondary);
+  line-height: 1.3;
+}
+
+.wr-insights-panel__close {
+  flex-shrink: 0;
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  border: none;
+  border-radius: 50%;
+  background: transparent;
+  color: var(--wr-text-secondary);
+  cursor: pointer;
+  font-size: 24px;
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: background 0.15s ease, color 0.15s ease;
+}
+
+.wr-insights-panel__close:hover {
+  background: var(--wr-content-bg);
+  color: var(--wr-text);
+}
+
+.wr-insights-panel__body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+  background: #ffffff;
+}
+
+.wr-insights-panel__loading {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  color: var(--wr-text-secondary);
+}
+
+.wr-insights-panel__loading .spinner {
+  float: none;
+  margin: 0;
+}
+
+.wr-insights-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font-size: 14px;
+}
+
+.wr-insight-item {
+  padding: 8px 0;
+  border-bottom: 1px solid var(--wr-border);
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px 8px;
+  align-items: baseline;
+}
+
+.wr-insight-item:last-child {
+  border-bottom: none;
+}
+
+.wr-insight-item__label {
+  font-weight: 500;
+  color: var(--wr-text-secondary);
+}
+
+.wr-insight-item__value {
+  color: var(--wr-text);
+}
+
+.wr-report-content {
+  background: transparent;
+  min-height: 0;
+  padding: 0;
+  box-sizing: border-box;
+  overflow-x: hidden;
+  width: 100%;
+}
+
+/* 2 columns max so cards are wide; prevents horizontal scroll from grid */
+.wr-report-cards {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 24px;
+  width: 100%;
+  min-width: 0;
+}
+
+/* Top row: Sales trend then Overview Orders, both full width stacked */
+.wr-report-cards__top-row {
+  grid-column: 1 / -1;
+  display: grid;
+  grid-template-columns: 1fr 1.25fr;
+  gap: 24px;
+  min-width: 0;
+}
+.wr-report-cards__top-row--stack {
+  grid-template-columns: 1fr;
+}
+
+/* Two-column row: Overview Orders + Sales by source side by side */
+.wr-report-cards__two-col {
+  grid-column: 1 / -1;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 24px;
+  min-width: 0;
+}
+
+/* Section heading above "Top" report cards */
+.wr-report-cards__heading {
+  grid-column: 1 / -1;
+  margin: 32px 0 8px;
+  padding: 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--wr-text);
+  font-family: var(--wr-font);
+}
+.wr-report-cards__heading:first-child {
+  margin-top: 0;
+}
+
+.wr-report-card {
+  background: var(--wr-card-bg);
+  border-radius: var(--wr-card-radius);
+  box-shadow: var(--wr-card-shadow);
+  overflow: hidden;
+  min-width: 0;
+}
+
+.wr-report-card__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin: 0;
+  padding: 16px 20px;
+  background: var(--wr-card-bg);
+  border-bottom: 1px solid var(--wr-border);
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--wr-text);
+  font-family: var(--wr-font);
+}
+
+.wr-report-card__title {
+  margin: 0;
+}
+
+.wr-report-card__description {
+  width: 100%;
+  margin: 6px 0 0;
+  font-size: 13px;
+  font-weight: 400;
+  color: var(--wr-text-secondary);
+  line-height: 1.4;
+}
+
+.wr-report-card__header:has(.wr-report-card__description) {
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.wr-report-card__header:has(.wr-report-card__description) .wr-report-card__actions {
+  margin-top: 4px;
+}
+
+.wr-report-card__actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+/* Card actions: make Export + Summary buttons same size in one row */
+.wr-report-card__actions .nw_export_button,
+.wr-report-card__actions .wr-summary-trigger {
+  height: 36px;
+  min-height: 36px;
+  padding: 0 14px;
+  font-size: 13px;
+  font-weight: 500;
+  border-radius: 6px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  line-height: 1;
+}
+
+/* Remove old margins/line-height from generic export style inside card header */
+.wr-report-card__actions .nw_export_button {
+  margin: 0;
+  border-bottom: none;
+}
+
+.wr-report-card__actions .wr-chart-btn,
+.wr-report-card__actions .wr-table-btn {
+  padding: 6px 10px;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--wr-text-secondary);
+  cursor: pointer;
+  font-size: 13px;
+  transition: color 0.15s, background 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+
+.wr-report-card__actions .wr-chart-btn:hover,
+.wr-report-card__actions .wr-table-btn:hover {
+  color: var(--wr-accent);
+  background: rgba(26, 115, 232, 0.08);
+}
+
+.wr-report-card__actions .wr-chart-btn.is-active,
+.wr-report-card__actions .wr-table-btn.is-active {
+  color: var(--wr-accent);
+  background: rgba(26, 115, 232, 0.10);
+  border-color: var(--wr-accent);
+  box-shadow: 0 1px 3px rgba(26, 115, 232, 0.15);
+}
+
+/* Segment card chart wrapper */
+.wr-report-card__body .wr-segment-chart-wrap {
+  position: relative;
+  padding: 16px 20px 12px;
+  min-height: 260px;
+}
+.wr-report-card__body .wr-segment-chart-wrap canvas {
+  max-width: 100%;
+}
+
+.wr-report-card__body {
+  padding: 20px;
+  font-size: 14px;
+  color: var(--wr-text);
+}
+
+.wr-report-card--full {
+  grid-column: 1 / -1;
+}
+
+/* Empty state for report tables with no data */
+.wr-report-page .wr-report-table-empty {
+  text-align: center;
+  padding: 24px 16px;
+  color: var(--wr-text-secondary);
+  font-size: 14px;
+}
+
+.wr-report-page .wr-report-error {
+  padding: 16px;
+  color: var(--wr-text-secondary);
+  background: rgba(0, 0, 0, 0.04);
+  border-left: 4px solid var(--wr-accent);
+  border-radius: 0 4px 4px 0;
+  margin: 8px 0;
+}
+
+/* Tables inside report cards; contain overflow to prevent horizontal scroll */
+.wr-report-page .wr-report-card__body {
+  overflow-x: auto;
+}
+.wr-report-page .WR_overviewTableStyle,
+.wr-report-page .widefat.table-stats,
+.wr-report-page #WR_overviewOrders {
+  border: none;
+  border-bottom: none;
+  margin: 0;
+  width: 100%;
+  max-width: 100%;
+  background: transparent;
+}
+
+/* Remove any gray border at bottom of Overview Orders table (override WP .widefat) */
+#wr-card-overview-orders #WR_overviewOrders,
+#wr-card-overview-orders #WR_overviewOrders thead,
+#wr-card-overview-orders #WR_overviewOrders tbody,
+#wr-card-overview-orders #WR_overviewOrders th,
+#wr-card-overview-orders #WR_overviewOrders td,
+#wr-card-overview-orders #WR_overviewOrders thead th,
+#wr-card-overview-orders #WR_overviewOrders tbody th,
+#wr-card-overview-orders #WR_overviewOrders tbody td,
+#wr-card-overview-orders #WR_overviewOrders tbody tr:last-child th,
+#wr-card-overview-orders #WR_overviewOrders tbody tr:last-child td {
+  border-bottom: none !important;
+  border-top: none !important;
+}
+
+#wr-card-overview-orders #WR_overviewOrders {
+  border: none !important;
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+/* Remove bottom border from Overview Orders card body (in case line is from container) */
+#wr-card-overview-orders .wr-report-card__body {
+  border-bottom: none !important;
+}
+.wr-report-page .wr-report-card__body canvas {
+  max-width: 100%;
+}
+
+.wr-report-page .WR_overviewTableStyle thead th,
+.wr-report-page #WR_overviewOrders thead th {
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--wr-text-secondary);
+  padding: 10px 14px;
+  border: none;
+  background: transparent;
+}
+
+.wr-report-page .WR_overviewTableStyle thead th {
+  border-bottom: none;
+}
+
+.wr-report-page .WR_overviewTableStyle tbody td,
+.wr-report-page #WR_overviewOrders tbody th,
+.wr-report-page #WR_overviewOrders tbody td {
+  padding: 12px 14px;
+  border: none;
+  border-bottom: none;
+  font-size: 14px;
+  color: var(--wr-text);
+  background: transparent;
+}
+
+/* Simple tables in cards: no row background, no border-bottom */
+.wr-report-page .wr-report-card .WR_overviewTableStyle tbody tr,
+.wr-report-page .wr-report-card .widefat tbody tr {
+  background: transparent;
+}
+
+/* No gray border at end of table or on last row */
+.wr-report-page .wr-report-card .wr-report-card__body .widefat,
+.wr-report-page .wr-report-card .wr-report-card__body .WR_overviewTableStyle,
+.wr-report-page .wr-report-card .wr-report-card__body .widefat tbody tr:last-child td,
+.wr-report-page .wr-report-card .wr-report-card__body .WR_overviewTableStyle tbody tr:last-child td {
+  border-bottom: none !important;
+}
+
+/* Odd rows (1st, 3rd, 5th…): very light gray for clearer tables */
+.wr-report-page .wr-report-card .WR_overviewTableStyle tbody tr:nth-of-type(odd),
+.wr-report-page .wr-report-card .widefat.striped tbody tr:nth-of-type(odd),
+.wr-report-page .wr-report-card .widefat tbody tr:nth-of-type(odd),
+.wr-report-page #WR_overviewOrders tbody tr:nth-of-type(odd) {
+  background: rgba(0, 0, 0, 0.02);
+}
+
+.wr-report-page .WR_overviewTableStyle tbody tr:hover,
+.wr-report-page .wr-report-card .WR_overviewTableStyle tbody tr:hover,
+.wr-report-page .wr-report-card .widefat tbody tr:hover,
+.wr-report-page #WR_overviewOrders tbody tr:hover {
+  background: transparent;
+}
+
+.wr-report-page #WR_overviewOrders tbody th span {
+  color: var(--wr-accent) !important;
+  font-size: 16px !important;
+  font-weight: 600;
+}
+
+.wr-report-page .wr-report-filter-bar__label--small {
+  font-size: 12px;
+  margin-left: 12px;
+}
+
+.wr-report-page .wr-select--small {
+  min-width: 100px;
+  max-width: 140px;
+  padding: 2px 6px;
+  font-size: 13px;
+}
+
+.wr-report-page .wr-export-csv-link {
+  margin-left: 8px;
+}
+
+.wr-report-page .wr-report-card__footer .wr-export-csv-link {
+  margin-right: 0;
+}
+
+.wr-report-page .wr-kpi-card--nolink {
+  cursor: default;
+  text-decoration: none;
+}
+
+.wr-report-page .wr-kpi-card--nolink:hover {
+  text-decoration: none;
+  transform: none;
+  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
+}
+
+.wr-report-page .wr-report-card__loading {
+  padding: 24px;
+  text-align: center;
+  color: var(--wr-text-secondary);
+  font-size: 14px;
+}
+
+.wr-report-page .wr-report-card .widefat a {
+  color: var(--wr-accent);
+  text-decoration: none;
+}
+
+.wr-report-page .wr-report-card .widefat a:hover {
+  text-decoration: underline;
+}
+
+/* ----- Report filter bar: modern style for all pages ----- */
+.wr-report-page .wr-report-filter-bar {
+  padding: 0;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+.wr-report-page .wr-report-filter-bar form {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 12px 16px;
+  padding: 16px 20px;
+  margin: 0;
+  background: #f8f9fa;
+  border: none;
+  border-left: 3px solid var(--wr-accent);
+  box-shadow: none;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  flex: 1;
+}
+
+.wr-report-page .wr-report-filter-bar .WR_filterBox {
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  background: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+.wr-report-page .wr-report-filter-bar .form-field {
+  width: auto;
+  float: none;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.wr-report-page .wr-report-filter-bar .form-field label {
+  margin: 0;
+  padding: 0;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--wr-text);
+  white-space: nowrap;
+}
+
+/* Filter labels above inputs */
+.wr-report-page .wr-report-filter-bar form.wr-report-filter-form .form-field {
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+}
+
+/* Search + Reset actions on one horizontal row */
+.wr-report-page .wr-report-filter-bar form.wr-report-filter-form .wr-filter-actions {
+  flex-direction: row;
+  align-items: center;
+  margin-top: 22px; /* پایین‌تر تا هم‌تراز با inputها شود */
+}
+
+/* Orders filter: same input/select/button style as Overview (.wr-report-filter-form) */
+.wr-report-page .wr-report-filter-bar form input[type="text"],
+.wr-report-page .wr-report-filter-bar form input[type="number"] {
+  background: #fff;
+  border: 1px solid var(--wr-border);
+  color: var(--wr-text);
+  padding: 8px 12px;
+  border-radius: 6px;
+  font-size: 13px;
+  min-width: 120px;
+  height: 38px;
+  line-height: 1.4;
+  box-sizing: border-box;
+}
+
+.wr-report-page .wr-report-filter-bar form input:focus {
+  border-color: var(--wr-accent);
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);
+}
+
+.wr-report-page .wr-report-filter-bar form select {
+  background: #fff;
+  border: 1px solid var(--wr-border);
+  color: var(--wr-text);
+  padding: 8px 12px;
+  border-radius: 6px;
+  font-size: 13px;
+  min-width: 200px;
+  height: 38px;
+  line-height: 1.4;
+}
+
+.wr-report-page .wr-report-filter-bar form select:focus {
+  border-color: var(--wr-accent);
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);
+}
+
+.wr-report-page .wr-report-filter-bar form .select2-container {
+  min-width: 220px;
+  height: 38px !important;
+}
+
+.wr-report-page .wr-report-filter-bar form .select2-container .select2-selection--multiple {
+  height: 38px !important;
+  min-height: 38px !important;
+  max-height: 38px !important;
+  padding: 0 8px;
+  border: 1px solid var(--wr-border);
+  border-radius: 6px;
+  background: #fff;
+}
+
+.wr-report-page .wr-report-filter-bar form .select2-container .select2-selection--single {
+  height: 38px !important;
+  min-height: 38px !important;
+  padding: 0 8px;
+  border: 1px solid var(--wr-border);
+  border-radius: 6px;
+  background: #fff;
+  display: flex !important;
+  align-items: center;
+}
+
+.wr-report-page .wr-report-filter-bar form .select2-container .select2-selection--single .select2-selection__rendered {
+  padding: 0;
+  line-height: 36px;
+  color: var(--wr-text, #1e1e1e);
+  font-size: 13px;
+}
+
+.wr-report-page .wr-report-filter-bar form .select2-container .select2-selection--single .select2-selection__arrow {
+  height: 36px;
+  top: 0;
+}
+
+.wr-report-page .wr-report-filter-bar form .select2-container.select2-container--focus .select2-selection--single,
+.wr-report-page .wr-report-filter-bar form .select2-container.select2-container--open .select2-selection--single {
+  border-color: var(--wr-accent, #1a73e8);
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);
+}
+
+.wr-report-page .wr-report-filter-bar form .button {
+  height: 38px !important;
+  min-height: 38px !important;
+  padding: 0 18px !important;
+  line-height: 36px !important;
+  font-size: 13px !important;
+  font-weight: 500;
+  border-radius: 6px;
+  cursor: pointer;
+  box-sizing: border-box;
+}
+
+.wr-report-page .wr-report-filter-bar form .button-primary {
+  border-color: var(--wr-accent);
+  background: var(--wr-accent);
+  margin-left: 0;
+}
+
+.wr-report-page .wr-report-filter-bar form .button-primary:hover {
+  background: #1557b0;
+  border-color: #1557b0;
+  box-shadow: 0 1px 3px rgba(26, 115, 232, 0.35);
+}
+
+.wr-report-page .wr-report-filter-bar form .button-primary:focus {
+  border-color: var(--wr-accent);
+  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.35);
+}
+
+/* Modern filter form layout for all report pages */
+.wr-report-filter-form--modern .WR_filterBox {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  gap: 12px;
+}
+
+.wr-report-filter-form--modern .form-field {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+}
+
+.wr-report-filter-form--modern .form-field label {
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--wr-text-secondary);
+  white-space: nowrap;
+}
+
+.wr-report-filter-form--modern .wr-filter-actions {
+  flex-direction: row !important;
+  align-items: flex-end !important;
+  gap: 8px !important;
+  margin-top: 0;
+}
+
+.wr-report-filter-form--modern .clear {
+  display: none;
+}
+
+/* Keep Summary trigger aligned on the right side of Orders filter bar */
+.wr-report-page .wr-report-filter-bar--orders .wr-orders-summary-trigger {
+  flex-shrink: 0;
+}
+
+/* Chart card (all reports) */
+.wr-report-page .wr-report-card .wr-report-card__body--chart {
+  position: relative;
+  padding: 16px 20px 12px;
+  height: 320px;
+}
+.wr-report-page .wr-report-card .wr-report-card__body--chart canvas {
+  max-width: 100%;
+}
+
+/* ── Generic report table card ── */
+.wr-report-page .wr-report-card .wr-report-card__body--table {
+  padding: 0;
+  overflow-x: auto;
+  border-radius: 0 0 var(--wr-card-radius) var(--wr-card-radius);
+}
+
+.wr-report-page .wr-report-card .wp-list-table.widefat {
+  border: none;
+  box-shadow: none;
+  border-collapse: separate;
+  border-spacing: 0;
+  width: max-content;
+  min-width: 100%;
+  table-layout: auto;
+  font-size: 13px;
+}
+
+.wr-report-page .wr-report-card .wp-list-table.fixed {
+  table-layout: auto;
+}
+
+.wr-report-page .wr-report-card .wp-list-table.widefat thead th {
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--wr-text-secondary);
+  padding: 14px 16px;
+  border: none;
+  border-bottom: 2px solid var(--wr-border);
+  background: #f8f9fa;
+  white-space: nowrap;
+}
+
+.wr-report-page .wr-report-card .wp-list-table.widefat thead th a {
+  color: var(--wr-accent);
+  text-decoration: none;
+  font-weight: 600;
+}
+
+.wr-report-page .wr-report-card .wp-list-table.widefat thead th a:hover {
+  text-decoration: underline;
+}
+
+.wr-report-page .wr-report-card .wp-list-table.widefat tfoot {
+  display: none;
+}
+
+.wr-report-page .wr-report-card .wp-list-table.widefat tbody td {
+  padding: 14px 16px;
+  border: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  color: var(--wr-text);
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
+.wr-report-page .wr-report-card .wp-list-table.widefat tbody tr {
+  transition: background 0.15s ease;
+}
+
+.wr-report-page .wr-report-card .wp-list-table.widefat tbody tr:nth-of-type(odd) {
+  background: rgba(0, 0, 0, 0.02);
+}
+
+.wr-report-page .wr-report-card .wp-list-table.widefat tbody tr:hover {
+  background: rgba(26, 115, 232, 0.04);
+}
+
+.wr-report-page .wr-report-card .wp-list-table.widefat tbody tr:last-child td {
+  border-bottom: none;
+}
+
+.wr-report-page .wr-report-card .wp-list-table.widefat tbody td a {
+  color: var(--wr-accent);
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.wr-report-page .wr-report-card .wp-list-table.widefat tbody td a:hover {
+  text-decoration: underline;
+}
+
+.wr-report-page .wr-report-card .wp-list-table.widefat .order-status {
+  display: inline-block;
+  padding: 4px 10px;
+  font-size: 12px;
+  font-weight: 600;
+  border-radius: 20px;
+  border: none;
+  line-height: 1.3;
+}
+
+.wr-report-page .wr-report-card .wp-list-table.widefat .order-status span {
+  border: none;
+  padding: 0;
+  background: none;
+}
+
+/* Modern buttons inside report tables */
+.wr-report-page .wr-report-card .wp-list-table.widefat td .button,
+.wr-report-page .wr-report-card .wp-list-table.widefat td .button.button-primary {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 5px 12px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.4;
+  border: 1px solid var(--wr-accent);
+  border-radius: 6px;
+  background: rgba(26, 115, 232, 0.06);
+  color: var(--wr-accent);
+  text-decoration: none;
+  cursor: pointer;
+  box-shadow: none;
+  transition: background 0.15s, color 0.15s, box-shadow 0.15s;
+  white-space: nowrap;
+}
+.wr-report-page .wr-report-card .wp-list-table.widefat td .button:hover,
+.wr-report-page .wr-report-card .wp-list-table.widefat td .button.button-primary:hover {
+  background: var(--wr-accent);
+  color: #fff;
+  box-shadow: 0 2px 6px rgba(26, 115, 232, 0.25);
+  text-decoration: none;
+}
+.wr-report-page .wr-report-card .wp-list-table.widefat td .button:focus,
+.wr-report-page .wr-report-card .wp-list-table.widefat td .button.button-primary:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.3);
+}
+
+/* Stock action buttons (Edit/View) */
+.wr-report-page .wr-report-card .wp-list-table.widefat td .button.tips {
+  padding: 4px 10px;
+  font-size: 12px;
+  margin-right: 4px;
+}
+
+/* ── Products Popover ── */
+.wr-products-popover-wrap {
+  display: inline-block;
+}
+
+.wr-products-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 10px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--wr-accent);
+  background: rgba(26, 115, 232, 0.06);
+  border: 1px solid rgba(26, 115, 232, 0.18);
+  border-radius: 20px;
+  cursor: pointer;
+  transition: all 0.15s ease;
+  white-space: nowrap;
+  line-height: 1.5;
+}
+
+.wr-products-trigger:hover {
+  background: rgba(26, 115, 232, 0.12);
+  border-color: rgba(26, 115, 232, 0.35);
+}
+
+.wr-products-trigger[aria-expanded="true"] {
+  background: var(--wr-accent);
+  color: #fff;
+  border-color: var(--wr-accent);
+}
+
+.wr-products-trigger__count {
+  font-weight: 700;
+}
+
+.wr-products-trigger__chevron {
+  width: 14px;
+  height: 14px;
+  transition: transform 0.2s ease;
+  flex-shrink: 0;
+}
+
+.wr-products-trigger[aria-expanded="true"] .wr-products-trigger__chevron {
+  transform: rotate(180deg);
+}
+
+/* Popover card */
+.wr-products-popover {
+  display: none;
+  position: fixed;
+  z-index: 100000;
+  min-width: 260px;
+  max-width: 340px;
+  background: #fff;
+  border: 1px solid var(--wr-border);
+  border-radius: 12px;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);
+  animation: wr-popover-in 0.15s ease-out;
+}
+
+.wr-products-popover[aria-hidden="false"] {
+  display: block;
+}
+
+@keyframes wr-popover-in {
+  from { opacity: 0; transform: translateY(-4px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
+.wr-products-popover--above {
+  animation: wr-popover-in-above 0.15s ease-out;
+}
+@keyframes wr-popover-in-above {
+  from { opacity: 0; transform: translateY(4px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
+/* Arrow */
+.wr-products-popover::before {
+  content: '';
+  position: absolute;
+  top: -6px;
+  left: var(--wr-popover-arrow, 50%);
+  transform: translateX(-50%) rotate(45deg);
+  width: 10px;
+  height: 10px;
+  background: #fff;
+  border-top: 1px solid var(--wr-border);
+  border-left: 1px solid var(--wr-border);
+}
+.wr-products-popover--above::before {
+  top: auto;
+  bottom: -6px;
+  border-top: none;
+  border-left: none;
+  border-bottom: 1px solid var(--wr-border);
+  border-right: 1px solid var(--wr-border);
+}
+
+.wr-products-popover__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 14px;
+  border-bottom: 1px solid var(--wr-border);
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--wr-text-secondary);
+}
+
+.wr-products-popover__close {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  border: none;
+  background: transparent;
+  color: var(--wr-text-secondary);
+  font-size: 16px;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.12s ease;
+}
+
+.wr-products-popover__close:hover {
+  background: rgba(0, 0, 0, 0.06);
+  color: var(--wr-text);
+}
+
+.wr-products-popover__list {
+  list-style: none;
+  margin: 0;
+  padding: 6px 0;
+  max-height: 220px;
+  overflow-y: auto;
+}
+
+.wr-products-popover__item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 8px 14px;
+  transition: background 0.1s ease;
+}
+
+.wr-products-popover__item:hover {
+  background: rgba(0, 0, 0, 0.02);
+}
+
+.wr-products-popover__name {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--wr-text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.wr-products-popover__meta {
+  font-size: 12px;
+  color: var(--wr-text-secondary);
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+/* ── Tablenav: generic for all report pages ── */
+.wr-report-page .wr-report-card .tablenav {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 10px;
+  padding: 8px 16px;
+  margin: 0;
+  background: transparent;
+  border: none;
+}
+
+.wr-report-page .wr-report-card .tablenav.top {
+  display: none;
+}
+
+.wr-report-page .wr-report-card .tablenav.bottom {
+  justify-content: flex-end;
+  border-top: 1px solid var(--wr-border);
+  margin-top: 0;
+  padding: 10px 16px;
+  background: #ffffff;
+  border-radius: 0 0 var(--wr-card-radius) var(--wr-card-radius);
+}
+
+.wr-report-page .wr-report-card .tablenav .actions {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.wr-report-page .wr-report-card .tablenav .bulkactions {
+  display: none;
+}
+
+.wr-report-page .wr-report-card .nw_export_button {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 12px;
+  font-size: 13px;
+  font-weight: 500;
+  border-radius: 8px;
+  border: 1px solid var(--wr-border);
+  background: #fff;
+  color: var(--wr-text);
+  text-decoration: none;
+  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
+}
+
+.wr-report-page .wr-report-card .nw_export_button:hover {
+  border-color: var(--wr-accent);
+  background: rgba(26, 115, 232, 0.06);
+  color: var(--wr-accent);
+}
+
+.wr-report-page .wr-report-card .nw_export_excel:hover {
+  background: #b7d8b7 !important;
+  color: #4c6f16 !important;
+  border-color: #9ac29a !important;
+}
+.wr-report-page .wr-report-card .nw_export_pdf:hover {
+  background: #f0d08a !important;
+  color: #7a5208 !important;
+  border-color: #d8b96d !important;
+}
+
+/* Orders summary side panel: show totals as stacked list, not table */
+#wr-orders-summary-panel .table.table-striped {
+  width: 100%;
+  border: none;
+  border-collapse: collapse;
+  margin: 0;
+  font-size: 13px;
+}
+
+#wr-orders-summary-panel .table.table-striped tbody tr {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  padding: 10px 0;
+  border: none;
+  border-bottom: 1px solid var(--wr-border);
+  background: transparent !important;
+}
+
+#wr-orders-summary-panel .table.table-striped tbody tr:last-child {
+  border-bottom: none;
+}
+
+#wr-orders-summary-panel .table.table-striped td {
+  padding: 0;
+  border: none;
+  background: transparent;
+}
+
+#wr-orders-summary-panel .table.table-striped td:first-child {
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--wr-text-secondary);
+}
+
+#wr-orders-summary-panel .table.table-striped td:last-child {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--wr-text);
+  text-align: right;
+}
+
+/* ── Modern Pagination (all report pages) ── */
+.wr-report-page .wr-report-card .tablenav .tablenav-pages {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.wr-report-page .wr-report-card .tablenav-pages .displaying-num {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--wr-text-secondary);
+  margin-right: 4px;
+}
+
+.wr-report-page .wr-report-card .tablenav-pages .pagination-links {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.wr-report-page .wr-report-card .tablenav-pages .pagination-links .tablenav-paging-text {
+  font-size: 13px;
+  color: var(--wr-text-secondary);
+}
+
+.wr-report-page .wr-report-card .tablenav-pages .pagination-links .button,
+.wr-report-page .wr-report-card .tablenav-pages .pagination-links a.button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 32px;
+  height: 32px;
+  padding: 0 8px;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--wr-text);
+  background: #ffffff;
+  border: 1px solid var(--wr-border);
+  border-radius: 8px;
+  cursor: pointer;
+  text-decoration: none;
+  transition: all 0.15s ease;
+  box-shadow: none;
+}
+
+.wr-report-page .wr-report-card .tablenav-pages .pagination-links .button:hover,
+.wr-report-page .wr-report-card .tablenav-pages .pagination-links a.button:hover {
+  background: var(--wr-accent);
+  color: #ffffff;
+  border-color: var(--wr-accent);
+}
+
+.wr-report-page .wr-report-card .tablenav-pages .pagination-links .button.disabled,
+.wr-report-page .wr-report-card .tablenav-pages .pagination-links .button[disabled] {
+  opacity: 0.35;
+  cursor: not-allowed;
+  background: #f5f5f5;
+  color: var(--wr-text-secondary);
+  border-color: var(--wr-border);
+}
+
+.wr-report-page .wr-report-card .tablenav-pages .pagination-links .button.disabled:hover,
+.wr-report-page .wr-report-card .tablenav-pages .pagination-links .button[disabled]:hover {
+  background: #f5f5f5;
+  color: var(--wr-text-secondary);
+  border-color: var(--wr-border);
+}
+
+.wr-report-page .wr-report-card .tablenav-pages .pagination-links .paging-input {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+  color: var(--wr-text-secondary);
+}
+
+.wr-report-page .wr-report-card .tablenav-pages .pagination-links .paging-input .current-page {
+  width: 48px;
+  height: 32px;
+  padding: 0 6px;
+  font-size: 13px;
+  font-weight: 500;
+  text-align: center;
+  color: var(--wr-text);
+  background: #ffffff;
+  border: 1px solid var(--wr-border);
+  border-radius: 8px;
+  outline: none;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+
+.wr-report-page .wr-report-card .tablenav-pages .pagination-links .paging-input .current-page:focus {
+  border-color: var(--wr-accent);
+  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.15);
+}
+
+.wr-report-page .wr-report-card .tablenav-pages .pagination-links .total-pages {
+  font-weight: 600;
+  color: var(--wr-text);
+}
+
+/* Orders summary card: small table */
+.wr-report-page .wr-report-card .table.table-striped {
+  width: 100%;
+  border: none;
+  border-collapse: collapse;
+  margin: 0;
+  font-size: 13px;
+}
+
+.wr-report-page .wr-report-card .table.table-striped td {
+  padding: 10px 12px;
+  border: none;
+  border-bottom: 1px solid var(--wr-border);
+}
+
+.wr-report-page .wr-report-card .table.table-striped tbody tr:nth-of-type(odd) {
+  background: rgba(0, 0, 0, 0.02);
+}
+
+.wr-report-page .wr-report-card .table.table-striped tbody tr:last-child td {
+  border-bottom: none;
+}
+
+.wr-report-page .wr-report-cards--orders {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 24px;
+}
+
+.wr-report-page .wr-report-cards__two-col--orders {
+  grid-template-columns: 1fr 1fr;
+  gap: 24px;
+}
+
+@media screen and (max-width: 782px) {
+  .wr-report-filter-form--modern .WR_filterBox {
+    gap: 8px;
+  }
+  .wr-report-filter-form--modern .form-field {
+    width: 100%;
+  }
+  .wr-report-page .wr-report-filter-bar--orders .wr-orders-summary-trigger {
+    align-self: flex-end;
+  }
+  .wr-report-page .wr-report-cards__two-col--orders {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media screen and (max-width: 960px) {
+  .wr-report-topbar {
+    padding: 12px 16px;
+  }
+  .wr-report-topbar__center {
+    order: 3;
+    width: 100%;
+  }
+  .wr-report-page__inner {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+  .wr-report-filter-bar {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+  .wr-report-kpis {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 12px;
+    padding: 16px;
+  }
+  .wr-report-filter-form {
+    width: 100%;
+  }
+  .wr-report-cards {
+    grid-template-columns: 1fr;
+  }
+  .wr-report-cards__top-row {
+    grid-template-columns: 1fr;
+  }
+  .wr-report-cards__two-col {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .wr-report-kpis {
+    grid-template-columns: 1fr;
+  }
+}

wc-reports-lite/trunk/assets/js/admin.js

@@ -1 +1 @@
 
 (function($) { 
-"use strict"; 
+"use strict";
 $(document).ready(function () {
-    //Display products btn
-    $('.wcrl_customer_products a').on('click',function () {
-        $(this).next().toggle();
+    // Products popover (fixed positioning to escape overflow containers)
+    function wrCloseAllPopovers($except) {
+        $('.wr-products-trigger[aria-expanded="true"]').not($except || $())
+            .attr('aria-expanded', 'false')
+            .closest('.wr-products-popover-wrap')
+            .find('.wr-products-popover').attr('aria-hidden', 'true').removeClass('wr-products-popover--above');
+    }
+
+    function wrPositionPopover($btn, $popover) {
+        var rect = $btn[0].getBoundingClientRect();
+        var popW = $popover.outerWidth();
+        var popH = $popover.outerHeight();
+        var vpW  = window.innerWidth;
+        var vpH  = window.innerHeight;
+        var gap  = 8;
+
+        // Horizontal: center on the trigger, clamp to viewport
+        var left = rect.left + rect.width / 2 - popW / 2;
+        left = Math.max(8, Math.min(left, vpW - popW - 8));
+
+        // Arrow position relative to popover
+        var arrowLeft = (rect.left + rect.width / 2 - left);
+        arrowLeft = Math.max(16, Math.min(arrowLeft, popW - 16));
+
+        // Vertical: prefer below, flip above if not enough room
+        var spaceBelow = vpH - rect.bottom - gap;
+        var openAbove  = spaceBelow < popH && rect.top - gap > popH;
+
+        var top;
+        if (openAbove) {
+            top = rect.top - popH - gap;
+            $popover.addClass('wr-products-popover--above');
+        } else {
+            top = rect.bottom + gap;
+            $popover.removeClass('wr-products-popover--above');
+        }
+
+        $popover.css({ top: top + 'px', left: left + 'px' });
+        $popover[0].style.setProperty('--wr-popover-arrow', arrowLeft + 'px');
+    }
+
+    $(document).on('click', '.wr-products-trigger', function (e) {
+        e.stopPropagation();
+        var $btn     = $(this);
+        var $wrap    = $btn.closest('.wr-products-popover-wrap');
+        var $popover = $wrap.find('.wr-products-popover');
+        var isOpen   = $btn.attr('aria-expanded') === 'true';
+
+        wrCloseAllPopovers($btn);
+
+        if (!isOpen) {
+            $btn.attr('aria-expanded', 'true');
+            $popover.attr('aria-hidden', 'false');
+            wrPositionPopover($btn, $popover);
+        } else {
+            $btn.attr('aria-expanded', 'false');
+            $popover.attr('aria-hidden', 'true').removeClass('wr-products-popover--above');
+        }
+    });
+
+    $(document).on('click', '.wr-products-popover__close', function (e) {
+        e.stopPropagation();
+        var $wrap = $(this).closest('.wr-products-popover-wrap');
+        $wrap.find('.wr-products-trigger').attr('aria-expanded', 'false');
+        $wrap.find('.wr-products-popover').attr('aria-hidden', 'true').removeClass('wr-products-popover--above');
+    });
+
+    $(document).on('click', function () {
+        wrCloseAllPopovers();
+    });
+
+    $(document).on('click', '.wr-products-popover', function (e) {
+        e.stopPropagation();
+    });
+
+    // Reposition open popover on scroll/resize
+    $(window).on('scroll resize', function () {
+        var $open = $('.wr-products-trigger[aria-expanded="true"]');
+        if ($open.length) {
+            var $popover = $open.closest('.wr-products-popover-wrap').find('.wr-products-popover');
+            wrPositionPopover($open, $popover);
+        }
+    });
+    $('.wr-report-card__body--table').on('scroll', function () {
+        var $open = $(this).find('.wr-products-trigger[aria-expanded="true"]');
+        if ($open.length) {
+            var $popover = $open.closest('.wr-products-popover-wrap').find('.wr-products-popover');
+            wrPositionPopover($open, $popover);
+        }
+    });
+    //select2
+    $(".wr-select2, .select2-filter").each(function() {
+        var $el = $(this);
+        $el.select2({
+            placeholder: $el.data('placeholder') || '',
+            allowClear: !!$el.attr('multiple')
+        });
     });
 
     // settings page
-    $('.wcrl-settings-container ul.tabs li').on('click',function(){
+    $('.wr-settings-container ul.tabs li').on('click',function(){
         var tab_id = $(this).attr('data-tab');
         $('ul.tabs li').removeClass('current');
@@ -18 +112 @@
     });
 
+    // active email reporting
+    if ($('#WR_active_email_reporting').is(':checked')) {
+        $('.WR_email_form_settings').show();
+    }
+    $('#WR_active_email_reporting').on('change',function () {
+        if ($('#WR_active_email_reporting').is(':checked')) {
+            $('.WR_email_form_settings').show('200');
+        }else{
+            $('.WR_email_form_settings').hide('200');
+        }
+    });
+
+    //hidden screen-reader-text for export options(dataTable js)
+    $(".wp-list-table .screen-reader-text").empty();
+
+    // Generic Summary panel handler for all report pages
+    $(document).on('click', '.wr-summary-trigger', function() {
+        var panelId = $(this).data('panel');
+        var $panel = $('#' + panelId);
+        if ($panel.length) {
+            $panel.addClass('wr-insights-panel--open').attr('aria-hidden', 'false');
+        }
+    });
+    $(document).on('click', '.wr-insights-panel__backdrop, .wr-insights-panel__close', function() {
+        var $panel = $(this).closest('.wr-insights-panel');
+        $panel.removeClass('wr-insights-panel--open').attr('aria-hidden', 'true');
+    });
+    $(document).on('click', '.wr-insights-panel__drawer', function(e) {
+        e.stopPropagation();
+    });
+
+    // Generic reset filters button for all report pages
+    $(document).on('click', '.wr-report-reset-filters', function(e) {
+        e.preventDefault();
+        var page = $(this).data('page') || new URLSearchParams(window.location.search).get('page');
+        if (page) {
+            var url = new URL(window.location.href);
+            url.search = '';
+            url.searchParams.set('page', page);
+            window.location = url.toString();
+        }
+    });
+
 });
 })(jQuery);

wc-reports-lite/trunk/assets/js/persianDatepicker.js

@@ -7 +7 @@
  * Released under the MIT license.
  *
- * jalali Date Functions from NASA.gov
+ * jalali Date Functions
  *
  * Date: Tue Jan 1 2013
+ *
+ * Last Update: Mon April 15 2019
+ *
  */
-
+;
 (function ($) {
     $.fn.persianDatepicker = function (options) {
-        var 'wc-reports-lite' = 'persianDatepicker';
-        var instance = this.data('wc-reports-lite');
+        var pluginName = 'persianDatepicker';
+        var instance = this.data(pluginName);
         if (!instance) {
             return this.each(function () {
-                return $(this).data('wc-reports-lite', new persianDatepicker(this, options));
+                return $(this).data(pluginName, new persianDatepicker(this, options));
             });
         }
@@ -52 +55 @@
                     y: 0,
                 },
-                onShow: function () {
-                },
-                onHide: function () {
-                },
-                onSelect: function () {
-                },
-                onRender: function () {
-                }
+                onShow: function () { },
+                onHide: function () { },
+                onSelect: function () { },
+                onRender: function () { }
             };
             var self = this;
@@ -87 +86 @@
             }
 
-            if (self.options.selectedDate == undefined) {
+            if (self.options.selectedDate == undefined && !self.options.showGregorianDate) {
                 var patt1 = new RegExp('^([1-9][0-9][0-9][0-9])/([0]?[1-9]|[1][0-2])/([0]?[1-9]|[1-2][0-9]|[3][0-1])$');
                 if (el.is('input')) {
@@ -138 +137 @@
             if (options.selectedBefore) {
                 if (self.options.selectedDate != undefined) {
-                    jd = self.jDateFunctions.getJulianDayFromPersian(self.persianDate.parse(self.options.selectedDate));
-                    self.showDate(el, self.persianDate.parse(self.options.selectedDate).toString("YYYY/MM/DD/" + self.jDateFunctions.getWeekday(jd)), self.now().gDate, options.showGregorianDate);
+                    //>jd = self.jDateFunctions.getJulianDayFromPersian(self.persianDate.parse(self.options.selectedDate));
+                    self.showDate(el, self.persianDate.parse(self.options.selectedDate).toString("YYYY/MM/DD/" + self.jDateFunctions.getWeekday(self.persianDate.parse(self.options.selectedDate)), self.now().gDate, options.showGregorianDate));
                 } else {
-                    jd = self.jDateFunctions.getJulianDayFromPersian(self.now());
-                    self.showDate(el, self.now().toString("YYYY/MM/DD/" + self.jDateFunctions.getWeekday(jd)), self.now().gDate, options.showGregorianDate);
+                    //>jd = self.jDateFunctions.getJulianDayFromPersian(self.now());
+                    self.showDate(el, self.now().toString("YYYY/MM/DD/" + self.jDateFunctions.getWeekday(self.now())), self.now().gDate, options.showGregorianDate);
                 }
             }
@@ -168 +167 @@
             var onResize = function () {
                 var elPos = el.offset();
-                self.calendar.css(
-                    {
-                        top: (elPos.top + el.outerHeight() + options.calendarPosition.y) + 'px',
-                        left: (elPos.left + options.calendarPosition.x) + 'px'
-                    });
+                self.calendar.css({
+                    top: (elPos.top + el.outerHeight() + options.calendarPosition.y) + 'px',
+                    left: (elPos.left + options.calendarPosition.x) + 'px'
+                });
             };
             self.onresize = onResize;
@@ -179 +177 @@
             self.render();
             onResize();
-        }
-        ;
+        };
 
         // persianDatepicker methods
@@ -243 +240 @@
                         return false;
                     })
-                    .on('click',function (e) {
+                    .click(function (e) {
                         e.stopPropagation();
-                        _yearSelect.css({ display: 'none' });
-                        _monthSelect.css({ display: 'inline-block' });
+                        _yearSelect.css({
+                            display: 'none'
+                        });
+                        _monthSelect.css({
+                            display: 'inline-block'
+                        });
                     });
                 var _yearText = $('<span/>')
@@ -253 +254 @@
                         return false;
                     })
-                    .on('click',function (e) {
+                    .click(function (e) {
                         e.stopPropagation();
-                        _monthSelect.css({ display: 'none' });
-                        _yearSelect.css({ display: 'inline-block' });
+                        _monthSelect.css({
+                            display: 'none'
+                        });
+                        _yearSelect.css({
+                            display: 'inline-block'
+                        });
                         _yearSelect.scrollTop(70);
                     });
@@ -308 +313 @@
                         o.addClass('selected');
                     }
-                    o.data('month', { month: m, monthNum: i });
+                    o.data('month', {
+                        month: m,
+                        monthNum: i
+                    });
                     if (!o.hasClass('disableMonth')) {
                         o.bind("click", function () {
@@ -382 +390 @@
                 jd = self.persianDate;
                 jd.date = 1;
-                _start = self.jDateFunctions.getWeekday(self.jDateFunctions.getJulianDayFromPersian(jd));
-                _end = self.jDateFunctions.getLastDayOfPersianMonth(self.persianDate);
+                _start = self.jDateFunctions.getWeekday(self.persianDate);
+                _end = self.jDateFunctions.getLastDayOfMonth(self.persianDate);
                 for (var row = 0, cellIndex = 0; row < 5 + 1; row++) {
                     _row = $('<div />');
@@ -477 +485 @@
                 this.options.onSelect();
             },
-            getDate: function (jd, d) {
-                jd.date = d;
-                jd.day = this.jDateFunctions.getWeekday(this.jDateFunctions.getJulianDayFromPersian(jd))
-                return jd;
+            getDate: function (pd, d) {
+                pd.date = d;
+                pd.day = this.jDateFunctions.getWeekday(pd)
+                return pd;
             },
             now: function () {
-                return this.jDateFunctions.getPCalendarDate(this.jDateFunctions.getJulianDay(new Date()));
+                return this.jDateFunctions.gregorian_to_jalali(new Date());
             },
         };
@@ -515 +523 @@
                     .replace("mm", this.getMinutes() == 0 ? new Date().getMinutes() : this.getMinutes())
                     .replace("ss", this.getSeconds() == 0 ? new Date().getSeconds() : this.getSeconds())
+                    .replace("0h", this.getHours() > 9 ? this.getHours() : "0" + this.getHours())
+                    .replace("0m", this.getMinutes() > 9 ? this.getMinutes() : "0" + this.getMinutes())
+                    .replace("0s", this.getSeconds() > 9 ? this.getSeconds() : "0" + this.getSeconds())
                     .replace("ms", this.getMilliseconds() == 0 ? new Date().getMilliseconds() : this.getMilliseconds())
                     .replace("tm", (this.getHours() >= 12 && this.getMinutes() > 0) ? "PM" : "AM")
@@ -527 +538 @@
         };
     })();
-})(jQuery);// end of persianDatepicker plugin
+})(jQuery); // end of persianDatepicker plugin
 
 // persianDate object
@@ -540 +551 @@
         self.day = 1;
         self.gDate = new Date();
-    }
-    ;
+    };
     persianDate.prototype = {
         now: function () {
             var jdf = new jDateFunctions();
-            return jdf.getPCalendarDate(jdf.getJulianDay(new Date()));
+            return jdf.gregorian_to_jalali(new Date());
         },
         addDay: function (d) {
@@ -555 +565 @@
                 r.year = this.year;
                 r = r.addMonth(-1);
-                var lastDayOfMonth = d > 0 ? jdf.getLastDayOfPersianMonth(this) : jdf.getLastDayOfPersianMonth(r);
+                var lastDayOfMonth = d > 0 ? jdf.getLastDayOfMonth(this) : jdf.getLastDayOfMonth(r);
                 d > 0 ? this.date += 1 : this.date -= 1;
                 if (d > 0) {
@@ -611 +621 @@
             var r = new persianDate();
             jdf = new jDateFunctions();
-            r.year = parseInt(y), r.month = parseInt(m), r.date = parseInt(d)
-                , r.day = jdf.getWeekday(jdf.getJulianDayFromPersian(r)), r.gDate = jdf.getGCalendarDate(jdf.getJulianDayFromPersian(r), "jgmonth");
+            r.year = parseInt(y), r.month = parseInt(m), r.date = parseInt(d), r.day = jdf.getWeekday(r), r.gDate = jdf.jalali_to_gregorian(r);
             return r;
         },
@@ -628 +637 @@
                     .replace("mm", this.gDate.getMinutes())
                     .replace("ss", this.gDate.getSeconds())
+                    .replace("0h", this.gDate.getHours() > 9 ? this.gDate.getHours() : "0" + this.gDate.getHours())
+                    .replace("0m", this.gDate.getMinutes() > 9 ? this.gDate.getMinutes() : "0" + this.gDate.getMinutes())
+                    .replace("0s", this.gDate.getSeconds() > 9 ? this.gDate.getSeconds() : "0" + this.gDate.getSeconds())
                     .replace("tm", (this.gDate.getHours() >= 12 && this.gDate.getMinutes() > 0) ? "ب.ظ" : "ق.ظ")
                     .replace("ms", this.gDate.getMilliseconds())
@@ -641 +653 @@
 //  jalali Date Functions from NASA.gov
 var jDateFunctions = (function () {
-    function jDateFunctions() {
-    }
-    ;
+    function jDateFunctions() { };
 
     jDateFunctions.prototype = {
@@ -654 +664 @@
             return res;
         },
+
+        gregorian_to_jalali: function (dt) {
+            gy = dt.getFullYear();
+            gm = dt.getMonth() + 1;
+            gd = dt.getDate();
+            g_d_m = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334];
+            if (gy > 1600) {
+                jy = 979;
+                gy -= 1600;
+            } else {
+                jy = 0;
+                gy -= 621;
+            }
+            gy2 = (gm > 2) ? (gy + 1) : gy;
+            days = (365 * gy) + (parseInt((gy2 + 3) / 4)) - (parseInt((gy2 + 99) / 100)) + (parseInt((gy2 + 399) / 400)) - 80 + gd + g_d_m[gm - 1];
+            jy += 33 * (parseInt(days / 12053));
+            days %= 12053;
+            jy += 4 * (parseInt(days / 1461));
+            days %= 1461;
+            if (days > 365) {
+                jy += parseInt((days - 1) / 365);
+                days = (days - 1) % 365;
+            }
+            jm = (days < 186) ? 1 + parseInt(days / 31) : 7 + parseInt((days - 186) / 30);
+            jd = 1 + ((days < 186) ? (days % 31) : ((days - 186) % 30));
+            dt = new Date();
+            pd = new persianDate();
+            pd.year = jy;
+            pd.month = jm;
+            pd.date = jd;
+            pd.gDate = dt;
+            return pd;
+        },
+
+        jalali_to_gregorian: function (pd) {
+            jy = pd.year;
+            jm = pd.month;
+            jd = pd.date;
+            if (jy > 979) {
+                gy = 1600;
+                jy -= 979;
+            } else {
+                gy = 621;
+            }
+            days = (365 * jy) + ((parseInt(jy / 33)) * 8) + (parseInt(((jy % 33) + 3) / 4)) + 78 + jd + ((jm < 7) ? (jm - 1) * 31 : ((jm - 7) * 30) + 186);
+            gy += 400 * (parseInt(days / 146097));
+            days %= 146097;
+            if (days > 36524) {
+                gy += 100 * (parseInt(--days / 36524));
+                days %= 36524;
+                if (days >= 365) days++;
+            }
+            gy += 4 * (parseInt(days / 1461));
+            days %= 1461;
+            if (days > 365) {
+                gy += parseInt((days - 1) / 365);
+                days = (days - 1) % 365;
+            }
+            gd = days + 1;
+            sal_a = [0, 31, ((gy % 4 == 0 && gy % 100 != 0) || (gy % 400 == 0)) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+            for (gm = 0; gm < 13; gm++) {
+                v = sal_a[gm];
+                if (gd <= v) break;
+                gd -= v;
+            }
+            dt = new Date();
+            return new Date(gy, gm - 1, gd, dt.getHours(), dt.getMinutes(), dt.getSeconds(), dt.getMilliseconds());
+        },
         getGDate: function (pd) {
-            return this.getGCalendarDate(this.getJulianDayFromPersian(pd), "gmonth");
-        },
-        getPCalendarDate: function (jd) {
-            var y = 0;
-            var m = 0;
-            var day = 0.0;
-            if (jd > 0.0) {
-                var jdm = jd + 0.5;
-                var z = Math.floor(jdm);
-                var f = jdm - z;
-                var jdmp = Math.floor(jd) + 0.5;
-                var pd = new persianDate();
-                pd.year = 475;
-                pd.month = 1;
-                pd.date = 1;
-                var depoch = jdmp - this.getJulianDayFromPersian(pd);
-                var cycle = Math.floor(depoch / 1029983);
-                var cyear = depoch % 1029983;
-                var ycycle;
-                if (cyear == 1029982) {
-                    ycycle = 2820;
-                }
-                else {
-                    var a1 = Math.floor(cyear / 366);
-                    var a2 = cyear % 366;
-                    ycycle = Math.floor(((2134 * a1) + (2816 * a2) + 2815) / 1028522) + a1 + 1;
-                }
-                y = ycycle + (2820 * cycle) + 474;
-                if (y <= 0) {
-                    y--;
-                }
-                pd.year = y;
-                pd.month = 1;
-                pd.date = 1;
-                var yday = (jdmp - this.getJulianDayFromPersian(pd)) + 1;
-                m = (yday <= 186) ? Math.ceil(yday / 31) : Math.ceil((yday - 6) / 30);
-                pd.year = y;
-                pd.month = m;
-                pd.date = 1;
-                day = (jdmp - this.getJulianDayFromPersian(pd)) + 1;
-            }
-
-            var r = new persianDate;
-            r.year = y,
-                r.month = m,
-                r.date = day
-                , r.day = this.getWeekday(this.getJulianDayFromPersian(r)),
-                r.gDate = new Date();
-            return r;
-        },
-        getGCalendarDate: function (jd, dateformat) {
-            var y = 0;
-            var m = 0;
-            var day = 0.0;
-            if (jd > 0.0) {
-                var jdm = jd + 0.5;
-                var z = Math.floor(jdm);
-                var f = jdm - z;
-                /* cases "jgmonth","gmonth","jmonth" */
-                var a;
-                if (dateformat == "jmonth" || (dateformat == "jgmonth" && z < 2299161)) {
-                    a = z;
-                }
-                else if (dateformat == "gmonth" || (dateformat == "jgmonth" && z >= 2299161)) {
-                    var alpha = Math.floor((z - 1867216.25) / 36524.25);
-                    a = z + 1 + alpha - Math.floor(alpha / 4);
-                }
-                var b = a + 1524;
-                var c = Math.floor((b - 122.1) / 365.25);
-                var d = Math.floor(365.25 * c);
-                var e = Math.floor((b - d) / 30.6001);
-                day = b - d - Math.floor(30.6001 * e) + f;
-                if (e < 14) {
-                    m = e - 1;
-                }
-                else if (e == 14 || e == 15) {
-                    m = e - 13;
-                }
-                if (m > 2) {
-                    y = c - 4716;
-                }
-                else if (m == 1 || m == 2) {
-                    y = c - 4715;
-                }
-            }
-
-            r = new Date();
-            return new Date(y, m - 1, day, r.getHours(), r.getMinutes(), r.getSeconds(), r.getMilliseconds());
-        },
-        /* function getJulianDay(originalY, originalM, originalD) */
-        getJulianDay: function (d, jgGOrJ) {
-            /* jgGOrJ: 0 = auto Julian/Gregorian; 1 = Gregorian; 2 = Julian */
-            var jgGOrJ = (jgGOrJ === undefined) ? 0 : jgGOrJ;
-            /* Given UT */
-            var y0 = d.getFullYear();
-            var m0 = d.getMonth() + 1;
-            var d0 = d.getDate();
-            var y = y0 + 0;
-            var m = m0 + 0;
-            var d = d0 + 0.0;
-            /* y = -4712;
-             m = 1;
-             d = 1.5; */
-            /* Determine JD */
-            if (m <= 2) {
-                y = y - 1;
-                m = m + 12;
-            }
-            var b = 0;
-            if (d0 < 1 || ((m0 == 1 || m0 == 3 || m0 == 5 || m0 == 7 || m0 == 8 || m0 == 10 || m0 == 12) && d0 > 31) || ((m0 == 4 || m0 == 6 || m0 == 9 || m0 == 11) && d0 > 30)) {
-                //try {
-                //    console.log("Id 646");
-                //} catch (e) { }
-            }
-            if (jgGOrJ == 2 || (jgGOrJ == 0 && (y0 < 1582 || (y0 == 1582 && m0 < 10) || (y0 == 1582 && m0 == 10 && d0 <= 4)))) {
-                /* Julian calendar */
-                b = 0;
-                if (y0 / 4.0 == Math.round(y0 / 4.0)) {
-                    /* Leap year */
-                    if (m0 == 2 && d0 > 29) {
-                        //try {
-                        //    console.log("Id 656");
-                        //} catch (e) { }
-                    }
-                }
-            }
-            else if (jgGOrJ == 1 || (jgGOrJ == 0 && (y0 > 1582 || (y0 == 1582 && m0 > 10) || (y0 == 1582 && m0 == 10 && d0 >= 15)))) {
-                /* Gregorian calendar */
-                var a = Math.floor(y / 100);
-                b = 2 - a + Math.floor(a / 4);
-                if (y0 / 4.0 == Math.round(y0 / 4.0)) {
-                    if (y0 / 100.0 == Math.round(y0 / 100.0)) {
-                        if (y0 / 400.0 == Math.round(y0 / 400.0)) {
-                            /* Leap year */
-                            if (m0 == 2 && d0 > 29) {
-                                //try {
-                                //    console.log("Id 671");
-                                //} catch (e) { }
-                            }
-                        }
-                    }
-                    else {
-                        /* Leap year */
-                        if (m0 == 2 && d0 > 29) {
-                            //try {
-                            //    console.log("Id 680");
-                            //} catch (e) { }
-                        }
-                    }
-                }
-            }
-            //else {
-            //    try {
-            //        console.log("Id 687");
-            //    } catch (e) { }
-            //}
-            var jd = Math.floor(365.25 * (y + 4716)) + Math.floor(30.6001 * (m + 1)) + d + b - 1524.5;
-            return jd;
-        },
-        getJulianDayFromPersian: function (pd) {
-            y0 = pd.year, m0 = pd.month, d0 = pd.date;
-            var epbase = y0 - ((y0 >= 0) ? 474 : 473);
-            var epyear = 474 + (epbase % 2820);
-            return d0 + ((m0 <= 7) ? ((m0 - 1) * 31) : (((m0 - 1) * 30) + 6)) + Math.floor(((epyear * 682) - 110) / 2816) + (epyear - 1) * 365 + Math.floor(epbase / 2820) * 1029983 + (1948320.5 - 1);
-        },
-        getWeekday: function (jd) {
-            wds = [1, 2, 3, 4, 5, 6, 0];
-            wd = Math.floor((jd + 1.5) % 7.0);
-            return wds[wd];
-        },
-        getLastDayOfPersianMonth: function (pd) {
+            return this.jalali_to_gregorian(pd);
+            //>return this.getGCalendarDate(this.getJulianDayFromPersian(pd), "gmonth");
+        },
+        getWeekday: function (pd) {
+            var gds = [1, 2, 3, 4, 5, 6, 0];
+            return gds[this.jalali_to_gregorian(pd).getDay()];
+        },
+        getLastDayOfMonth: function (pd) {
             y = pd.year, m = pd.month;
             if (m >= 1 && m <= 6) {
                 return 31;
-            }
-            else if (m >= 7 && m < 12) {
+            } else if (m >= 7 && m < 12) {
                 return 30;
             }
-            else if (m != 12) {
-                //try {
-                //    console.log("Id 715");
-                //}catch (e){}
-            }
             /* Esfand */
-            if (y%4==3) {
+            else if (this.isLeapYear(y)) {
                 /* Leap year */
                 return 30;
@@ -845 +754 @@
             return 29;
         },
-        isLeapYear(year) {
-            ary = array(1, 5, 9, 13, 17, 22, 26, 30);
+        // 1244 to 1472
+        isLeapYear: function (year) {
+            var ary = year > 1342 ? [1, 5, 9, 13, 17, 22, 26, 30] : [1, 5, 9, 13, 17, 21, 26, 30];
             b = year % 33;
-            if (in_array($b, $ary))
+            if (ary._indexOf(b)>-1)
                 return true;
             return false;

wc-reports-lite/trunk/includes/class-wr-autoloader.php

@@ -5 +5 @@
  * Autoloader class.
  */
-class WCRL_Autoloader {
+class WR_Autoloader {
 
     /**
@@ -18 +18 @@
      */
     public function __construct() {
-        if ( function_exists( '__autoload' ) ) {
-            spl_autoload_register( '__autoload' );
-        }
         spl_autoload_register( array( $this, 'autoload' ) );
-        $this->include_path = untrailingslashit( plugin_dir_path( WCRL_PLUGIN_FILE) ) . '/includes/';
+        $this->include_path = untrailingslashit( plugin_dir_path( WR_PLUGIN_FILE) ) . '/includes/';
     }
     /**
@@ -49 +46 @@
 
     /**
-     * Auto-load WCRL classes on demand to reduce memory consumption.
+     * Auto-load WR classes on demand to reduce memory consumption.
      *
      * @param string $class Class name.
@@ -56 +53 @@
         $class = strtolower( $class );
 
-        if ( 0 !== strpos( $class, 'wcrl_' ) ) {
+        if ( 0 !== strpos( $class, 'wr_' ) ) {
             return;
         }
@@ -69 +66 @@
 }
 
-new WCRL_Autoloader();
+new WR_Autoloader();

wc-reports-lite/trunk/readme.txt

@@ -1 @@
-=== NikanWP WooCommerce Reporting ===
-Contributors: nikanwp,mahdikhaksar
-Tags: order report, report, sale report, stock report, tax report, woocommerce, woocommerce dashboard, woocommerce order pdf, woocommerce order report, woocommerce order summary, woocommerce report, woocommerce reporting, woocommerce sale
-Requires at least: 4.9 or higher
-Tested up to: 5.5.1
-Requires PHP: 7.0
-Stable tag: 1.0.0
+=== WooReports Lite — Sales Reports for WooCommerce ===
+Contributors: nikanwp
+Tags: woocommerce, sales report, stock report, order report, revenue report
+Requires at least: 6.0
+Tested up to: 6.9
+Stable tag: 3.0.0
+Requires PHP: 7.4
+WC requires at least: 7.0
+WC tested up to: 10.5.3
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 
+Free sales reports for WooCommerce — 11 report modules including orders, products, stock, tax, coupons and payment gateways. No API key needed.
+
 == Description ==
-WooCommerce Reporting is a complete reporting solution for your store. It helps you track sales, monitor order trends, analyze product performance, and make data-driven decisions — all from a beautiful and intuitive dashboard.  
-[View Live Demo](https://demo.nikanwp.com/woocommerce-reporting/ "WooCommerce Reporting Demo") | [Pro Version](https://nikanwp.com/product/woocommerce-reporting/ "WooCommerce Reporting Pro")
 
-**Features**
-* Summary Of Reports (FREE)
-* Orders Reports (FREE)
-* Products Reports (FREE)
-* Categories Reports (FREE)
-* Coupons Reports (FREE)
-* Payment Gateway Reports (FREE)
-* Orders Status Reports (FREE)
-* Locations Reports (FREE)
-* Shippings Reports (FREE)
-* Tax Reports (FREE)
-* Stock Reports (FREE)
-* RTL & Jalali date Support (FREE)
-* Export Reports (PRO)
-* Advance Search Filter (PRO)
-* Email Scheduler (PRO)
-* Visual Reports (PRO)
-* Profit Of Sales Reports (PRO)
-* Dokan Seller Reports (PRO)
-* Customer Reports (PRO)
+WooReports Lite gives you a clear view of your store performance — directly inside your WordPress dashboard. Reports are generated fresh from your WooCommerce database each time you open a page. No external API, no monthly fee, no setup required.
 
+**Free report modules:**
+
+* **Overview** — revenue KPIs, orders count, AOV, sales trend chart, top products, top categories, top payment gateways
+* **Orders** — full order list with date, customer name, status, items, shipping, discount, tax and total
+* **Products** — revenue and quantity sold per product
+* **Categories** — sales broken down by product category
+* **Coupons** — usage count and total discount amount per coupon code
+* **Payment Gateway** — revenue and order count by payment method
+* **Orders Status** — orders grouped and counted by status
+* **Locations** — sales by country and state/province
+* **Shippings** — shipping method usage, order count and revenue
+* **Tax** — tax collected by rate and country
+* **Stock** — inventory levels, stock status and value for all products
+
+**Upgrade to [WooReports — the advanced reporting plugin for WooCommerce](https://nikanwp.com/product/woocommerce-reporting/?utm_source=wp-org&utm_medium=readme&utm_campaign=upgrade) to unlock:**
+
+* Advanced date range filter — filter every report by any custom date range and compare periods side by side
+* Customer reports — lifetime value, total orders, average order value, purchase history, searchable by name, email or phone
+* Profit reports — net profit per product using Cost of Goods (COG) tracking
+* Profit by payment gateway and profit per order
+* Export to Excel (XLSX), PDF & CSV — one click on every report
+* Scheduled email reports — automatically delivered to any recipient on your schedule
+* Admin bar quick stats — today's revenue and order count always visible
+* Dokan vendor reports — full multi-vendor reporting
+
+== Installation ==
+
+1. Upload the plugin folder to `/wp-content/plugins/`
+2. Activate through the **Plugins** menu in WordPress
+3. Go to **WooReports** in your WordPress admin sidebar
+4. The Overview dashboard loads instantly — no configuration needed
+
+== Frequently Asked Questions ==
+
+= Does this plugin require WooCommerce? =
+Yes. WooReports Lite requires WooCommerce to be installed and active. It reads data directly from your WooCommerce orders.
+
+= Is it compatible with HPOS (High-Performance Order Storage)? =
+Yes. WooReports Lite is fully compatible with WooCommerce HPOS (custom order tables). It uses the WooCommerce order API exclusively and does not query the posts table directly.
+
+= Does it work with the latest version of WordPress and WooCommerce? =
+Yes. WooReports Lite is tested with WordPress 6.9 and WooCommerce 10.5. It is compatible with PHP 7.4 through 8.3.
+
+= How up to date is the data in the reports? =
+Reports are generated directly from your WooCommerce database each time you open a report page — so you always see your latest orders and store data.
+
+= Can I filter reports by date range? =
+The Overview dashboard includes a built-in date preset filter (today, yesterday, last 7 days, last 30 days, last 365 days). Custom date range filtering across all reports — including orders, products, categories and more — is available in [WooReports Pro](https://nikanwp.com/product/woocommerce-reporting/?utm_source=wp-org&utm_medium=faq&utm_campaign=upgrade).
+
+= Can I see which products are most profitable? =
+Profit tracking with Cost of Goods (COG) per product, payment gateway and order is a Pro feature. [WooReports Pro](https://nikanwp.com/product/woocommerce-reporting/?utm_source=wp-org&utm_medium=faq&utm_campaign=upgrade) lets you enter a cost price per product and see real net profit across all reports.
+
+= Can I export reports to Excel or PDF? =
+Export to Excel (XLSX), PDF and CSV is available in [WooReports Pro](https://nikanwp.com/product/woocommerce-reporting/?utm_source=wp-org&utm_medium=faq&utm_campaign=upgrade). In Lite, reports are available as on-screen tables only.
+
+= Can I see customer purchase history and lifetime value? =
+Customer reports — including lifetime spend, total orders, average order value, and searchable by name, email or phone — are available in [WooReports Pro](https://nikanwp.com/product/woocommerce-reporting/?utm_source=wp-org&utm_medium=faq&utm_campaign=upgrade).
+
+= What is the difference between Lite and Pro? =
+Lite includes 11 free report modules with overview-level date filtering. Pro adds custom date ranges on all reports, customer lifetime value reports, profit tracking with Cost of Goods, export to Excel/PDF/CSV, scheduled email reports, admin bar quick stats and Dokan vendor reports.
+
+= Does it support multisite? =
+WooReports Lite has not been tested on WordPress Multisite. It is designed for single-site WooCommerce stores.
+
+== Screenshots ==
+
+1. Overview dashboard — KPI cards, sales trend chart and top segments
+2. Orders report — full order list with status, items, shipping, tax and total
+3. Products report — revenue and quantity sold per product
+4. Stock report — inventory levels and stock status for all products
+
+== Changelog ==
+
+= 3.0.0 =
+* Full compatibility with WooCommerce HPOS (High-Performance Order Storage / custom order tables)
+* Completely redesigned modern UI
+* Tested with WordPress 6.9 and WooCommerce 10.5
+* Compatible with PHP 7.4–8.3
+
+= 1.0.0 =
+* Initial release

wc-reports-lite/trunk/wcrl.php

@@ -1 +1 @@
 <?php
 /**
- * Plugin Name: Reports for WooCommerce Lite
- * Plugin URI: https://nikanwp.com/woocommerce-reporting/
- * Description: WooCommerce reporting system
- * Version: 1.0.0
+ * Plugin Name: WooReports Lite — WooCommerce Reporting
+ * Plugin URI: https://nikanwp.com/product/woocommerce-reporting/
+ * Description: Free WooCommerce reporting plugin with 11 report modules — sales, orders, products, stock, tax, coupons, payment gateways and more. No API key required. Upgrade to Pro for profit tracking, export to Excel/PDF, customer reports and scheduled emails.
+ * Version: 3.0.0
  * Author: NikanWP
  * Author URI: https://nikanwp.com/
- * Text Domain: wc-reports-lite
+ * Requires at least: 6.0
+ * Tested up to: 6.7
+ * Requires PHP: 7.4
+ * Requires Plugins: woocommerce
+ * Text Domain: wooreports
  * Domain Path: /languages
+ * License: GPLv2 or later
  */
 
-if (!defined( 'ABSPATH' ) ) {
-    exit;// Exit if accessed directly.
+if ( ! defined( 'ABSPATH' ) ) { exit; }
+if ( ! defined( 'WR_PLUGIN_FILE' ) ) { define( 'WR_PLUGIN_FILE', __FILE__ ); }
+define( 'WR_LITE', true );
+
+add_action( 'before_woocommerce_init', function () {
+    if ( class_exists( \Automattic\WooCommerce\Utilities\FeaturesUtil::class ) ) {
+        \Automattic\WooCommerce\Utilities\FeaturesUtil::declare_compatibility( 'custom_order_tables', __FILE__, true );
+    }
+} );
+
+// Add "Upgrade to Pro" action link on the plugins list page.
+add_filter( 'plugin_action_links_' . plugin_basename( __FILE__ ), function ( $links ) {
+    $upgrade_link = sprintf(
+        '<a href="%s" target="_blank" rel="noopener" style="color:#7f77dd;font-weight:600;">%s</a>',
+        esc_url( 'https://nikanwp.com/product/woocommerce-reporting/?utm_source=lite&utm_medium=plugin-list&utm_campaign=upgrade' ),
+        esc_html__( 'Upgrade to Pro', 'wooreports' )
+    );
+    array_unshift( $links, $upgrade_link );
+    return $links;
+} );
+
+if ( ! class_exists( 'WooReports' ) ) {
+    include_once dirname( __FILE__ ) . '/includes/class-wooreports.php';
 }
-
-// Define WCRL_PLUGIN_FILE.
-if (!defined('WCRL_PLUGIN_FILE') ) {
-    define( 'WCRL_PLUGIN_FILE', __FILE__ );
-}
-
-// Include the main wcrl class.
-if(!class_exists('WCRL')) {
-    include_once dirname(__FILE__).'/includes/class-wcrl.php';
-}
-
-/**
- * Plugin action links
- *
- * @param $links
- *
- * @return array
- */
-add_filter( 'plugin_action_links_' . plugin_basename(__FILE__), 'wcrl_plugin_action_links');
-function wcrl_plugin_action_links( $links ) {
-    $nurl = get_locale() === WCRL_FARSILANG ? 'https://nikanwp.ir/product/woocommerce-reporting/' : 'https://nikanwp.com/woocommerce-reporting/';
-    $links[] = '<a href="'.$nurl.'" style="color: #389e38;font-weight: bold;" target="_blank">' . __( 'Get Pro', 'wc-reports-lite' ) . '</a>';
-    return $links;
-}
-
-WCRL::getInstance();
+WooReports::getInstance();