fix: report master

app/Exports/TransactionExport.php

 namespace App\Exports;
 
 use App\Models\Transaction;
+use App\Services\TransactionService;
+use Illuminate\Contracts\Support\Responsable;
+use Illuminate\Contracts\View\View;
 use Illuminate\Http\Request;
-use Maatwebsite\Excel\Concerns\FromCollection;
+use Maatwebsite\Excel\Concerns\Exportable;
+use Maatwebsite\Excel\Concerns\FromView;
 use Maatwebsite\Excel\Concerns\ShouldAutoSize;
+use Maatwebsite\Excel\Concerns\WithStyles;
+use PhpOffice\PhpSpreadsheet\Worksheet\Worksheet;
 
-class TransactionExport implements ShouldAutoSize, FromCollection
+class TransactionExport implements ShouldAutoSize, Responsable, FromView, WithStyles
 {
+    use Exportable;
+
+    private $fileName = 'transaction-report.xls';
+
     public function __construct(private Request $request)
     {}
 
-    public function collection()
+    public function view(): View
     {
-        $transaction = Transaction::filter($this->request->only('startDate', 'endDate', 'outlet'))->get();
+        $transactions = Transaction::filter(request()->only('startDate', 'endDate', 'outlet'))
+            ->get()
+            ->groupBy('created_at')
+            ->transform(fn($transactions) => [[
+                'date' => $transactions->first()->getRawOriginal('created_at'),
+                'createdAt' => $transactions->first()->created_at,
+                'totalTransaction' => $transactions->count(),
+                'totalPrice' => (new TransactionService)->totalPriceGroup($transactions),
+            ]])
+            ->flatten(1);
 
-        return $transaction;
+        return view('excel.transaction-report', compact('transactions'));
     }
 
-    // public function view(): View
-    // {
-    //     $startDate = $this->request->startDate;
-    //     $endDate = $this->request->endDate;
-    //     $mutations = Mutation::filter($startDate, $endDate)->get();
-
-    //     return inertia('excel.dashboard.payment-report.index', [
-    //         'mutations' => $mutations,
-    //         'startDate' => Carbon::parse($startDate)->format('d/m/Y'),
-    //         'endDate' => Carbon::parse($endDate)->subDay()->format('d/m/Y'),
-    //     ]);
-    // }
-
-    // public function styles(Worksheet $sheet)
-    // {
-    //     $lastRow = $sheet->getHighestDataRow();
-    //     $lastSecondRow = $lastRow - 1;
-
-    //     $sheet->getRowDimension($lastSecondRow)->setRowHeight(16);
-
-    //     return [
-    //         1 => [
-    //             'font' => ['bold' => true, 'size' => 16],
-    //             'alignment' => ['vertical' => 'center', 'horizontal' => 'center'],
-    //         ],
-    //         3 => ['font' => ['bold' => true]],
-    //         $lastSecondRow => ['font' => ['bold' => true, 'size' => 12]],
-    //         $lastRow => [
-    //             'font' => ['bold' => true, 'size' => 12],
-    //             'alignment' => ['horizontal' => 'left'],
-    //         ],
-    //     ];
-    // }
+    public function styles(Worksheet $sheet)
+    {
+        $lastRow = $sheet->getHighestDataRow();
+        $lastSecondRow = $lastRow - 1;
+
+        return [
+            1 => [
+                'font' => ['bold' => true, 'size' => 12],
+                'alignment' => ['vertical' => 'center', 'horizontal' => 'center'],
+            ],
+            2 => [
+                'font' => ['bold' => true, 'size' => 12],
+                'alignment' => ['vertical' => 'center', 'horizontal' => 'center'],
+            ],
+            4 => [
+                'font' => ['bold' => true],
+            ],
+            $lastRow => [
+                'font' => ['bold' => true, 'size' => 12],
+                'alignment' => ['horizontal' => 'left'],
+            ],
+            $lastSecondRow => [
+                'font' => ['bold' => true, 'size' => 12],
+                'alignment' => ['horizontal' => 'left'],
+            ],
+        ];
+    }
 }

