export csv added

app/Livewire/Components/Table.php

@@ -2,6 +2,7 @@
 
 namespace App\Livewire\Components;
 
+use Symfony\Component\HttpFoundation\StreamedResponse;
 use Livewire\Component;
 
 class Table extends Component
@@ -20,6 +21,12 @@ class Table extends Component
     public $search = '';                 // Search query for filtering rows
     public $sortField = null;            // Column to sort by
     public $sortDirection = 'asc';       // Sorting direction (asc or desc)
+    public bool $hasSearch = true;
+
+
+    public $startDate;
+    public $endDate;
+
 
     // Modal Configuration
     public $showModal = false;           // Whether the modal is visible
@@ -114,6 +121,36 @@ class Table extends Component
         }, SORT_REGULAR, $this->sortDirection === 'desc')->values()->all(); // Use all() to return plain array again
     }
 
+    /**
+     * Download the data from the tables
+     */
+
+    public function export()
+    {
+        $filename = 'export.csv';
+
+        return response()->streamDownload(function () {
+            // Open output stream
+            $handle = fopen('php://output', 'w');
+
+            // Write the CSV header
+            fputcsv($handle, collect($this->columns)->pluck('label')->toArray());
+
+            // Write the rows
+            foreach ($this->rows as $row) {
+                fputcsv($handle, collect($this->columns)->map(function ($column) use ($row) {
+                    return $row[$column['field']] ?? '';
+                })->toArray());
+            }
+
+            // Close the output stream
+            fclose($handle);
+        }, $filename, [
+            'Content-Type' => 'text/csv',
+            'Content-Disposition' => "attachment; filename={$filename}",
+        ]);
+    }
+
     /**
      * Render the table view
      */

app/Livewire/MobileUsageReport.php

@@ -8,8 +8,22 @@ use Livewire\Attributes\Layout;  // Required for layout declaration
 #[Layout('layouts.dashboard')]  // Attribute syntax for Laravel 11
 class MobileUsageReport extends Component
 {
+    public $mobileUsageReport = [];
+
+    public function mount()
+    {
+        $this->loadMobileUsageReport();  // Load mobileUsageReport initially
+    }
+
+    public function loadMobileUsageReport()
+    {
+        $this->mobileUsageReport = collect(json_decode(file_get_contents(storage_path('app/mobile-usage.json')), true));
+    }
+
     public function render()
     {
-        return view('livewire.report.mobile-usage-report');
+        return view('livewire.report.mobile-usage-report', [
+            'mobileUsageReport' => $this->mobileUsageReport, 
+        ]);
     }
 }

app/Livewire/RegistrationReport.php

@@ -8,8 +8,22 @@ use Livewire\Attributes\Layout;  // Required for layout declaration
 #[Layout('layouts.dashboard')]  // Attribute syntax for Laravel 11
 class RegistrationReport extends Component
 {
+    public $registrationReport = [];
+
+    public function mount()
+    {
+        $this->loadRegistrationReport();  // Load registrationReport initially
+    }
+
+    public function loadRegistrationReport()
+    {
+        $this->registrationReport = collect(json_decode(file_get_contents(storage_path('app/registration-report.json')), true));
+    }
+
     public function render()
     {
-        return view('livewire.report.registration-report');
+        return view('livewire.report.registration-report', [
+            'registrationReport' => $this->registrationReport, 
+        ]);
     }
 }

app/Livewire/StationRatingReport.php

@@ -8,8 +8,22 @@ use Livewire\Attributes\Layout;  // Required for layout declaration
 #[Layout('layouts.dashboard')]  // Attribute syntax for Laravel 11
 class StationRatingReport extends Component
 {
+    public $stationRating = [];
+
+    public function mount()
+    {
+        $this->loadStationRating();  // Load stationRating initially
+    }
+
+    public function loadStationRating()
+    {
+        $this->stationRating = collect(json_decode(file_get_contents(storage_path('app/station-rating.json')), true));
+    }
+
     public function render()
     {
-        return view('livewire.report.station-rating-report');
+        return view('livewire.report.station-rating-report', [
+            'stationRating' => $this->stationRating, 
+        ]);
     }
 }

app/Livewire/TopUpUsageReport.php

@@ -8,8 +8,27 @@ use Livewire\Attributes\Layout;  // Required for layout declaration
 #[Layout('layouts.dashboard')]  // Attribute syntax for Laravel 11
 class TopUpUsageReport extends Component
 {
+    public $topUpUsage = [];
+
+    public function mount()
+    {
+        $this->loadTopUpUsage();  // Load topUpUsage initially
+    }
+
+    public function loadTopUpUsage()
+    {
+        $this->topUpUsage = collect(json_decode(file_get_contents(storage_path('app/topup-usage-report.json')), true));
+    }
+
     public function render()
     {
-        return view('livewire.report.top-up-usage-report');
+        return view('livewire.report.top-up-usage-report', [
+            'topUpUsage' => $this->topUpUsage, 
+        ]);
     }
 }
+
+
+
+
+

resources/views/livewire/components/table.blade.php

@@ -1,23 +1,49 @@
 <div class="mt-10">
     <div class="p-4 bg-white shadow-md">
 
