From f81f2854796f5d5c43ca92961fa9d87512dbc851 Mon Sep 17 00:00:00 2001
From: E98Developer <developer@e98.hu>
Date: Tue, 30 Jun 2026 20:44:03 +0200
Subject: [PATCH] =?UTF-8?q?ADD=20EV3-358=20statisztika=20modul=20b=C5=91v?=
 =?UTF-8?q?=C3=ADt=C3=A9se=20aktu=C3=A1lis=20=C3=A1r=20megjelen=C3=ADt?=
 =?UTF-8?q?=C3=A9ssel=20phase=201=20create=20modern=20page=20layout=20with?=
 =?UTF-8?q?=20sidenavbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |   3 +
 app/Filament/Pages/CurrentPrice.php           |  33 +++++
 .../views/admin/statistics/index.blade.php    |  16 ++-
 .../admin/statistics/navSidebar.blade.php     |  12 +-
 .../filament/pages/current-price.blade.php    | 134 ++++++++++++++++++
 5 files changed, 194 insertions(+), 4 deletions(-)
 create mode 100644 app/Filament/Pages/CurrentPrice.php
 create mode 100644 resources/views/filament/pages/current-price.blade.php

diff --git a/.gitignore b/.gitignore
index 9726ca0..6bf0866 100644
--- a/.gitignore
+++ b/.gitignore
@@ -75,3 +75,6 @@ Homestead.yaml
 /database/csv/*
 /.gitea/workflows/deploy.yml
 /.claude/settings.local.json
+/public/js/
+/public/css/
+/public/mix-manifest.json
diff --git a/app/Filament/Pages/CurrentPrice.php b/app/Filament/Pages/CurrentPrice.php
new file mode 100644
index 0000000..20e372d
--- /dev/null
+++ b/app/Filament/Pages/CurrentPrice.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Filament\Pages;
+
+use Filament\Pages\Page;
+
+class CurrentPrice extends Page
+{
+    protected static string | \BackedEnum | null $navigationIcon = 'heroicon-o-currency-dollar';
+
+    protected static ?string $title = 'Aktuális ár';
+
+    protected static ?string $navigationLabel = 'Aktuális ár';
+
+    protected static string | \UnitEnum | null $navigationGroup = 'Statisztika';
+
+    public function getHeader(): ?\Illuminate\Contracts\View\View
+    {
+        return null;
+    }
+
+    public function getFooter(): ?\Illuminate\Contracts\View\View
+    {
+        return null;
+    }
+
+    public function getBreadcrumbs(): array
+    {
+        return [];
+    }
+
+    protected string $view = 'filament.pages.current-price';
+}
diff --git a/resources/views/admin/statistics/index.blade.php b/resources/views/admin/statistics/index.blade.php
index 20659f4..35720f0 100644
--- a/resources/views/admin/statistics/index.blade.php
+++ b/resources/views/admin/statistics/index.blade.php
@@ -373,8 +373,22 @@
             }
             this.initNavBarButton=function () {
                 debug('asdadasd');
+
+                let typeFromUrl = new URLSearchParams(window.location.search).get('type');
+                if (typeFromUrl) {
+                    let target = $('nav a.sidebar[data-action="' + typeFromUrl + '"]');
+                    if (target.length) {
+                        setTimeout(function() {
+                            target.trigger('click');
+                        }, 100);
+                    }
+                }
+
                 $('nav a.sidebar').off('click');
-                $('nav a.sidebar').on('click',function (){
+                $('nav a.sidebar').on('click',function (e){
+                    if ($(this).attr('href') !== '#') {
+                        e.preventDefault();
+                    }
 
                     //let type=$(this).data('action');
 
diff --git a/resources/views/admin/statistics/navSidebar.blade.php b/resources/views/admin/statistics/navSidebar.blade.php
index 8aba58c..efa82c0 100644
--- a/resources/views/admin/statistics/navSidebar.blade.php
+++ b/resources/views/admin/statistics/navSidebar.blade.php
@@ -23,23 +23,29 @@
         <div class="sidebar-menu active">
             <ul>
                 <li>
-                    <a href="#" class="sidebar OrderFrequency" data-action="OrderFrequency">
+                    <a href="{{ url('legacy/admin/statistics') }}?type=OrderFrequency" class="sidebar OrderFrequency" data-action="OrderFrequency">
                         <i class="fa fa-wave-square"></i>
                         <span>Rendelés gyakoriság</span>
                     </a>
                 </li>
                 <li>
-                    <a href="#" class="sidebar PriceChange" data-action="PriceChange">
+                    <a href="{{ url('legacy/admin/statistics') }}?type=PriceChange" class="sidebar PriceChange" data-action="PriceChange">
                         <i class="fa fa-chart-bar"></i>
                         <span>Árváltozás</span>
                     </a>
                 </li>
                 <li>
-                    <a href="#" class="sidebar ProductAmount" data-action="ProductAmount">
+                    <a href="{{ url('legacy/admin/statistics') }}?type=ProductAmount" class="sidebar ProductAmount" data-action="ProductAmount">
                         <i class="fa fa-dollar-sign"></i>
                         <span>Forgalom</span>
                     </a>
                 </li>
+                <li>
+                    <a href="{{ route('filament.admin.pages.current-price') }}">
+                        <i class="fa fa-tag"></i>
+                        <span>Aktuális ár</span>
+                    </a>
+                </li>
             {{--    <li>
                     <a href="#" class="sidebar often" data-action="often">
                         <i class="fa fa-dollar-sign"></i>
diff --git a/resources/views/filament/pages/current-price.blade.php b/resources/views/filament/pages/current-price.blade.php
new file mode 100644
index 0000000..06dcd53
--- /dev/null
+++ b/resources/views/filament/pages/current-price.blade.php
@@ -0,0 +1,134 @@
+<div class="legacy-stats-wrapper">
+    {{-- Betöltjük a legacy stílusokat az ikonok és alapformázások miatt --}}
+    <link rel="stylesheet" href="{{ mix('/css/app.css') }}">
+
+    <style>
+        /* Elrejtjük a Filament standard elemeit ezen az oldalon */
+        .fi-sidebar { display: none !important; }
+        .fi-main { padding-left: 0 !important; }
+        .fi-topbar { z-index: 10 !important; }
+
+        /* A legacy sidebar stílusaihoz szükséges alapok */
+        .page-wrapper.chiller-theme .page-content {
+            padding-left: 260px;
+        }
+        @media screen and (max-width: 768px) {
+            .page-wrapper.chiller-theme .page-content {
+                padding-left: 0;
+            }
+        }
+
+        /* Biztosítjuk a szürke hátteret */
+        .fi-main-ctn {
+            background-color: #f4f4f4 !important;
+        }
+
+        .statistic-card {
+            background: white;
+            border-radius: 4px;
+            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+            margin-bottom: 20px;
+        }
+        .statistic-card-header {
+            padding: 15px 20px;
+            border-bottom: 1px solid #eee;
+            font-weight: bold;
+            color: #333;
+        }
+        .statistic-card-body {
+            padding: 20px;
+        }
+
+        /* Navigációs gombok stílusa (a modern nézetből átemelve, de a legacy-hoz igazítva) */
+        .legacy-nav-item {
+            display: flex;
+            align-items: center;
+            padding: 1rem;
+            background-color: #f8f9fa;
+            border: 1px solid #dee2e6;
+            border-radius: 0.25rem;
+            color: #212529;
+            transition: background-color 0.2s;
+        }
+        .legacy-nav-item:hover {
+            background-color: #e9ecef;
+            text-decoration: none;
+        }
+        .legacy-nav-item i {
+            font-size: 1.25rem;
+            margin-right: 0.75rem;
+            color: #453821;
+        }
+
+        /* Aktív menüpont stílusa a sidebar-ban */
+        .sidebar-menu ul li.active > a {
+            color: #b8bfce;
+            background: #3a3f48;
+        }
+        .sidebar-menu ul li.active > a i {
+            color: #16c7ff;
+            text-shadow: 0px 0px 10px rgba(22, 199, 255, 0.5);
+        }
+    </style>
+
+    <div class="page-wrapper chiller-theme toggled">
+        @php
+            // Aktívvá tesszük a CurrentPrice linket a sidebarban, ha az a href megegyezik
+            // De mivel a navSidebar.blade.php-t include-oljuk, a legegyszerűbb ha a CSS-sel oldjuk meg
+            // vagy itt helyben injectálunk egy kis JS-t.
+        @endphp
+        @include('admin.statistics.navSidebar')
+
+        <script>
+            document.addEventListener('DOMContentLoaded', function() {
+                const currentUrl = window.location.href;
+                document.querySelectorAll('.sidebar-wrapper a').forEach(link => {
+                    if (link.href === currentUrl) {
+                        link.parentElement.classList.add('active');
+                    }
+                });
+            });
+        </script>
+
+        <main class="page-content" style="padding-top: 20px;">
+            <div class="container-fluid" style="max-width: 100%;">
+                <div class="statistic-card">
+                    <div class="statistic-card-header">
+                        Statisztikai navigáció (Legacy)
+                    </div>
+                    <div class="statistic-card-body">
+                        <div class="row">
+                            <div class="col-md-4 mb-3">
+                                <a href="{{ url('legacy/admin/statistics') }}?type=OrderFrequency" class="legacy-nav-item">
+                                    <i class="fa fa-wave-square"></i>
+                                    <span>Rendelés gyakoriság</span>
+                                </a>
+                            </div>
+                            <div class="col-md-4 mb-3">
+                                <a href="{{ url('legacy/admin/statistics') }}?type=PriceChange" class="legacy-nav-item">
+                                    <i class="fa fa-chart-bar"></i>
+                                    <span>Árváltozás</span>
+                                </a>
+                            </div>
+                            <div class="col-md-4 mb-3">
+                                <a href="{{ url('legacy/admin/statistics') }}?type=ProductAmount" class="legacy-nav-item">
+                                    <i class="fa fa-dollar-sign"></i>
+                                    <span>Forgalom</span>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="statistic-card">
+                    <div class="statistic-card-header">
+                        Aktuális ár statisztika
+                    </div>
+                    <div class="statistic-card-body">
+                        <p>Ez a statisztikai elem még fejlesztés alatt áll.</p>
+                    </div>
+                </div>
+            </div>
+        </main>
+    </div>
+</div>