app/Http/Controllers/ReportTransactionController.php

 use App\Exports\TransactionExport;
 use App\Models\Outlet;
 use App\Models\Transaction;
-use Carbon\Carbon;
-use Maatwebsite\Excel\Facades\Excel;
+use App\Services\TransactionService;
+use Inertia\Controller;
+use Inertia\Inertia;
 
 class ReportTransactionController extends Controller
 {
      */
     public function index()
     {
+        $transactions = Transaction::filter(request()->only('startDate', 'endDate', 'outlet'))
+            ->get()
+            ->groupBy('created_at')
+            ->transform(fn($transactions) => [[
+                'date' => $transactions->first()->getRawOriginal('created_at'),
+                'createdAt' => $transactions->first()->created_at,
+                'totalTransaction' => $transactions->count(),
+                'totalPrice' => (new TransactionService)->totalPriceGroupAsString($transactions),
+            ]])
+            ->flatten(1)
+            ->toArray();
+
         return inertia('transaction/Report', [
             'filters' => request()->all('startDate', 'endDate', 'outlet'),
-            'transactions' => Transaction::filter(request()->only('startDate', 'endDate', 'outlet'))
-                ->latest()
-                ->paginate(10)
-                ->withQueryString()
-                ->through(fn($transaction) => [
-                    'startDate' => Carbon::parse($transaction->getRawOriginal('created_at'))->translatedFormat('Y-m-d'),
-                    'createdAt' => $transaction->created_at,
-                    'price' => $transaction->totalPriceAsFullString(),
-                ])
-            ,
+            'transactions' => (new TransactionService)->getPaginator($transactions),
             'outlets' => Outlet::all()
                 ->transform(fn($outlet) => [
                     'label' => $outlet->name,
      */
     public function exportExcel()
     {
-        return Excel::download(new TransactionExport(request()), 'report-transaction.xls');
+        return new TransactionExport(request());
     }
 }

app/Services/CurrencyFormatService.php

+<?php
+
+namespace App\Services;
+
+class CurrencyFormatService
+{
+    public function setRupiahFormat(int $number, int $decimal = 0, bool $sign = false)
+    {
+        if ($sign) {
+            return 'Rp' . number_format($number, $decimal, ',', '.');
+        } else {
+            return number_format($number, $decimal, ',', '.');
+        }
+    }
+}

app/Services/TransactionService.php

+<?php
+
+namespace App\Services;
+
+use App\Services\CurrencyFormatService;
+use Illuminate\Database\Eloquent\Collection;
+use Illuminate\Pagination\LengthAwarePaginator;
+
+class TransactionService
+{
+    public function getPaginator(array $items)
+    {
+        $total = count($items);
+        $page = request('page') ?? 1;
+        $perPage = 10;
+        $offset = ($page - 1) * $perPage;
+        $items = array_slice($items, $offset, $perPage);
+
+        return new LengthAwarePaginator($items, $total, $perPage, $page, [
+            'path' => request()->url(),
+            'query' => request()->query(),
+        ]);
+    }
+
+    public function totalPrice(Collection $collections)
+    {
+        $collections->transform(fn($transactions) => $transactions->totalPrice());
+        return $collections;
+    }
+
+    public function totalPriceGroup(Collection $collections)
+    {
+        return $this->totalPrice($collections)->sum();
+    }
+
+    public function totalPriceGroupAsString(Collection $collections)
+    {
+        return (new CurrencyFormatService)->setRupiahFormat($this->totalPriceGroup($collections), 0, true);
+    }
+}

public/js/resources_js_pages_mutation_Report_vue.js

             options: $props.outlets
           }, null, 8
           /* PROPS */
-          , ["modelValue", "options"])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_7, [$props.mutations.data.length ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["AppButton"], {
+          , ["modelValue", "options"])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_7, [$props.mutations.total ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["AppButton"], {
             key: 0,
             label: "Export excel",
             "class-button": "p-button-text md:w-16rem",

public/js/resources_js_pages_transaction_Create_vue.js

           id: form.laundry.id,
           item: form.laundry.name,
           unit: form.laundry.unit,
-          quantity: form.quantityLaundry,
+          quantity: form.quantityLaundry.toFixed(1),
           price: form.laundry.price,
           discount: 0,
           totalPrice: form.quantityLaundry * form.laundry.price
   field: 'createdAt',
   header: 'Tanggal'
 }, {
-  field: 'numberOfTransaction',
+  field: 'totalTransaction',
   header: 'Jumlah Transaksi'
 }, {
-  field: 'price',
+  field: 'totalPrice',
   header: 'Total Nilai'
 }];
 

public/js/resources_js_pages_transaction_Index_vue.js

   field: 'createdAt',
   header: 'Tanggal'
 }, {
-  field: 'numberOfTransaction',
+  field: 'totalTransaction',
   header: 'Jumlah Transaksi'
 }, {
-  field: 'price',
+  field: 'totalPrice',
   header: 'Total Nilai'
 }];
 

public/js/resources_js_pages_transaction_Report_vue.js

             options: $props.outlets
           }, null, 8
           /* PROPS */
-          , ["modelValue", "options"])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_7, [$props.transactions.data.length ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["AppButton"], {
+          , ["modelValue", "options"])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_7, [$props.transactions.total ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["AppButton"], {
             key: 0,
             label: "Export excel",
             "class-button": "p-button-text md:w-16rem",
               return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButton"], {
                 icon: "pi pi-link",
                 "class": "p-button-text p-button-icon-only p-button-rounded p-button-text",
-                href: "/transactions?startDate=".concat(data.startDate, "&endDate=").concat(data.startDate)
+                href: "/transactions?startDate=".concat(data.date, "&endDate=").concat(data.date)
               }, null, 8
               /* PROPS */
               , ["href"])];
   field: 'createdAt',
   header: 'Tanggal'
 }, {
-  field: 'numberOfTransaction',
+  field: 'totalTransaction',
   header: 'Jumlah Transaksi'
 }, {
-  field: 'price',
+  field: 'totalPrice',
   header: 'Total Nilai'
 }];
 