-        <!-- Top Bar with Search & Add Button -->
+    <div class="flex justify-between items-center mb-4">
-        <div class="mb-4 flex items-center justify-between">
+    @if ($hasSearch ?? true)
-            <!-- Search Input -->
+        <!-- Search bar -->
-            <input type="text" wire:model.debounce.500ms="search" 
+        <input
-                class="w-80 p-2 border border-gray-300 rounded-md"
+            type="text"
+            wire:model="search"
             placeholder="Search..."
-                >
+            class="border rounded px-3 py-2"
+        />
+    @else
+        <!-- Start Date and End Date filters -->
+        <div class="flex gap-2">
+            <input
+                type="date"
+                wire:model="startDate"
+                class="border rounded px-3 py-2"
+            />
             
-            <!-- Add Button (if enabled and route exists) -->
+            <input
-            @if ($hasAddButton && $addRoute)
+                type="date"
-                <a href="{{ $addRoute }}" wire:navigate
+                wire:model="endDate"
-                class="ml-4 px-4 py-2 bg-orange-500 text-white rounded-md hover:bg-orange-600">
+                class="border rounded px-3 py-2"
+            />
+        </div>
+    @endif
+
+    @if ($hasAddButton ?? true)
+        <!-- Add button -->
+        <a href="{{ $addRoute }}" class="bg-orange-600 text-white px-4 py-2 rounded">
             + Add
         </a>
+    @else
+        <!-- Export button -->
+        <button
+            wire:click="export"
+            class="bg-orange-600 text-white px-4 py-2 rounded flex items-center gap-2"
+        >
+            Export CSV
+        </button>
     @endif
 </div>
 
+
         <!-- Table Header -->
         <table class="table-auto w-full">
             <thead class="bg-gray-100">

resources/views/livewire/report/mobile-usage-report.blade.php

@@ -1,5 +1,19 @@
 <div>
 {{-- Top Nav --}}
 @include('livewire.report.top-nav.mobile-usage-report')
-<h1>This is card type page</h1>
+<livewire:components.table 
+        :columns="[
+            ['label' => 'Date', 'field' => 'date'],
+            ['label' => 'Active Registered Users', 'field' => 'active_registered_users'],
+            ['label' => 'Inactive Registered Users', 'field' => 'inactive_registered_users'],
+            ['label' => 'Locked Registered Users', 'field' => 'locked_registered_users'],
+        ]"
+        :rows="$mobileUsageReport" 
+        :hasSearch="false"
+        :hasCheckbox="false"
+        :hasActions="false"
+        :hasDelete="false"
+        :hasAddButton="false"
+        :isViewPage="false"
+    />
 </div>

resources/views/livewire/report/registration-report.blade.php

@@ -1,5 +1,18 @@
 <div>
 {{-- Top Nav --}}
 @include('livewire.report.top-nav.registration-report')
-<h1>This is card type page</h1>
+<livewire:components.table 
+        :columns="[
+            ['label' => 'Date', 'field' => 'date'],
+            ['label' => 'No. of Activated Cards', 'field' => 'number_activated_cards'],
+            ['label' => 'No. of Registered Members', 'field' => 'number_registered_members'],
+        ]"
+        :rows="$registrationReport" 
+        :hasSearch="false"
+        :hasCheckbox="false"
+        :hasActions="false"
+        :hasDelete="false"
+        :hasAddButton="false"
+        :isViewPage="false"
+    />
 </div>

resources/views/livewire/report/station-rating-report.blade.php

@@ -1,5 +1,20 @@
 <div>
 {{-- Top Nav --}}
 @include('livewire.report.top-nav.station-rating-report')
-<h1>This is card type page</h1>
+<livewire:components.table 
+        :columns="[
+            ['label' => 'Transaction Date & Time', 'field' => 'transaction_date_time'],
+            ['label' => 'Card Number', 'field' => 'card_number'],
+            ['label' => 'Sales Invoice', 'field' => 'sales_invoice'],
+            ['label' => 'Station', 'field' => 'station'],
+            ['label' => 'Ratings', 'field' => 'rating'],
+        ]"
+        :rows="$stationRating" 
+        :hasSearch="false"
+        :hasCheckbox="false"
+        :hasActions="false"
+        :hasDelete="false"
+        :hasAddButton="false"
+        :isViewPage="false"
+    />
 </div>

resources/views/livewire/report/top-up-usage-report.blade.php

@@ -1,5 +1,19 @@
 <div>
     {{-- Top Nav --}}
     @include('livewire.report.top-nav.top-up-usage-report')
-<h1>This is card type page</h1>
+
+    <livewire:components.table 
+        :columns="[
+            ['label' => 'Transaction Date & Time', 'field' => 'transaction_date_time'],
+            ['label' => 'Card Number', 'field' => 'card_number'],
+            ['label' => 'Top-up Amount', 'field' => 'top_up_amount'],
+        ]"
+        :rows="$topUpUsage" 
+        :hasAddButton="false"
+        :hasSearch="false"
+        :hasCheckbox="false"
+        :hasActions="false"
+        :hasDelete="false"
+        :isViewPage="false"
+    />
 </div>

resources/views/livewire/user-management/top-nav/user-management.blade.php

@@ -17,4 +17,6 @@
 
     <!-- Bottom border -->
     <div class="border-b border-gray-300 mt-5"></div>
+
+    
 </div>