prediciton update

src/app/analysispage/analysispage.html

@@ -125,22 +125,33 @@
   </mat-card>
 
   <mat-card>
-    <h1>Predicted Close Price for next 30 days</h1>
+    <h1>Prediction Chart for next 15 days</h1>
 
     <div class="chart-content">
       <div class="predict-content">
-        <p style="color: #22c55e;">Maximum Highest Price Prediction:  {{result[activeCompany].ai_predicted_highest_price}}</p>
-        <p style="color: #ef4444; ">Maximum Lowest Price Prediction:  {{result[activeCompany].ai_predicted_lowest_price}}</p>
+        <div>
+          <p style="color: #22C55E;">Predicted Max High Date:  {{result[activeCompany].ai_predicted_max_high_15_date}}</p>
+          <p style="color: #22C55E;">Predicted Max High Date: {{result[activeCompany].ai_predicted_max_high_15}}</p>
+        </div>
+        <div>
+          <p style="color: #EF4444; ">Predicted Min Low Date:  {{result[activeCompany].ai_predicted_min_low_15_date}}</p>
+          <p style="color: #EF4444; ">Predicted Min Low:  {{result[activeCompany].ai_predicted_min_low_15}}</p>
+        </div>
+
       </div>
-      <apx-chart [series]="predictedChart.series"
-                 [chart]="predictedChart.chart"
-                 [xaxis]="predictedChart.xaxis"
-                 [yaxis]="predictedChart.yaxis"
-                 [tooltip]="predictedChart.tooltip">
+      <apx-chart *ngIf="highLowChartOptions"
+                 [series]="highLowChartOptions.series"
+                 [chart]="highLowChartOptions.chart"
+                 [xaxis]="highLowChartOptions.xaxis"
+                 [yaxis]="highLowChartOptions.yaxis"
+                 [stroke]="highLowChartOptions.stroke"
+                 [markers]="highLowChartOptions.markers"
+                 [tooltip]="highLowChartOptions.tooltip"
+                 [legend]="highLowChartOptions.legend">
       </apx-chart>
     </div>
-
   </mat-card>
+
   <mat-card>
     <h1>Trade Recommendations</h1>
 

src/app/analysispage/analysispage.ts

@@ -37,6 +37,7 @@ export class Analysispage implements OnInit {
   strategyChart: any;
   strategyChartIndex: number = 0;
   predictedChart: any;
+  highLowChartOptions: any;
   selectedIndicator: any = 'RSI';
   selectedStrategy: any = 'RSI 14';
   activeCompany: number = 0;
@@ -148,11 +149,11 @@ export class Analysispage implements OnInit {
   }
 
   loadCharts() {
-   
+
 
     // close price chart
 
-      const data = this.result[this.activeCompany]['ohlc_data'] as Array<{ x: string; y: [number, number, number, number] }>;
+    const data = this.result[this.activeCompany]['ohlc_data'] as Array<{ x: string; y: [number, number, number, number] }>;
 
     // Optional: keep sorted and remove duplicate dates
     const closeSeries = [...data]
@@ -164,7 +165,7 @@ export class Analysispage implements OnInit {
       chart: { type: 'area', height: 400, width: 1200 },
       series: [
         {
-          name:'Close',
+          name: 'Close',
           data: closeSeries  // [{x: '2025-08-01', y: 2350.9}, ...]
         }
       ],
@@ -176,17 +177,17 @@ export class Analysispage implements OnInit {
         opposite: true,
         labels: { style: { colors: '#ffffff' } }
       },
-     
+
       tooltip: {
         theme: 'dark'
-       
+
       }
     };
 
 
     //candlestick chart
 
-  
+
     this.candlestickChartOptions = {
       chart: { type: 'candlestick', height: 400, width: 1200 },
       series: [{ name: this.activeCompany, data }], // x can be a plain string when type='category'
@@ -199,7 +200,7 @@ export class Analysispage implements OnInit {
         labels: { style: { colors: '#ffffff' } }
       },
       tooltip: { theme: 'dark' }
-    };  
+    };
 
   }
 