public/js/resources_js_pages_transaction_Show_vue.js

   field: 'createdAt',
   header: 'Tanggal'
 }, {
-  field: 'numberOfTransaction',
+  field: 'totalTransaction',
   header: 'Jumlah Transaksi'
 }, {
-  field: 'price',
+  field: 'totalPrice',
   header: 'Total Nilai'
 }];
 

public/js/resources_js_pages_transaction_TableHeader_js.js

   field: 'createdAt',
   header: 'Tanggal'
 }, {
-  field: 'numberOfTransaction',
+  field: 'totalTransaction',
   header: 'Jumlah Transaksi'
 }, {
-  field: 'price',
+  field: 'totalPrice',
   header: 'Total Nilai'
 }];
 

public/js/vue.js

 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "js/" + chunkId + ".js?id=" + {"resources_js_pages_Access_vue":"a18ed856923fae52","resources_js_pages_auth_ForgotPassword_vue":"c9f401672b6f2423","resources_js_pages_auth_Login_vue":"cb0cb153b976d2c1","resources_js_pages_auth_ResetPassword_vue":"1078df5cebf2e3c6","resources_js_pages_auth_VerifyEmail_vue":"a0ee23b849c826b1","resources_js_pages_customer_Create_vue":"43d285d678ba8793","resources_js_pages_customer_Edit_vue":"01d10f0dd19b734c","resources_js_pages_customer_Index_vue":"0ca5a813eacb510a","resources_js_pages_customer_TableHeader_js":"71be5afdca048a9c","resources_js_pages_discount_Index_vue":"7a086c011a3cdf92","resources_js_pages_expense_Create_vue":"18c4b47fcb9e103a","resources_js_pages_expense_Index_vue":"d195311d84b82d44","resources_js_pages_expense_Show_vue":"4801bedc7912088f","resources_js_pages_expense_TableHeader_js":"72e3dee74175b1c0","resources_js_pages_laundry_Create_vue":"aae1027a621900d5","resources_js_pages_laundry_Edit_vue":"160898ea138ee162","resources_js_pages_laundry_Index_vue":"29e5e4317fa0862d","resources_js_pages_laundry_TableHeader_js":"494e577855bbcaf6","resources_js_pages_mutation_Report_vue":"d74f6004bddcfdc6","resources_js_pages_mutation_TableHeader_js":"82c2999bd7d098a1","resources_js_pages_outlet_Create_vue":"48bdc532cf3f8c62","resources_js_pages_outlet_Edit_vue":"32338ffd7c28e656","resources_js_pages_outlet_Index_vue":"e1f9a19ae0ffa3df","resources_js_pages_outlet_TableHeader_js":"498bf7e64bc0d0c4","resources_js_pages_product_Create_vue":"4e737e98d38eca28","resources_js_pages_product_Edit_vue":"ddac8c4ce1363cc3","resources_js_pages_product_Index_vue":"ff1e209ae8b6ebbd","resources_js_pages_product_TableHeader_js":"b8eaaa9de25a2322","resources_js_pages_transaction_Create_vue":"bc8669735a72a0ec","resources_js_pages_transaction_Index_vue":"6da809da30371f6f","resources_js_pages_transaction_Report_vue":"eeca91c15c146171","resources_js_pages_transaction_Show_vue":"2087aac76bbbf7f1","resources_js_pages_transaction_TableHeader_js":"ba35ab28bb4ac891","resources_js_pages_user_Create_vue":"1f5759b89d51290b","resources_js_pages_user_Edit_vue":"8e9cac16a201e333","resources_js_pages_user_Index_vue":"e798523892e8e90c","resources_js_pages_user_Show_vue":"e674f453c14893b2","resources_js_pages_user_TableHeader_js":"5653ecbcd70fd235"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"resources_js_pages_Access_vue":"a18ed856923fae52","resources_js_pages_auth_ForgotPassword_vue":"c9f401672b6f2423","resources_js_pages_auth_Login_vue":"cb0cb153b976d2c1","resources_js_pages_auth_ResetPassword_vue":"1078df5cebf2e3c6","resources_js_pages_auth_VerifyEmail_vue":"a0ee23b849c826b1","resources_js_pages_customer_Create_vue":"43d285d678ba8793","resources_js_pages_customer_Edit_vue":"01d10f0dd19b734c","resources_js_pages_customer_Index_vue":"0ca5a813eacb510a","resources_js_pages_customer_TableHeader_js":"71be5afdca048a9c","resources_js_pages_discount_Index_vue":"7a086c011a3cdf92","resources_js_pages_expense_Create_vue":"18c4b47fcb9e103a","resources_js_pages_expense_Index_vue":"d195311d84b82d44","resources_js_pages_expense_Show_vue":"4801bedc7912088f","resources_js_pages_expense_TableHeader_js":"72e3dee74175b1c0","resources_js_pages_laundry_Create_vue":"aae1027a621900d5","resources_js_pages_laundry_Edit_vue":"160898ea138ee162","resources_js_pages_laundry_Index_vue":"29e5e4317fa0862d","resources_js_pages_laundry_TableHeader_js":"494e577855bbcaf6","resources_js_pages_mutation_Report_vue":"608a7017c0fa0d0d","resources_js_pages_mutation_TableHeader_js":"82c2999bd7d098a1","resources_js_pages_outlet_Create_vue":"48bdc532cf3f8c62","resources_js_pages_outlet_Edit_vue":"32338ffd7c28e656","resources_js_pages_outlet_Index_vue":"e1f9a19ae0ffa3df","resources_js_pages_outlet_TableHeader_js":"498bf7e64bc0d0c4","resources_js_pages_product_Create_vue":"4e737e98d38eca28","resources_js_pages_product_Edit_vue":"ddac8c4ce1363cc3","resources_js_pages_product_Index_vue":"ff1e209ae8b6ebbd","resources_js_pages_product_TableHeader_js":"b8eaaa9de25a2322","resources_js_pages_transaction_Create_vue":"d5f754e0bfd1f1bd","resources_js_pages_transaction_Index_vue":"4681e530e6df52b1","resources_js_pages_transaction_Report_vue":"93044a85eefc7324","resources_js_pages_transaction_Show_vue":"ebd8059da08e93b1","resources_js_pages_transaction_TableHeader_js":"be63e672e103818b","resources_js_pages_user_Create_vue":"1f5759b89d51290b","resources_js_pages_user_Edit_vue":"8e9cac16a201e333","resources_js_pages_user_Index_vue":"e798523892e8e90c","resources_js_pages_user_Show_vue":"e674f453c14893b2","resources_js_pages_user_TableHeader_js":"5653ecbcd70fd235"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/pages/mutation/Report.vue

           </div>
           <div class="col-12 md:col-4 flex justify-content-end">
             <AppButton
-              v-if="mutations.data.length"
+              v-if="mutations.total"
               label="Export excel"
               class-button="p-button-text md:w-16rem"
               icon="pi pi-file-excel"

resources/js/pages/transaction/Create.vue

       id: form.laundry.id,
       item: form.laundry.name,
       unit: form.laundry.unit,
-      quantity: form.quantityLaundry,
+      quantity: form.quantityLaundry.toFixed(1),
       price: form.laundry.price,
       discount: 0,
       totalPrice: form.quantityLaundry * form.laundry.price,

resources/js/pages/transaction/Report.vue

           </div>
           <div class="col-12 md:col-4 flex justify-content-end">
             <AppButton
-              v-if="transactions.data.length"
+              v-if="transactions.total"
               label="Export excel"
               class-button="p-button-text md:w-16rem"
               icon="pi pi-file-excel"
           <AppButton
             icon="pi pi-link"
             class="p-button-text p-button-icon-only p-button-rounded p-button-text"
-            :href="`/transactions?startDate=${data.startDate}&endDate=${data.startDate}`"
+            :href="`/transactions?startDate=${data.date}&endDate=${data.date}`"
           />
         </template>
       </Column>

resources/js/pages/transaction/TableHeader.js

 
 export const TransactionReportTable = [
   { field: 'createdAt', header: 'Tanggal' },
-  { field: 'numberOfTransaction', header: 'Jumlah Transaksi' },
-  { field: 'price', header: 'Total Nilai' },
+  { field: 'totalTransaction', header: 'Jumlah Transaksi' },
+  { field: 'totalPrice', header: 'Total Nilai' },
 ]

resources/views/excel/transaction-report.blade.php

+<table>
+    <thead>
+        <tr>
+            <th colspan="4">Laporan Transaksi</th>
+        </tr>
+        <tr>
+            <th colspan="4" rowspan="2">Periode {{ $transactions->first()['createdAt'] }} -
+                {{ $transactions->last()['createdAt'] }} </th>
+        </tr>
+        <tr></tr>
+        <tr>
+            <th>#</th>
+            <th>Tanggal</th>
+            <th>Jumlah Transaksi</th>
+            <th>Total Nilai</th>
+        </tr>
+    </thead>
+    <tbody>
+        @foreach ($transactions->chunk(100) as $chunk)
+            @foreach ($chunk as $index => $transaction)
+                <tr>
+                    <td>{{ ++$index }}</td>
+                    <td>{{ $transaction['createdAt'] }}</td>
+                    <td>{{ $transaction['totalTransaction'] }}</td>
+                    <td>{{ (new App\Services\CurrencyFormatService)->setRupiahFormat($transaction['totalPrice'], 0, true) }}</td>
+                </tr>
+            @endforeach
+        @endforeach
+        <tr>
+            <td colspan="2">Total</td>
+        </tr>
+        <tr>
+            <td colspan="2">Transaksi / Nilai</td>
+            <td>{{ $transactions->sum('totalTransaction') }}</td>
+            <td>{{ (new App\Services\CurrencyFormatService)->setRupiahFormat($transactions->sum('totalPrice'), 0, true)  }}</td>
+        </tr>
+    </tbody>
+</table>