@@ -269,45 +270,49 @@ export class Analysispage implements OnInit {
 
 
 
-    const prediction_prices = this.result[this.activeCompany]['prediction_prices']
-    const prediction_dates = this.result[this.activeCompany]['prediction_dates']
 
-    this.predictedChart = {
-      series: [
-        {
-          name: "Predicted Price",
-          data: prediction_prices.map((value: any) => Number(value.toFixed(2))),
-          color: '#38BDF8'
-        }
 
-      ],
-      chart: {
-        type: "area",
-        height: 460,
-        width: 1600
-      },
-      xaxis: {
-        categories: prediction_dates,
-        rotate: -45,
-        labels: {
-          style: {
-            colors: '#ffffff'
-          },
+    // Predicted High/Low 15-day chart (single chart with two series)
+    const highsRaw = this.result[this.activeCompany].ai_predicted_daily_high_15 ?? [];
+    const lowsRaw = this.result[this.activeCompany].ai_predicted_daily_low_15 ?? [];
+    const dates15 = this.result[this.activeCompany].ai_predicted_dates_15 ?? [];
+
+    const highs = highsRaw.map((v: any) => Number(Number(v).toFixed(2)));
+    const lows = lowsRaw.map((v: any) => Number(Number(v).toFixed(2)));
+
+    if (highs.length && lows.length && dates15.length && highs.length === lows.length && highs.length === dates15.length) {
+      this.highLowChartOptions = {
+        chart: { type: 'line', height: 400, width: 1500, toolbar: { show: false } },
+        series: [
+          { name: 'Predicted High', data: highs, color: '#22C55E' }, // green
+          { name: 'Predicted Low', data: lows, color: '#EF4444' }    // red
+        ],
+        stroke: { width: 2, curve: 'smooth' },
+        markers: { size: 3 },
+        xaxis: { categories: dates15, type: 'category', tickPlacement: 'on', labels: { rotate: -45, rotateAlways: true, hideOverlappingLabels: false, trim: false, minHeight: 70, style: { colors: '#ffffff', fontSize: '12px' } } },
+        yaxis: {
+          opposite: true,
+          labels: { style: { colors: '#ffffff' } }
         },
-      },
-      yaxis: {
-        opposite: true,
-        labels: {
-          style: {
-            colors: '#ffffff'
-          },
+        tooltip: {
+          shared: true,
+          intersect: false,
+          theme: 'dark',
+          y: {
+            formatter: (val: number) => (val != null ? val.toFixed(2) : '')
+          }
         },
-      },
-      tooltip: {
-        theme: 'dark',
-        fillSeriesColor: false
-      }
-    };
+        legend: {
+          position: 'top',
+          labels: {
+            colors: '#ffffff',
+            useSeriesColors: false
+          }
+        }
+      };
+    } else {
+      this.highLowChartOptions = null;
+    }
   }
 
 
@@ -327,7 +332,7 @@ export class Analysispage implements OnInit {
       this.strategyChartIndex--;
     }
   }
-  
+
   nextChart(): void {
     if (this.strategyChartIndex < this.strategyChart.length - 1) {
       this.strategyChartIndex++;
@@ -335,10 +340,3 @@ export class Analysispage implements OnInit {
   }
 
 }
-
-
-
-
-
-
-

src/app/homepage/homepage.html

@@ -38,18 +38,18 @@
     </div>
     <div class="footer-center">
       <ul class="footer-links">
-        <li><a href="https://pykara.ai/contact-us/" target="_blank">About Us</a></li>
+        <li><a href="https://pykara.ai/" target="_blank">About Us</a></li>
         <li><a href="https://pykara.ai/contact-us/" target="_blank">Contact</a></li>
-        <li><a href="https://pykara.ai/contact-us/" target="_blank">Privacy Policy</a></li>
-        <li><a href="https://pykara.ai/contact-us/" target="_blank">Terms & Conditions</a></li>
+        <li><a href="" target="_blank">Privacy Policy</a></li>
+        <li><a href="" target="_blank">Terms & Conditions</a></li>
       </ul>
     </div>
     <div class="footer-right">
       <div class="social-media">
-        <a href="https://facebook.com" target="_blank" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
+        <a href="https://www.facebook.com/profile.php?id=100087653675803" target="_blank" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
         <a href="https://www.youtube.com/@PykaraTechnologies/videos" target="_blank" aria-label="Youtube"><i class="fab fa-youtube"></i></a>
         <a href="https://www.linkedin.com/in/pykara-technologies" target="_blank" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
-        <a href="https://instagram.com" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
+        <a href="https://www.instagram.com/pykaratechnologie/" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
       </div>
     </div>
   </div>