Modifiche prima nota

app/Http/Livewire/Bank.php

@@ -6,7 +6,7 @@ use Livewire\Component;
 
 class Bank extends Component
 {
-    public $records, $name, $enabled, $dataId, $update = false, $add = false;
+    public $records, $name, $visibility, $enabled, $dataId, $update = false, $add = false;
 
     protected $rules = [
         'name' => 'required'
@@ -40,6 +40,7 @@ class Bank extends Component
 
     public function resetFields(){
         $this->name = '';
+        $this->visibility = 'IN';
         $this->enabled = true;
         $this->emit('load-data-table');
     }
@@ -47,7 +48,7 @@ class Bank extends Component
     public function render()
     {
         //$this->records = \App\Models\Bank::select('id', 'name', 'enabled')->orderBy($this->sortField, $this->sortAsc ? 'asc' : 'desc')->get();
-        $this->records = \App\Models\Bank::select('id', 'name', 'enabled')->get();
+        $this->records = \App\Models\Bank::select('id', 'name', 'visibility', 'enabled')->get();
         return view('livewire.bank');
     }
 
@@ -64,9 +65,10 @@ class Bank extends Component
         try {
             \App\Models\Bank::create([
                 'name' => $this->name,
+                'visibility' => $this->visibility,
                 'enabled' => $this->enabled
             ]);
-            session()->flash('success','Città creata');
+            session()->flash('success','Banca creata');
             $this->resetFields();
             $this->add = false;
         } catch (\Exception $ex) {
@@ -75,12 +77,14 @@ class Bank extends Component
     }
 
     public function edit($id){
+        $this->resetFields();
         try {
             $bank = \App\Models\Bank::findOrFail($id);
             if( !$bank) {
-                session()->flash('error','Città non trovata');
+                session()->flash('error','Banca non trovata');
             } else {
                 $this->name = $bank->name;
+                $this->visibility = $bank->visibility;
                 $this->enabled = $bank->enabled;
                 $this->dataId = $bank->id;
                 $this->update = true;
@@ -97,9 +101,10 @@ class Bank extends Component
         try {
             \App\Models\Bank::whereId($this->dataId)->update([
                 'name' => $this->name,
+                'visibility' => $this->visibility,
                 'enabled' => $this->enabled
             ]);
-            session()->flash('success','Città aggiornata');
+            session()->flash('success','Banca aggiornata');
             $this->resetFields();
             $this->update = false;
         } catch (\Exception $ex) {

app/Http/Livewire/Record.php

@@ -555,19 +555,14 @@ class Record extends Component
         return $ret;
     }
 
-
-
-    public function render()
+    public function loadData($from, $to)
     {
-        $month = 0;
-        $year = 0;
-
-        $this->records = array();
-        $this->totals = array();
-        $this->causalAmounts = array();
 
         $exclude_from_records = \App\Models\Member::where('exclude_from_records', true)->pluck('id')->toArray();
 
+        $f = $from != '' ? $from : $this->appliedFromDate;
+        $t = $to != '' ? $to : $this->appliedToDate;
+
         $datas = \App\Models\Record::with('member', 'supplier', 'payment_method')
             ->select(
                 'records.*',
@@ -578,22 +573,28 @@ class Record extends Component
                 'records_rows.note',
                 'records_rows.when',
                 'records_rows.vat_id',
+                'causals.name as causal_name',
+                'd.name as destination',
+                'o.name as origin',
             )
             ->join('records_rows', 'records.id', '=', 'records_rows.record_id')
+            ->join('causals', 'records_rows.causal_id', '=', 'causals.id')
+            ->leftJoin('banks as d', 'records.destination_id', '=', 'd.id')
+            ->leftJoin('banks as o', 'records.origin_id', '=', 'o.id')
             //->where('records.deleted', false)
-            ->where(function ($query) {
+            /*->where(function ($query) {
                 $query->where('records.deleted', false)->orWhereNull('records.deleted');
-            })
-            ->whereBetween('date', [$this->appliedFromDate . " 00:00:00", $this->appliedToDate . " 23:59:59"])
+            })*/
+            ->whereBetween('date', [$f . " 00:00:00", $t . " 23:59:59"])
             ->where(function ($query) {
-                $query->where('type', 'OUT')
+                $query->where('records.type', 'OUT')
                     ->orWhere(function ($query) {
                         $query->where('records.corrispettivo_fiscale', true)
                             ->orWhere('records.commercial', false);
                     });
             })
             ->where(function ($query) use ($exclude_from_records) {
-                $query->where('type', 'OUT')
+                $query->where('records.type', 'OUT')
                     ->orWhere(function ($subquery) use ($exclude_from_records) {
                         $subquery->whereNotIn('member_id', $exclude_from_records);
                     });
@@ -621,13 +622,23 @@ class Record extends Component
             ->orderBy('records.created_at', 'ASC')
             ->orderBy('records_rows.id', 'ASC')
             ->get();
+        
+        return $datas;
 
-        $groupedData = [];
-        $causalsCount = [];
-        $causalsAmounts = [];
-        $nominativi = [];
+    }
+
+    public function render()
+    {
+        $month = 0;
+        $year = 0;
+
+        $this->records = array();
+        $this->totals = array();
+        $this->causalAmounts = array();
+
+        $this->records = $this->loadData('', '');
 
-        $values = [];
+        /*
 
         foreach ($datas as $idx => $data) {
 
@@ -731,6 +742,8 @@ class Record extends Component
                 $this->totals[$group['payment_method']][$group['transaction_type']] += $group['amount'];
         }
 
+        */
+
         return view('livewire.records');
     }
 
@@ -849,7 +862,7 @@ class Record extends Component
 
             if ($this->sendViaEmail) {
                 Log::info('Export: Dispatching to background job');
-                $this->dispatchExportJob($exportRecords, $exportTotals);
+                //$this->dispatchExportJob($exportRecords, $exportTotals);
                 Log::info('Export: Job dispatched successfully');
             } else {
                 Log::info('Export: Starting direct download export');
@@ -898,6 +911,85 @@ class Record extends Component
             Log::info('=== EXPORT END ===');
         }
     }
+
+    public function exportData()
+    {
+
+        $this->isExporting = true;
+        $this->emit('$refresh');
+        usleep(100000);
+
+        if ($this->sendViaEmail) {
+            Log::info('Export: Validating email fields');
+            $this->validate([
+                'exportEmailAddress' => 'required|email',
+                'exportEmailSubject' => 'required|string|max:255',
+            ]);
+            Log::info('Export: Email validation passed');
+        }
+
+        $this->isExporting = true;
+
+        try {
+            Log::info('Export: Starting COMBINED data generation phase (NO SEPARATE CALLS)');
+            $startTime = microtime(true);
+
+            $records = $this->loadData($this->exportFromDate, $this->exportToDate);            
+            
+            $dataGenTime = microtime(true) - $startTime;
+            
+
+
+            if ($this->sendViaEmail) {
+                Log::info('Export: Dispatching to background job');
+
+                // Invio mail
+
+                $this->dispatchExportJob($records);
+                Log::info('Export: Job dispatched successfully');
+            } else {
+                Log::info('Export: Starting direct download export');
+                $exportStartTime = microtime(true);
+
+                // Creo excel e scarico
+                $result = $this->exportExcel($records);
+
+                $exportTime = microtime(true) - $exportStartTime;
+
+                return $result;
+            }
+        } catch (\Illuminate\Validation\ValidationException $e) {
+            Log::error('Export: Validation error', [
+                'error' => $e->getMessage(),
+                'errors' => $e->errors()
+            ]);
+            $this->isExporting = false;
+            throw $e;
+        } catch (\Exception $e) {
+            Log::error('Export: General error', [
+                'error' => $e->getMessage(),
+                'trace' => $e->getTraceAsString(),
+                'memory_usage' => memory_get_usage(true),
+                'memory_peak' => memory_get_peak_usage(true),
+                'execution_time' => microtime(true) - ($startTime ?? 0)
+            ]);
+
+            $this->isExporting = false;
+
+            if ($this->sendViaEmail) {
+                $this->emit('export-email-error', 'Errore durante l\'invio dell\'email: ' . $e->getMessage());
+            } else {
+                session()->flash('error', 'Errore durante l\'export: ' . $e->getMessage());
+            }
+        } finally {
+            Log::info('Export: Cleanup phase');
+            $this->isExporting = false;
+            $this->emit('export-complete');
+            $this->emit('hide-export-modal');
+            Log::info('=== EXPORT END ===');
+        }
+    }
+
     private function getEstimatedRecordCount($fromDate, $toDate)
     {
         $exclude_from_records = \App\Models\Member::where('exclude_from_records', true)->pluck('id')->toArray();
@@ -999,7 +1091,8 @@ class Record extends Component
     /**
      * Dispatch export job to queue
      */
-    private function dispatchExportJob($exportRecords, $exportTotals)
+    //private function dispatchExportJob($exportRecords, $exportTotals)
+    private function dispatchExportJob($records)
     {
         try {
             // Prepare filter descriptions for the job
@@ -1018,8 +1111,9 @@ class Record extends Component
 
             // Dispatch job to background queue
             ExportPrimaNota::dispatch(
-                $exportRecords,
-                $exportTotals,
+                /*$exportRecords,
+                $exportTotals,*/
+                $records,
                 $this->exportEmailAddress,
                 $this->exportEmailSubject,
                 [
@@ -1038,7 +1132,7 @@ class Record extends Component
                 'user_id' => auth()->id(),
                 'email' => $this->exportEmailAddress,
                 'date_range' => [$this->exportFromDate, $this->exportToDate],
-                'total_records' => count($exportRecords)
+                'total_records' => count($this->records)
             ]);
         } catch (\Exception $e) {
             Log::error('Failed to dispatch export job', [
@@ -1514,4 +1608,151 @@ class Record extends Component
     {
         $this->showMonthPicker = !$this->showMonthPicker;
     }
+
+    private function exportExcel($records)
+    {
+        
+        $startTime = microtime(true);
+
+        $spreadsheet = new Spreadsheet();
+        $activeWorksheet = $spreadsheet->getActiveSheet();
+
+        $activeWorksheet->setCellValue('A1', "Data");
+        $activeWorksheet->setCellValue('B1', "Tipologia");
+        $activeWorksheet->setCellValue('C1', "Causale");
+        $activeWorksheet->setCellValue('D1', "Nominativo");
+        $activeWorksheet->setCellValue('E1', "Stato");
+        $activeWorksheet->setCellValue('F1', "Entrata");
+        $activeWorksheet->setCellValue('G1', "Uscita");
+        $activeWorksheet->setCellValue('H1', "Origine");
+        $activeWorksheet->setCellValue('I1', "Destinazione");
+        $activeWorksheet->setCellValue('J1', "Metodo di pagamento");
+
+        $activeWorksheet->getStyle('A1:J1')->getFill()
+            ->setFillType(\PhpOffice\PhpSpreadsheet\Style\Fill::FILL_SOLID)
+            ->getStartColor()->setARGB('FF0C6197');
+
+        $activeWorksheet->getStyle('A1:J1')->getFont()->getColor()->setARGB('FFFFFFFF');
+
+        $idx = 2;
+        foreach($records as $record)
+        {
+            $activeWorksheet->setCellValue('A' . $idx, date("d/m/Y", strtotime($record->date)));
+            $activeWorksheet->setCellValue('B' . $idx, $record->commercial ? 'Commerciale' : 'Non commerciale');
+            $activeWorksheet->setCellValue('C' . $idx, $record->causal_name);
+            $activeWorksheet->setCellValue('D' . $idx, $record->type == 'IN' ? ($record->member->first_name . " " . $record->member->last_name) : @$record->supplier->name);
+            $activeWorksheet->setCellValue('E' . $idx, $record->deleted ? 'Annullata' : '');
+            $activeWorksheet->setCellValue('F' . $idx, $record->type == 'IN' ? formatPrice($record->amount) : '');
+            $activeWorksheet->setCellValue('G' . $idx, $record->type == 'OUT' ? formatPrice($record->amount) : '');
+            $activeWorksheet->setCellValue('H' . $idx, $record->type == 'OUT' ? $record->origin : '');
+            $activeWorksheet->setCellValue('I' . $idx, $record->type == 'IN' ? $record->destination : '');
+            $activeWorksheet->setCellValue('J' . $idx, $record->payment_method->name);
+            $idx++;
+        }
+
+        $activeWorksheet->getColumnDimension('A')->setWidth(10);
+        $activeWorksheet->getColumnDimension('B')->setWidth(30);
+        $activeWorksheet->getColumnDimension('C')->setWidth(30);
+        $activeWorksheet->getColumnDimension('D')->setWidth(30);
+        $activeWorksheet->getColumnDimension('E')->setWidth(10);
+        $activeWorksheet->getColumnDimension('F')->setWidth(10);
+        $activeWorksheet->getColumnDimension('G')->setWidth(10);
+        $activeWorksheet->getColumnDimension('H')->setWidth(20);
+        $activeWorksheet->getColumnDimension('I')->setWidth(20);
+        $activeWorksheet->getColumnDimension('J')->setWidth(30);
+
+        $filename = 'prima_nota_' . date("YmdHis") . '.xlsx';
+        Log::info('exportWithData: Preparing to save file', [
+            'filename' => $filename,
+            //'total_processing_time' => microtime(true) - $startTime,
+            'memory_before_save' => memory_get_usage(true)
+        ]);
+
+        try {
+            $currentClient = session('currentClient', 'default');
+            $tempPath = sys_get_temp_dir() . '/' . $filename;
+
+            $writer = new Xlsx($spreadsheet);
+
+            $writer->save($tempPath);
+            
+            unset($spreadsheet, $activeWorksheet, $writer);
+            gc_collect_cycles();
+
+            Log::info('exportWithData: Uploading to S3');
+            $disk = Storage::disk('s3');
+            $s3Path = $currentClient . '/prima_nota/' . $filename;
+
+            $primaNotaFolderPath = $currentClient . '/prima_nota/.gitkeep';
+            if (!$disk->exists($primaNotaFolderPath)) {
+                $disk->put($primaNotaFolderPath, '');
+            }
+
+            $uploadStart = microtime(true);
+            $fileContent = file_get_contents($tempPath);
+            $uploaded = $disk->put($s3Path, $fileContent, 'private');
+            $uploadTime = microtime(true) - $uploadStart;
+
+            if (!$uploaded) {
+                throw new \Exception('Failed to upload file to Wasabi S3');
+            }
+
+            Log::info("Export completed successfully", [
+                'client' => $currentClient,
+                'path' => $s3Path,
+                'file_size' => filesize($tempPath),
+                'records_processed' => $recordsProcessed,
+                'upload_time' => $uploadTime,
+                'total_time' => microtime(true) - $startTime,
+                'memory_peak' => memory_get_peak_usage(true)
+            ]);
+
+            if (file_exists($tempPath)) {
+                unlink($tempPath);
+            }
+
+            $downloadUrl = $disk->temporaryUrl($s3Path, now()->addHour());
+            return redirect($downloadUrl);
+        } catch (\Exception $e) {
+            Log::error('Export S3 error - falling back to local', [
+                'error' => $e->getMessage(),
+                'trace' => $e->getTraceAsString(),
+                'client' => session('currentClient', 'unknown'),
+                'filename' => $filename,
+                'records_processed' => $recordsProcessed ?? 0,
+                'time_elapsed' => microtime(true) - $startTime
+            ]);
+
+            // Fallback logic remains the same...
+            $currentClient = session('currentClient', 'default');
+            $clientFolder = storage_path('app/prima_nota/' . $currentClient);
+
+            if (!is_dir($clientFolder)) {
+                mkdir($clientFolder, 0755, true);
+                Log::info("Created local client prima_nota folder: {$clientFolder}");
+            }
+
+            $localPath = $clientFolder . '/' . $filename;
+
+            if (isset($tempPath) && file_exists($tempPath)) {
+                rename($tempPath, $localPath);
+            } else {
+                $writer = new Xlsx($spreadsheet);
+                $writer->save($localPath);
+                unset($spreadsheet, $activeWorksheet, $writer);
+            }
+
+            gc_collect_cycles();
+
+            Log::warning("Export saved locally due to S3 error", [
+                'client' => $currentClient,
+                'local_path' => $localPath,
+                'error' => $e->getMessage()
+            ]);
+
+            session()->flash('warning', 'File salvato localmente a causa di un errore del cloud storage.');
+            return response()->download($localPath)->deleteFileAfterSend();
+        }
+    }
+
 }

app/Http/Livewire/RecordIN.php

@@ -52,6 +52,7 @@ class RecordIN extends Component
     public $records, $dataId, $member_id, $supplier_id,
     $causal_id,
     $payment_method_id,
+    $destination_id,
     $date,
     $month,
     $year,
@@ -97,6 +98,7 @@ class RecordIN extends Component
 
     public $causals = array();
     public $payments = array();
+    public $banks = array();
     public $members = array();
     public $vats = array();
 
@@ -222,6 +224,7 @@ class RecordIN extends Component
         $this->member_id = null;
         $this->supplier_id = null;
         $this->payment_method_id = null;
+        $this->destination_id = null;
         $this->commercial = 0;
         $this->corrispettivo_fiscale = false;
         $this->date = date("Y-m-d");
@@ -337,6 +340,7 @@ class RecordIN extends Component
 
         $this->refreshMembers();
         $this->payments = \App\Models\PaymentMethod::select('id', 'name')->where('enabled', true)->whereIn('type', array('ALL', 'IN'))->orderBy('name')->get();
+        $this->banks = \App\Models\Bank::select('id', 'name')->where('enabled', true)->whereIn('visibility', array('ALL', 'IN'))->orderBy('name')->get();
         $this->vats = \App\Models\Vat::select('id', 'name', 'value')->orderBy('value')->get();
 
         if ($this->first)
@@ -573,6 +577,7 @@ class RecordIN extends Component
                 'member_id' => $this->member_id,
                 'supplier_id' => $this->supplier_id,
                 'payment_method_id' => $this->payment_method_id,
+                'destination_id' => $this->destination_id,
                 'commercial' => $this->commercial,
                 'corrispettivo_fiscale' => $this->corrispettivo_fiscale,
                 'date' => $this->date,
@@ -699,6 +704,7 @@ class RecordIN extends Component
                 $this->member_id = $record->member_id;
                 $this->supplier_id = $record->supplier_id;
                 $this->payment_method_id = $record->payment_method_id;
+                $this->destination_id = $record->destination_id;
                 $this->amount = $record->amount;
                 $this->commercial = $record->commercial;
                 $this->corrispettivo_fiscale = $record->corrispettivo_fiscale;
@@ -750,6 +756,7 @@ class RecordIN extends Component
                 'member_id' => $this->member_id,
                 'supplier_id' => $this->supplier_id,
                 'payment_method_id' => $this->payment_method_id,
+                'destination_id' => $this->destination_id,
                 'commercial' => $this->commercial,
                 'corrispettivo_fiscale' => $this->corrispettivo_fiscale,
                 'date' => date("Y-m-d", strtotime($this->date)),

app/Http/Livewire/RecordOUT.php

@@ -37,6 +37,7 @@ class RecordOUT extends Component
     public $records, $dataId, $member_id, $supplier_id,
     $causal_id,
     $payment_method_id,
+    $origin_id,
     $date,
     $month,
     $year,
@@ -60,6 +61,7 @@ class RecordOUT extends Component
 
     public $causals = array();
     public $payments = array();
+    public $banks = array();
     public $suppliers = array();
 
     public $rows = array();
@@ -105,6 +107,7 @@ class RecordOUT extends Component
         $this->supplier_id = null;
         //$this->causal_id = null;
         $this->payment_method_id = null;
+        $this->origin_id = null;
         $this->date = date("Y-m-d");
         //$this->month = date("n");
         //$this->year = date("Y");
@@ -157,6 +160,7 @@ class RecordOUT extends Component
 
         $this->suppliers = \App\Models\Supplier::select('name','id')->orderBy('name')->get();
         $this->payments = \App\Models\PaymentMethod::select('id', 'name')->whereIn('type', array('ALL', 'OUT'))->where('enabled', true)->orderBy('name')->get();
+        $this->banks = \App\Models\Bank::select('id', 'name')->where('enabled', true)->whereIn('visibility', array('ALL', 'OUT'))->orderBy('name')->get();
     }
 
     public function getCausal($causal)
@@ -320,6 +324,7 @@ class RecordOUT extends Component
                 'supplier_id' => $this->supplier_id,
                 //'causal_id' => $this->causal_id,
                 'payment_method_id' => $this->payment_method_id,
+                'origin_id' => $this->origin_id,
                 'date' => $this->date,
                 //'month' => $this->month,
                 //'year' => $this->year,
@@ -360,6 +365,7 @@ class RecordOUT extends Component
     }
 
     public function edit($id){
+        $this->resetFields();
         if (!isset($_GET["from"]) && $this->fromPage == '')
             $this->fromPage = 'out';
         $this->emit('setEdit', true);
@@ -375,6 +381,7 @@ class RecordOUT extends Component
                 $this->supplier_id = $record->supplier_id;
                 //$this->causal_id = $record->causal_id;
                 $this->payment_method_id = $record->payment_method_id;
+                $this->origin_id = $record->origin_id;
                 $this->date = date("Y-m-d", strtotime($record->date));
                 //$this->month = $record->month;
                 //$this->year = $record->year;
@@ -409,6 +416,7 @@ class RecordOUT extends Component
                 'supplier_id' => $this->supplier_id,
                 //'causal_id' => $this->causal_id,
                 'payment_method_id' => $this->payment_method_id,
+                'origin_id' => $this->origin_id,
                 'date' => $this->date,
                 //'month' => $this->month,
                 //'year' => $this->year,

app/Jobs/ExportPrimaNota.php

@@ -23,8 +23,9 @@ class ExportPrimaNota implements ShouldQueue
     public $tries = 3;
     public $maxExceptions = 3;
 
-    protected $exportData;
-    protected $exportTotals;
+    //protected $exportData;
+    //protected $exportTotals;
+    protected $records;
     protected $emailAddress;
     protected $emailSubject;
     protected $dateRange;
@@ -35,10 +36,12 @@ class ExportPrimaNota implements ShouldQueue
     /**
      * Create a new job instance.
      */
-    public function __construct($exportData, $exportTotals, $emailAddress, $emailSubject, $dateRange, $userId, $payments, $filters = [])
+    //public function __construct($exportData, $exportTotals, $emailAddress, $emailSubject, $dateRange, $userId, $payments, $filters = [])
+    public function __construct($records, $emailAddress, $emailSubject, $dateRange, $userId, $payments, $filters = [])
     {
-        $this->exportData = $exportData;
-        $this->exportTotals = $exportTotals;
+        //$this->exportData = $exportData;
+        //$this->exportTotals = $exportTotals;
+        $this->records = $records;
         $this->emailAddress = $emailAddress;
         $this->emailSubject = $emailSubject;
         $this->dateRange = $dateRange;
@@ -59,7 +62,7 @@ class ExportPrimaNota implements ShouldQueue
                 'user_id' => $this->userId,
                 'email' => $this->emailAddress,
                 'date_range' => $this->dateRange,
-                'total_records' => count($this->exportData)
+                //'total_records' => count($this->exportData)
             ]);
 
             ini_set('memory_limit', '1024M');
@@ -86,7 +89,7 @@ class ExportPrimaNota implements ShouldQueue
                 'subject' => $this->emailSubject,
                 'from_date' => $this->dateRange['from'],
                 'to_date' => $this->dateRange['to'],
-                'total_records' => count($this->exportData),
+                //'total_records' => count($this->exportData),
                 'user_name' => $user ? $user->name : 'Utente',
                 'generated_at' => now()->format('d/m/Y H:i:s'),
                 'filters_applied' => $this->getFiltersDescription(),
@@ -161,11 +164,98 @@ class ExportPrimaNota implements ShouldQueue
     /**
      * Create Excel file with export data
      */
+
     private function createExcelFile($filePath)
+    {
+        $startTime = microtime(true);
+
+        $spreadsheet = new Spreadsheet();
+        $activeWorksheet = $spreadsheet->getActiveSheet();
+
+        $activeWorksheet->setCellValue('A1', "Data");
+        $activeWorksheet->setCellValue('B1', "Tipologia");
+        $activeWorksheet->setCellValue('C1', "Causale");
+        $activeWorksheet->setCellValue('D1', "Nominativo");
+        $activeWorksheet->setCellValue('E1', "Stato");
+        $activeWorksheet->setCellValue('F1', "Entrata");
+        $activeWorksheet->setCellValue('G1', "Uscita");
+        $activeWorksheet->setCellValue('H1', "Origine");
+        $activeWorksheet->setCellValue('I1', "Destinazione");
+        $activeWorksheet->setCellValue('J1', "Metodo di pagamento");
+
+        $activeWorksheet->getStyle('A1:J1')->getFill()
+            ->setFillType(\PhpOffice\PhpSpreadsheet\Style\Fill::FILL_SOLID)
+            ->getStartColor()->setARGB('FF0C6197');
+
+        $activeWorksheet->getStyle('A1:J1')->getFont()->getColor()->setARGB('FFFFFFFF');
+
+        $idx = 2;
+        foreach($this->records as $record)
+        {
+            $activeWorksheet->setCellValue('A' . $idx, date("d/m/Y", strtotime($record->date)));
+            $activeWorksheet->setCellValue('B' . $idx, $record->commercial ? 'Commerciale' : 'Non commerciale');
+            $activeWorksheet->setCellValue('C' . $idx, $record->causal_name);
+            $activeWorksheet->setCellValue('D' . $idx, $record->type == 'IN' ? ($record->member->first_name . " " . $record->member->last_name) : @$record->supplier->name);
+            $activeWorksheet->setCellValue('E' . $idx, $record->deleted ? 'Annullata' : '');
+            $activeWorksheet->setCellValue('F' . $idx, $record->type == 'IN' ? formatPrice($record->amount) : '');
+            $activeWorksheet->setCellValue('G' . $idx, $record->type == 'OUT' ? formatPrice($record->amount) : '');
+            $activeWorksheet->setCellValue('H' . $idx, $record->type == 'OUT' ? $record->origin : '');
+            $activeWorksheet->setCellValue('I' . $idx, $record->type == 'IN' ? $record->destination : '');
+            $activeWorksheet->setCellValue('J' . $idx, $record->payment_method->name);
+            $idx++;
+        }
+
+        $activeWorksheet->getColumnDimension('A')->setWidth(10);
+        $activeWorksheet->getColumnDimension('B')->setWidth(30);
+        $activeWorksheet->getColumnDimension('C')->setWidth(30);
+        $activeWorksheet->getColumnDimension('D')->setWidth(30);
+        $activeWorksheet->getColumnDimension('E')->setWidth(10);
+        $activeWorksheet->getColumnDimension('F')->setWidth(10);
+        $activeWorksheet->getColumnDimension('G')->setWidth(10);
+        $activeWorksheet->getColumnDimension('H')->setWidth(20);
+        $activeWorksheet->getColumnDimension('I')->setWidth(20);
+        $activeWorksheet->getColumnDimension('J')->setWidth(30);
+
+        try {
+            $writerStart = microtime(true);
+            $writer = new Xlsx($spreadsheet);
+            $writer->save($filePath);
+            $writerTime = microtime(true) - $writerStart;
+
+            Log::info('Job createExcelFile: File saved successfully', [
+                'file_path' => $filePath,
+                'file_exists' => file_exists($filePath),
+                'file_size' => file_exists($filePath) ? filesize($filePath) : 0,
+                'writer_time' => $writerTime,
+                'total_time' => microtime(true) - $startTime,
+                'memory_peak' => memory_get_peak_usage(true)
+            ]);
+        } catch (\Exception $e) {
+            Log::error('Job createExcelFile: Error during file save', [
+                'file_path' => $filePath,
+                'error' => $e->getMessage(),
+                'trace' => $e->getTraceAsString(),
+                'memory_usage' => memory_get_usage(true),
+                'time_elapsed' => microtime(true) - $startTime
+            ]);
+            throw $e;
+        }
+
+        Log::info('Job createExcelFile: Cleaning up memory');
+        unset($spreadsheet, $activeWorksheet, $writer);
+        gc_collect_cycles();
+
+        Log::info('Job createExcelFile: Completed successfully', [
+            'total_time' => microtime(true) - $startTime,
+            'memory_after_cleanup' => memory_get_usage(true)
+        ]);
+    }
+
+    private function createExcelFileOLD($filePath)
     {
         Log::info('Job createExcelFile: Starting Excel file creation', [
             'file_path' => $filePath,
-            'export_data_count' => count($this->exportData),
+            //'export_data_count' => count($this->exportData),
             'payments_count' => count($this->payments),
             'memory_before' => memory_get_usage(true),
             'time_limit' => ini_get('max_execution_time')
@@ -270,7 +360,7 @@ class ExportPrimaNota implements ShouldQueue
             ->getFont()->getColor()->setARGB('FFFFFFFF');
 
         Log::info('Job createExcelFile: Starting data row processing', [
-            'total_export_records' => count($this->exportData),
+            //'total_export_records' => count($this->exportData),
             'time_elapsed_so_far' => microtime(true) - $startTime
         ]);
 

app/Models/Bank.php

@@ -14,6 +14,7 @@ class Bank extends Model
     protected $fillable = [
         'name',
         'enabled',
+        'visibility'
     ];
 
     public function canDelete()
@@ -21,4 +22,16 @@ class Bank extends Model
         return \App\Models\PaymentMethod::where('bank_id', $this->id)->count() == 0;
     }
 
+    public function getVisibility()
+    {
+        $ret = '';
+        if ($this->visibility == 'IN')
+            $ret = "Solo in entrata";
+        if ($this->visibility == 'OUT')
+            $ret = "Solo in uscita";
+        if ($this->visibility == 'ALL')
+            $ret = "Entrambi";
+        return $ret;
+    }
+
 }

app/Models/Record.php

@@ -14,6 +14,8 @@ class Record extends Model
         'supplier_id',
         // 'causal_id',
         'payment_method_id',
+        'destination_id',
+        'origin_id',
         'date',
         //'month',
         //'year',

database/migrations/2025_11_17_100244_add_visibility_to_banks_table.php

@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('banks', function (Blueprint $table) {
+            $table->string('visibility')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('banks', function (Blueprint $table) {
+            $table->dropColumn('visibility');
+        });
+    }
+};

database/migrations/2025_11_17_102344_add_more_fields_to_records_rows_table.php

@@ -0,0 +1,36 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('records', function (Blueprint $table) {
+            $table->unsignedBigInteger('destination_id')->nullable();
+            $table->foreign('destination_id')->nullable()->references('id')->on('banks')->onUpdate('cascade')->onDelete('cascade');
+            $table->unsignedBigInteger('origin_id')->nullable();
+            $table->foreign('origin_id')->nullable()->references('id')->on('banks')->onUpdate('cascade')->onDelete('cascade');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('records', function (Blueprint $table) {
+            $table->dropColumn('destination_id');
+            $table->dropColumn('origin_id');
+        });
+    }
+};

resources/views/livewire/bank.blade.php

@@ -9,7 +9,7 @@
         <header id="title--section" style="display:none !important"  class="d-flex align-items-center justify-content-between">
             <div class="title--section_name d-flex align-items-center justify-content-between">
                 <i class="ico--ui title_section utenti me-2"></i>
-                <h2 class="primary">Banche</h2>
+                <h2 class="primary">Canali finanziari</h2>
             </div>
 
             <div class="title--section_addButton"  wire:click="add()" style="cursor: pointer;">
@@ -46,6 +46,7 @@
                 <thead>
                     <tr>
                         <th scope="col">Nome</th>
+                        <th scope="col">Visibilità</th>
                         <th scope="col">Abilitato</th>
                         <th scope="col">...</th>
                     </tr>
@@ -54,6 +55,7 @@
                     @foreach($records as $record)
                         <tr>
                             <td>{{$record->name}}</td>
+                            <td>{{$record->getVisibility()}}</td>
                             <td> <span class="tablesaw-cell-content"><span class="badge tessera-badge {{$record->enabled ? 'active' : 'suspended'}}">{{$record->enabled ? 'attivo' : 'disattivo'}}</span></span></td>
                             <td>
                                 <button type="button" class="btn" wire:click="edit({{ $record->id }})" data-bs-toggle="popover"  data-bs-trigger="hover focus" data-bs-placement="bottom" data-bs-content="Modifica"><i class="fa-regular fa-pen-to-square"></i></button>
@@ -118,6 +120,16 @@
                                     @enderror
                                 </div>
                             </div>
+                            <div class="col">
+                                <div class="form--item">
+                                    <label for="inputName" class="form-label">Visibilità</label>
+                                    <select class="form-control" id="visibility" wire:model="visibility">
+                                        <option value="IN">Solo in entrata</option>
+                                        <option value="OUT">Solo in uscita</option>
+                                        <option value="ALL">Entrambi</option>
+                                    </select>
+                                </div>
+                            </div>
                             <div class="col">
                                 <div class="form--item">
                                     <label for="enabled" class="form-label">Abilitato</label>

resources/views/livewire/records.blade.php

@@ -333,145 +333,47 @@
             <thead>
                 <tr>
                     <th scope="col">Data</th>
-                    <th scope="col" style="border-left:3px solid white;">Causale</th>
-                    <th scope="col" style="border-left:3px solid white;">Dettaglio Causale</th>
-                    <th scope="col" style="border-left:3px solid white;">Stato</th>
-                    <th scope="col" style="border-left:3px solid white;">Nominativo</th>
-                    @foreach($payments as $p)
-                        <th colspan="2" scope="col" style="text-align:center; border-left:3px solid white;">{{$p->name}}</th>
-                    @endforeach
+                    <th scope="col">Tipologia</th>
+                    <th scope="col">Causale</th>
+                    <th scope="col">Nominativo</th>
+                    <th scope="col">Stato</th>
+                    <th scope="col">Entrata</th>
+                    <th scope="col">Uscita</th>
+                    <th scope="col">Origine</th>
+                    <th scope="col">Destinazione</th>
+                    <th scope="col">Metodo di pagamento</th>
                 </tr>
                 <tr>
                     <th scope="col"></th>
-                    <th scope="col" style="border-left:3px solid white;"></th>
-                    <th scope="col" style="border-left:3px solid white;"></th>
-                    <th scope="col" style="border-left:3px solid white;"></th>
-                    <th scope="col" style="border-left:3px solid white;"></th>
-                    @foreach($payments as $p)
-                        @if($p->type == 'ALL')
-                            <th scope="col" style="text-align:center; border-left:3px solid white;">Entrate</th>
-                            <th scope="col" style="text-align:center">Uscite</th>
-                        @elseif($p->type == 'IN')
-                            <th scope="col" style="text-align:center; border-left:3px solid white;">Entrate</th>
-                            <th scope="col" style="text-align:center;"></th>
-                        @elseif($p->type == 'OUT')
-                            <th style="border-left:3px solid white;"></th>
-                            <th scope="col" style="text-align:center;">Uscite</th>
-                        @endif
-                    @endforeach
+                    <th scope="col"></th>
+                    <th scope="col"></th>
+                    <th scope="col"></th>
+                    <th scope="col"></th>
+                    <th scope="col"></th>
+                    <th scope="col"></th>
+                    <th scope="col"></th>
+                    <th scope="col"></th>
+                    <th scope="col"></th>
                 </tr>
             </thead>
             <tbody id="checkall-target">
                 @php $count = 0; @endphp
-                @foreach($records as $causal => $record)
+                @foreach($records as $record)
                     <tr>
-                        @php
-                        $parts = explode("§", $causal);
-                        $d = $parts[0] ?? '';
-                        $c = $parts[1] ?? '';
-                        $n = $parts[2] ?? '';
-                        $det = $parts[3] ?? '';
-                        $del = $parts[4] ?? '';
-
-                        $detailParts = explode('|', $det);
-                        $isMultiple = count($detailParts) > 1;
-                        $displayDetail = $isMultiple ? 'Varie' : $det;
-                        @endphp
-                        <td style="background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{date("d/m/Y", strtotime($d))}}</td>
-                        <td style="border-left:3px solid white !important;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{$c}}</td>
-                        <td style="border-left:3px solid white !important;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">
-                            @if($isMultiple)
-                                <span class="varie-link" data-causals="{{implode('|', array_slice($detailParts, 1))}}" style="color: #0C6197; cursor: pointer; text-decoration: underline;">
-                                    {{$displayDetail}}
-                                </span>
-                            @else
-                                {{$displayDetail}}
-                            @endif
-                        </td>
-                        <td style="border-left:3px solid white !important;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">
-                            @if($del == 'DELETED')
-                                <span style='color:red'>Annullata</span>
-                            @endif
-                        </td>
-                        <td style="border-left:3px solid white !important;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{$n}}</td>
-                        @foreach($payments as $p)
-                            @if(isset($record[$p->name]))
-                                <td style="text-align:right; border-left:3px solid white !important;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">
-                                    @if(isset($record[$p->name]["IN"]))
-                                        <span class="tablesaw-cell-content " style="color:green">{{formatPrice($record[$p->name]["IN"])}}</span>
-                                    @endif
-                                </td>
-                                <td style="text-align:right;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">
-                                    @if(isset($record[$p->name]["OUT"]))
-                                        <span class="tablesaw-cell-content " style="color:red">{{formatPrice($record[$p->name]["OUT"])}}</span>
-                                    @endif
-                                </td>
-                            @else
-                                <td style="border-left:3px solid white !important;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}"></td>
-                                <td style="background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}"></td>
-                            @endif
-                        @endforeach
+                        <td style="background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{date("d/m/Y", strtotime($record->date))}}</td>
+                        <td style="background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{$record->commercial ? 'Commerciale' : 'Non commerciale'}}</td>
+                        <td style="background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{$record->causal_name}}</td>
+                        <td style="background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{$record->type == 'IN' ? ($record->member->first_name . " " . $record->member->last_name) : @$record->supplier->name}}</td>
+                        <td style="background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{$record->deleted ? 'Annullata' : ''}}</td>
+                        <td style="background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{$record->type == 'IN' ? formatPrice($record->amount) : ''}}</td>
+                        <td style="background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{$record->type == 'OUT' ? formatPrice($record->amount) : ''}}</td>
+                        <td style="background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{$record->type == 'OUT' ? $record->origin : ''}}</td>
+                        <td style="background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{$record->type == 'IN' ? $record->destination : ''}}</td>
+                        <td style="background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{$record->payment_method->name}}</td>
                     </tr>
                     @php $count++; @endphp
                 @endforeach
             </tbody>
-            <tfoot>
-                <tr>
-                    <td></td>
-                    <td></td>
-                    <td></td>
-                    <td></td>
-                    <td><b>Totale</b></td>
-                    @foreach($payments as $p)
-                        @if(isset($totals[$p->name]))
-                            @if($p->type == 'ALL')
-                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:green; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["IN"] : 0)}}</b></span></td>
-                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:red; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["OUT"] : 0)}}</b></span></td>
-                            @elseif($p->type == 'IN')
-                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:green; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["IN"] : 0)}}</b></span></td>
-                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:red; font-size:18px;"><b>&nbsp;</b></span></td>
-
-                            @elseif($p->type == 'OUT')
-                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:green; font-size:18px;"><b>&nbsp;</b></span></td>
-                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:red; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["OUT"] : 0)}}</b></span></td>
-                            @endif
-                        @else
-                            @if($p->type == 'ALL')
-
-                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:green; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["IN"] : 0)}}</b></span></td>
-                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:red; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["OUT"] : 0)}}</b></span></td>
-                            @elseif($p->type == 'IN')
-                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:green; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["IN"] : 0)}}</b></span></td>
-                                <td style="text-align:center"><span class="tablesaw-cell-content primary" style="color:red; font-size:18px;"><b>&nbsp;</b></span></td>
-                            @elseif($p->type == 'OUT')
-                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:green; font-size:18px;"><b>&nbsp;</b></span></td>
-                                <td style="text-align:center"><span class="tablesaw-cell-content primary" style="color:red; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["OUT"] : 0)}}</b></span></td>
-
-                            @endif
-                        @endif
-                    @endforeach
-                </tr>
-                <tr style="display:none">
-                    <td></td>
-                    <td><b>Differenza</b></td>
-                    @foreach($payments as $p)
-                        @if(isset($totals[$p->name]))
-                            @php
-                            $diff = $totals[$p->name]["IN"] - $totals[$p->name]["OUT"];
-                            @endphp
-                            @if($diff < 0)
-                                <td></td>
-                            @endif
-                            <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:{{$diff > 0 ? 'green' : 'red'}}; font-size:18px;"><b>{{formatPrice($diff)}}</b></span></td>
-                            @if($diff > 0)
-                                <td></td>
-                            @endif
-                        @else
-                            <td colspan="2" style="text-align:right"><b>{{formatPrice(0)}}</b></td>
-                        @endif
-                    @endforeach
-                </tr>
-            </tfoot>
         </table>
         <button type="button" class="btn btn-floating btn-lg" id="btn-back-to-bottom"><i class="fas fa-arrow-down"></i></button>
         <button type="button" class="btn btn-floating btn-lg" id="btn-back-to-top"><i class="fas fa-arrow-up"></i></button>
@@ -1852,7 +1754,8 @@
         function handleExportClick() {
             showExportLoading();
 
-            @this.call('exportWithDateRange');
+            @this.call('exportData');
+            //@this.call('exportWithDateRange');
         }
 
         function showExportLoading() {

resources/views/livewire/records_in.blade.php

@@ -317,10 +317,11 @@
                         @else
 
                             <div class="row gx-2 mt-3">
-                                <span class="title-form d-block w-100">Metodo di pagamento</span>
+                                
 
                                 <div class="col-md-6" >
 
+                                    <span class="title-form d-block w-100">Metodo di pagamento</span>
                                     <select name="payment_method_id" class="form-select paymentClass @error('payment_method_id') is-invalid @enderror" aria-label="Seleziona un metodo di pagamento" wire:model="payment_method_id" style="width:100%"  {{$this->dataId > 0 && $deleted ? 'disabled' : ''}}>
                                         <option value="">--Seleziona--
                                         @foreach($payments as $payment)
@@ -330,6 +331,23 @@
                                     @error('payment_method_id')
                                         <div class="invalid-feedback">{{ $message }}</div>
                                     @enderror
+                                    
+                                </div>
+                            
+                                <div class="col-md-6" >
+
+                                    <span class="title-form d-block w-100">Destinazione</span>
+
+                                    <select name="destination_id" class="form-select  @error('destination_id') is-invalid @enderror" aria-label="Seleziona una destinazione" wire:model="destination_id" style="width:100%"  {{$this->dataId > 0 && $deleted ? 'disabled' : ''}}>
+                                        <option value="">--Seleziona--
+                                        @foreach($banks as $bank)
+                                            <option value="{{$bank->id}}">{{$bank->name}}
+                                        @endforeach
+                                    </select>
+                                    @error('destination_id')
+                                        <div class="invalid-feedback">{{ $message }}</div>
+                                    @enderror
+                                    
                                 </div>
                             </div>
 

resources/views/livewire/records_old.blade.php

@@ -0,0 +1,1972 @@
+
+<div class="col card--ui" id="card--dashboard">
+
+     <header id="title--section" style="display:none !important"  class="d-flex align-items-center justify-content-between">
+        <div class="title--section_name d-flex align-items-center justify-content-between">
+            <i class="ico--ui title_section utenti me-2"></i>
+            <h2 class="primary">Prima nota</h2>
+        </div>
+
+    </header>
+    <section id="subheader" class="">
+        <div class="row g-3">
+            <div class="col-md-3">
+                Utente
+                <select name="search_member_id" class="form-select filterMember" wire:model="filterMember">
+                    <option value="">--Seleziona--
+                    @foreach($members as $member)
+                        <option value="{{$member->id}}">{{$member->last_name}} {{$member->first_name}}
+                    @endforeach
+                </select>
+            </div>
+            <div class="col-md-4">
+                Causale
+                <select name="search_causal_id[]" class="form-select filterCausals me-2" multiple="multiple" wire:model="filterCausals">
+                    @foreach($causals as $causal)
+                        <option value="{{$causal["id"]}}">{!!$causal["name"]!!}
+                    @endforeach
+                </select>
+            </div>
+            <div class="col-md-3">
+                Periodo
+                <div class="col-12 mb-3">
+                    <select wire:model="selectedPeriod" class="form-select" @if($isFiltering) disabled @endif style="height: 43px!important;">
+                        <option value="OGGI">Oggi</option>
+                        <option value="IERI">Ieri</option>
+                        <option value="GIORNO_PERSONALIZZATO">Giorno Personalizzato</option>
+                        <option value="MESE CORRENTE">Mese Corrente</option>
+                        <option value="MESE PRECEDENTE">Mese Precedente</option>
+                        <option value="MESE_PERSONALIZZATO">Mese Personalizzato</option>
+                        <option value="ULTIMO TRIMESTRE">Ultimo Trimestre</option>
+                        <option value="ULTIMO QUADRIMESTRE">Ultimo Quadrimestre</option>
+                    </select>
+                </div>
+
+                @if($selectedPeriod === 'GIORNO_PERSONALIZZATO')
+                <div class="col-12 mb-2" wire:transition>
+                    <div class="day-picker-container position-relative">
+                        <div class="input-group">
+                            <input type="date"
+                                wire:model="selectedDay"
+                                class="form-control"
+                                style="height: 43px!important;"
+                                @if($isFiltering) disabled @endif>
+                        </div>
+
+                        @if($showDayPicker)
+                        <div class="day-picker-dropdown position-absolute bg-white border rounded shadow-lg p-3 mt-1"
+                            style="z-index: 1060; width: 100%; max-width: 350px;">
+                            <div class="d-flex justify-content-between align-items-center mb-3">
+                                <h6 class="mb-0 text-primary">
+                                    <i class="fa-regular fa-calendar me-2"></i>
+                                    Seleziona Giorno
+                                </h6>
+                                <button type="button"
+                                        class="btn-close btn-sm"
+                                        wire:click="toggleDayPicker"></button>
+                            </div>
+
+                            <div class="row g-2 mb-3">
+                                <div class="col-6">
+                                    <button type="button"
+                                            class="btn btn-sm btn-outline-primary w-100"
+                                            wire:click="selectToday">
+                                        <i class="fas fa-calendar-day me-1"></i>
+                                        Oggi
+                                    </button>
+                                </div>
+                                <div class="col-6">
+                                    <button type="button"
+                                            class="btn btn-sm btn-outline-secondary w-100"
+                                            wire:click="selectYesterday">
+                                        <i class="fas fa-step-backward me-1"></i>
+                                        Ieri
+                                    </button>
+                                </div>
+                            </div>
+
+                            <div class="mb-3">
+                                <label class="form-label small">Anno</label>
+                                <select wire:model="selectedYear" class="form-select form-select-sm">
+                                    @php
+                                        $currentYear = date('Y');
+                                        $selectedDayYear = $selectedDay ? substr($selectedDay, 0, 4) : $currentYear;
+                                    @endphp
+                                    @for($year = $currentYear - 3; $year <= $currentYear + 1; $year++)
+                                        <option value="{{ $year }}" {{ $year == $selectedDayYear ? 'selected' : '' }}>
+                                            {{ $year }}
+                                        </option>
+                                    @endfor
+                                </select>
+                            </div>
+
+                            <div class="mb-3">
+                                <label class="form-label small">Mese</label>
+                                <div class="row g-1">
+                                    @php
+                                        $months = [
+                                            '01' => 'Gen', '02' => 'Feb', '03' => 'Mar', '04' => 'Apr',
+                                            '05' => 'Mag', '06' => 'Giu', '07' => 'Lug', '08' => 'Ago',
+                                            '09' => 'Set', '10' => 'Ott', '11' => 'Nov', '12' => 'Dic'
+                                        ];
+                                        $currentMonth = $selectedDay ? substr($selectedDay, 5, 2) : date('m');
+                                        $currentYear = $selectedDay ? substr($selectedDay, 0, 4) : date('Y');
+                                    @endphp
+
+                                    @foreach($months as $monthNum => $monthName)
+                                        <div class="col-3">
+                                            <button type="button"
+                                                    class="btn btn-sm w-100 month-selector {{ $monthNum === $currentMonth ? 'btn-primary' : 'btn-outline-secondary' }}"
+                                                    data-month="{{ $monthNum }}">
+                                                {{ $monthName }}
+                                            </button>
+                                        </div>
+                                    @endforeach
+                                </div>
+                            </div>
+
+                            <div class="mb-3">
+                                <label class="form-label small">Giorno</label>
+                                <div class="day-grid" id="dayGrid">
+                                </div>
+                            </div>
+
+                            <div class="row g-2">
+                                <div class="col-6">
+                                    <button type="button"
+                                            class="btn btn-sm btn-success w-100"
+                                            id="confirmDaySelection">
+                                        <i class="fas fa-check me-1"></i>
+                                        Conferma
+                                    </button>
+                                </div>
+                                <div class="col-6">
+                                    <button type="button"
+                                            class="btn btn-sm btn-outline-secondary w-100"
+                                            wire:click="toggleDayPicker">
+                                        <i class="fas fa-times me-1"></i>
+                                        Annulla
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                        @endif
+                    </div>
+                </div>
+
+                @if($selectedDay && $selectedPeriod === 'GIORNO_PERSONALIZZATO')
+                <div class="col-12 mb-2">
+                    <div class="alert alert-info py-2 px-3 mb-0" style="font-size: 0.875rem;">
+                        <i class="fas fa-info-circle me-1"></i>
+                        <strong>Giorno selezionato:</strong><br>
+                        {{ \Carbon\Carbon::createFromFormat('Y-m-d', $selectedDay)->locale('it')->isoFormat('dddd, D MMMM YYYY') }}
+                    </div>
+                </div>
+                @endif
+                @endif
+
+                @if($selectedPeriod === 'MESE_PERSONALIZZATO')
+                <div class="col-12 mb-2" wire:transition>
+                    <div class="month-picker-container position-relative">
+                        <div class="input-group">
+                            <input type="month"
+                                wire:model="selectedMonth"
+                                class="form-control"
+                                style="height: 43px!important;"
+                                @if($isFiltering) disabled @endif>
+                        </div>
+
+                        @if($showMonthPicker)
+                        <div class="month-picker-dropdown position-absolute bg-white border rounded shadow-lg p-3 mt-1"
+                            style="z-index: 1060; width: 100%; max-width: 300px;">
+                            <div class="d-flex justify-content-between align-items-center mb-3">
+                                <h6 class="mb-0 text-primary">
+                                    <i class="fa-regular fa-calendar me-2"></i>
+                                    Seleziona Mese
+                                </h6>
+                                <button type="button"
+                                        class="btn-close btn-sm"
+                                        wire:click="toggleMonthPicker"></button>
+                            </div>
+
+                            <div class="mb-3">
+                                <label class="form-label small">Anno</label>
+                                <select wire:model="selectedYear" class="form-select form-select-sm">
+                                    @php
+                                        $currentYear = date('Y');
+                                        $selectedYear = $selectedMonth ? substr($selectedMonth, 0, 4) : $currentYear;
+                                    @endphp
+                                    @for($year = $currentYear - 3; $year <= $currentYear + 1; $year++)
+                                        <option value="{{ $year }}" {{ $year == $selectedYear ? 'selected' : '' }}>
+                                            {{ $year }}
+                                        </option>
+                                    @endfor
+                                </select>
+                            </div>
+
+                            <div class="row g-1 mb-3">
+                                @php
+                                    $months = [
+                                        '01' => 'Gen', '02' => 'Feb', '03' => 'Mar', '04' => 'Apr',
+                                        '05' => 'Mag', '06' => 'Giu', '07' => 'Lug', '08' => 'Ago',
+                                        '09' => 'Set', '10' => 'Ott', '11' => 'Nov', '12' => 'Dic'
+                                    ];
+                                    $currentMonth = $selectedMonth ?: date('Y-m');
+                                @endphp
+
+                                @foreach($months as $monthNum => $monthName)
+                                    <div class="col-3">
+                                        <button type="button"
+                                                class="btn btn-sm w-100 {{ ($selectedYear . '-' . $monthNum) === $currentMonth ? 'btn-primary' : 'btn-outline-secondary' }}"
+                                                wire:click="selectMonth('{{ $selectedYear }}-{{ $monthNum }}')">
+                                            {{ $monthName }}
+                                        </button>
+                                    </div>
+                                @endforeach
+                            </div>
+
+                            <div class="row g-1">
+                                <div class="col-6">
+                                    <button type="button"
+                                            class="btn btn-sm btn-outline-primary w-100"
+                                            wire:click="selectMonth('{{ date('Y-m') }}')">
+                                        <i class="fas fa-calendar-day me-1"></i>
+                                        Questo Mese
+                                    </button>
+                                </div>
+                                <div class="col-6">
+                                    <button type="button"
+                                            class="btn btn-sm btn-outline-secondary w-100"
+                                            wire:click="selectMonth('{{ date('Y-m', strtotime('-1 month')) }}')">
+                                        <i class="fas fa-step-backward me-1"></i>
+                                        Mese Scorso
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                        @endif
+                    </div>
+                </div>
+
+                @if($selectedMonth && $selectedPeriod === 'MESE_PERSONALIZZATO')
+                <div class="col-12 mb-2">
+                    <div class="alert alert-info py-2 px-3 mb-0" style="font-size: 0.875rem;">
+                        <i class="fas fa-info-circle me-1"></i>
+                        <strong>Periodo selezionato:</strong><br>
+                        {{ \Carbon\Carbon::createFromFormat('Y-m', $selectedMonth)->locale('it')->isoFormat('MMMM YYYY') }}
+                    </div>
+                </div>
+                @endif
+                @endif
+            </div>
+            <div class="col-md-2">
+                <div class="prima--nota_buttons ms-auto" style="float:right; margin-top:25px;">
+                    <button class="btn--ui primary" wire:click="applyFilters" style="margin-right:5px;" @if($isFiltering) disabled @endif>
+                        @if($isFiltering)
+                            <i class="fas fa-spinner fa-spin"></i> CARICAMENTO...
+                        @else
+                            FILTRA
+                        @endif
+                    </button>
+                    <button class="btn--ui lightGrey reset reset" style="margin-left:5px;color:#10172A;" wire:click="resetFilters" @if($isFiltering) disabled @endif>RESET</button>
+                </div>
+            </div>
+        </div>
+        {{-- Custom loader --}}
+        <div wire:loading>
+            <div class="custom_loader">
+                <i class="fas fa-spinner fa-spin"></i>
+            </div>
+        </div>
+
+        <style>
+            .custom_loader {
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                display: flex;
+                flex-direction: column;
+                flex-wrap: nowrap;
+                align-content: center;
+                justify-content: center;
+                align-items: center;
+                padding: 10px;
+                background: #ffffff80;
+                z-index: 1000;
+            }
+            
+            .custom_loader i {
+                font-size: 50px;
+                color: #0c6197;
+            }
+        </style>
+        {{-- END Custom loader --}}
+        
+        <div style="float:left; margin-top:10px; margin-bottom:10px;">
+            <div class="dropdown">
+            <button class="btn--ui_outline light dropdown-toggle" type="button" id="exportDropdown" data-bs-toggle="dropdown" aria-expanded="false"
+            style="color:#10172A;" @if($isFiltering) disabled @endif>
+                ESPORTA
+            </button>
+            <ul class="dropdown-menu" aria-labelledby="exportDropdown">
+                <li><a class="dropdown-item" href="#" wire:click="openExportModal">Excel</a></li>
+                <li><a class="dropdown-item" href="#" id="print">Stampa</a></li>
+            </ul>
+            </div>
+        </div>
+    </section>
+
+    <section id="resume-table" class="scrollTable records-table" style="position: relative;">
+
+        @if($isFiltering)
+            <div class="loading-overlay">
+                <div class="loading-content">
+                    <i class="fas fa-spinner fa-spin fa-3x"></i>
+                    <p>Caricamento dati in corso...</p>
+                </div>
+            </div>
+        @endif
+
+        <table class="table tablesaw tableHead tablesaw-stack" id="tablesaw-350" width="100%">
+            <thead>
+                <tr>
+                    <th scope="col">Data</th>
+                    <th scope="col" style="border-left:3px solid white;">Causale</th>
+                    <th scope="col" style="border-left:3px solid white;">Dettaglio Causale</th>
+                    <th scope="col" style="border-left:3px solid white;">Stato</th>
+                    <th scope="col" style="border-left:3px solid white;">Nominativo</th>
+                    @foreach($payments as $p)
+                        <th colspan="2" scope="col" style="text-align:center; border-left:3px solid white;">{{$p->name}}</th>
+                    @endforeach
+                </tr>
+                <tr>
+                    <th scope="col"></th>
+                    <th scope="col" style="border-left:3px solid white;"></th>
+                    <th scope="col" style="border-left:3px solid white;"></th>
+                    <th scope="col" style="border-left:3px solid white;"></th>
+                    <th scope="col" style="border-left:3px solid white;"></th>
+                    @foreach($payments as $p)
+                        @if($p->type == 'ALL')
+                            <th scope="col" style="text-align:center; border-left:3px solid white;">Entrate</th>
+                            <th scope="col" style="text-align:center">Uscite</th>
+                        @elseif($p->type == 'IN')
+                            <th scope="col" style="text-align:center; border-left:3px solid white;">Entrate</th>
+                            <th scope="col" style="text-align:center;"></th>
+                        @elseif($p->type == 'OUT')
+                            <th style="border-left:3px solid white;"></th>
+                            <th scope="col" style="text-align:center;">Uscite</th>
+                        @endif
+                    @endforeach
+                </tr>
+            </thead>
+            <tbody id="checkall-target">
+                @php $count = 0; @endphp
+                @foreach($records as $causal => $record)
+                    <tr>
+                        @php
+                        $parts = explode("§", $causal);
+                        $d = $parts[0] ?? '';
+                        $c = $parts[1] ?? '';
+                        $n = $parts[2] ?? '';
+                        $det = $parts[3] ?? '';
+                        $del = $parts[4] ?? '';
+
+                        $detailParts = explode('|', $det);
+                        $isMultiple = count($detailParts) > 1;
+                        $displayDetail = $isMultiple ? 'Varie' : $det;
+                        @endphp
+                        <td style="background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{date("d/m/Y", strtotime($d))}}</td>
+                        <td style="border-left:3px solid white !important;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{$c}}</td>
+                        <td style="border-left:3px solid white !important;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">
+                            @if($isMultiple)
+                                <span class="varie-link" data-causals="{{implode('|', array_slice($detailParts, 1))}}" style="color: #0C6197; cursor: pointer; text-decoration: underline;">
+                                    {{$displayDetail}}
+                                </span>
+                            @else
+                                {{$displayDetail}}
+                            @endif
+                        </td>
+                        <td style="border-left:3px solid white !important;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">
+                            @if($del == 'DELETED')
+                                <span style='color:red'>Annullata</span>
+                            @endif
+                        </td>
+                        <td style="border-left:3px solid white !important;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">{{$n}}</td>
+                        @foreach($payments as $p)
+                            @if(isset($record[$p->name]))
+                                <td style="text-align:right; border-left:3px solid white !important;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">
+                                    @if(isset($record[$p->name]["IN"]))
+                                        <span class="tablesaw-cell-content " style="color:green">{{formatPrice($record[$p->name]["IN"])}}</span>
+                                    @endif
+                                </td>
+                                <td style="text-align:right;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}">
+                                    @if(isset($record[$p->name]["OUT"]))
+                                        <span class="tablesaw-cell-content " style="color:red">{{formatPrice($record[$p->name]["OUT"])}}</span>
+                                    @endif
+                                </td>
+                            @else
+                                <td style="border-left:3px solid white !important;background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}"></td>
+                                <td style="background-color:{{$count % 2 == 0 ? 'white' : '#f2f4f7'}}"></td>
+                            @endif
+                        @endforeach
+                    </tr>
+                    @php $count++; @endphp
+                @endforeach
+            </tbody>
+            <tfoot>
+                <tr>
+                    <td></td>
+                    <td></td>
+                    <td></td>
+                    <td></td>
+                    <td><b>Totale</b></td>
+                    @foreach($payments as $p)
+                        @if(isset($totals[$p->name]))
+                            @if($p->type == 'ALL')
+                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:green; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["IN"] : 0)}}</b></span></td>
+                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:red; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["OUT"] : 0)}}</b></span></td>
+                            @elseif($p->type == 'IN')
+                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:green; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["IN"] : 0)}}</b></span></td>
+                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:red; font-size:18px;"><b>&nbsp;</b></span></td>
+
+                            @elseif($p->type == 'OUT')
+                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:green; font-size:18px;"><b>&nbsp;</b></span></td>
+                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:red; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["OUT"] : 0)}}</b></span></td>
+                            @endif
+                        @else
+                            @if($p->type == 'ALL')
+
+                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:green; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["IN"] : 0)}}</b></span></td>
+                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:red; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["OUT"] : 0)}}</b></span></td>
+                            @elseif($p->type == 'IN')
+                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:green; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["IN"] : 0)}}</b></span></td>
+                                <td style="text-align:center"><span class="tablesaw-cell-content primary" style="color:red; font-size:18px;"><b>&nbsp;</b></span></td>
+                            @elseif($p->type == 'OUT')
+                                <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:green; font-size:18px;"><b>&nbsp;</b></span></td>
+                                <td style="text-align:center"><span class="tablesaw-cell-content primary" style="color:red; font-size:18px;"><b>{{formatPrice(isset($totals[$p->name]) ? $totals[$p->name]["OUT"] : 0)}}</b></span></td>
+
+                            @endif
+                        @endif
+                    @endforeach
+                </tr>
+                <tr style="display:none">
+                    <td></td>
+                    <td><b>Differenza</b></td>
+                    @foreach($payments as $p)
+                        @if(isset($totals[$p->name]))
+                            @php
+                            $diff = $totals[$p->name]["IN"] - $totals[$p->name]["OUT"];
+                            @endphp
+                            @if($diff < 0)
+                                <td></td>
+                            @endif
+                            <td style="text-align:right"><span class="tablesaw-cell-content primary" style="color:{{$diff > 0 ? 'green' : 'red'}}; font-size:18px;"><b>{{formatPrice($diff)}}</b></span></td>
+                            @if($diff > 0)
+                                <td></td>
+                            @endif
+                        @else
+                            <td colspan="2" style="text-align:right"><b>{{formatPrice(0)}}</b></td>
+                        @endif
+                    @endforeach
+                </tr>
+            </tfoot>
+        </table>
+        <button type="button" class="btn btn-floating btn-lg" id="btn-back-to-bottom"><i class="fas fa-arrow-down"></i></button>
+        <button type="button" class="btn btn-floating btn-lg" id="btn-back-to-top"><i class="fas fa-arrow-up"></i></button>
+    </section>
+
+    <div class="modal fade" id="causalsModal" tabindex="-1" aria-labelledby="causalsModalLabel" aria-hidden="true">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+                <div class="modal-header" style="background-color: #0C6197!important;">
+                    <h5 class="modal-title" id="causalsModalLabel">
+                        <i class="me-2"></i>
+                        Dettaglio Causali
+                    </h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="CHIUDI"></button>
+                </div>
+                <div class="modal-body">
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="d-flex justify-content-between align-items-center mb-3">
+                                <h6 class="mb-0">
+                                    <i class="me-2 text-primary"></i>
+                                    Causali incluse:
+                                </h6>
+                            </div>
+                            <div class="border rounded" style="max-height: 400px; overflow-y: auto;">
+                                <ul id="causalsList" class="list-group list-group-flush mb-0">
+                                    <!-- Causals will be populated here by JavaScript -->
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer" style="background-color: #FFF!important;">
+                    <button type="button" class="btn--ui lightGrey me-2" data-bs-dismiss="modal">
+                        <i class="fas fa-times me-1"></i>
+                        CHIUDI
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="modal fade" id="exportModal" tabindex="-1" aria-labelledby="exportModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header" style="background-color: #0C6197!important;">
+                <h5 class="modal-title" id="exportModalLabel">Seleziona Periodo per Export</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="CHIUDI"></button>
+            </div>
+            <div class="modal-body">
+                <div class="row g-3">
+                    <div class="col-md-6">
+                        <label for="exportFromDate" class="form-label">Data Inizio</label>
+                        <input type="date" class="form-control" id="exportFromDate" wire:model.defer="exportFromDate">
+                    </div>
+                    <div class="col-md-6">
+                        <label for="exportToDate" class="form-label">Data Fine</label>
+                        <input type="date" class="form-control" id="exportToDate" wire:model.defer="exportToDate">
+                    </div>
+                </div>
+
+                <div class="row mt-4">
+                    <div class="col-12">
+                        <div class="form-check export-method-check">
+                            <input class="form-check-input" type="checkbox" id="sendViaEmail" wire:model.defer="sendViaEmail">
+                            <label class="form-check-label" for="sendViaEmail">
+                                <i class="fas fa-envelope me-2"></i>Invia via Email
+                                <small class="d-block text-muted mt-1">L'export verrà elaborato in background e inviato alla tua email</small>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row mt-3" style="display: none;" id="emailAddressRow">
+                    <div class="col-12">
+                        <label for="exportEmailAddress" class="form-label">
+                            <i class="fas fa-envelope me-1"></i>Indirizzo Email
+                        </label>
+                        <input type="email" class="form-control" id="exportEmailAddress"
+                               wire:model.defer="exportEmailAddress"
+                               placeholder="inserisci@email.com">
+                        <div class="invalid-feedback" id="emailValidationFeedback">
+                            Inserisci un indirizzo email valido
+                        </div>
+                        <small class="form-text text-muted">
+                            Il file Excel verrà inviato a questo indirizzo
+                        </small>
+                    </div>
+                </div>
+
+                <div class="row mt-3" style="display: none;" id="emailSubjectRow">
+                    <div class="col-12">
+                        <label for="exportEmailSubject" class="form-label">
+                            <i class="fas fa-tag me-1"></i>Oggetto Email
+                        </label>
+                        <input type="text" class="form-control" id="exportEmailSubject"
+                               wire:model.defer="exportEmailSubject"
+                               placeholder="Prima Nota - Export">
+                        <small class="form-text text-muted">
+                            Personalizza l'oggetto dell'email
+                        </small>
+                    </div>
+                </div>
+
+                <div class="row mt-3">
+                    <div class="col-12">
+                        <div class="alert alert-info d-flex align-items-start">
+                            <i class="fas fa-info-circle me-2 mt-1"></i>
+                            <div>
+                                <strong>Informazioni Export:</strong>
+                                <ul class="mb-0 mt-1">
+                                    <li>L'export includerà tutti i record nel periodo selezionato</li>
+                                    <li>Verranno applicati i filtri attualmente attivi</li>
+                                    <li id="emailProcessingInfo" style="display: none;">L'elaborazione avverrà in background, potrai continuare a usare l'applicazione</li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer" style="background-color: #FFF!important;">
+                <button type="button" class="btn--ui lightGrey me-2" data-bs-dismiss="modal">ANNULLA</button>
+                <button type="button" class="btn--ui primary" onclick="handleExportClick()" id="exportButton">
+                    <span id="loadingState" style="display: none;">
+                        <div class="spinner-border spinner-border-sm me-2" role="status">
+                            <span class="visually-hidden">Loading...</span>
+                        </div>
+                        ELABORAZIONE...
+                    </span>
+                    <span id="normalState">
+                        <i class="fas fa-download me-1"></i>
+                        ESPORTA
+                    </span>
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="toast-container position-fixed top-0 end-0 p-3" style="z-index: 11000;">
+    <!-- Toasts will be dynamically added here -->
+</div>
+</div>
+
+@push('scripts')
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+@endpush
+
+@push('scripts')
+    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+    <style>
+        .loading-overlay {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: rgba(255, 255, 255, 0.9);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: 1000;
+            border-radius: 4px;
+        }
+
+        .loading-content {
+            text-align: center;
+            color: #0C6197;
+        }
+
+        .loading-content i {
+            margin-bottom: 15px;
+            color: #0C6197;
+        }
+
+        .loading-content p {
+            margin: 0;
+            font-size: 16px;
+            font-weight: 500;
+            color: #10172A;
+        }
+
+        .modal {
+            z-index: 9999 !important;
+        }
+
+        .modal-backdrop {
+            z-index: 9998 !important;
+            background-color: rgba(0, 0, 0, 0.6) !important;
+        }
+
+        .modal-content {
+            border-radius: 8px;
+            border: none;
+            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
+            z-index: 10000 !important;
+        }
+
+        .modal-header {
+            color: white;
+            border-bottom: none;
+            border-radius: 8px 8px 0 0;
+        }
+
+        .modal-header .btn-close {
+            filter: invert(1);
+        }
+
+        .modal-title {
+            font-weight: 600;
+        }
+
+        .varie-link:hover {
+            color: #084c6b !important;
+            text-decoration: underline !important;
+        }
+
+        #btn-back-to-top {
+            background-color: #0C6197;
+            color: white;
+            position: fixed;
+            display: none;
+        }
+
+        #btn-back-to-bottom {
+            background-color: #0C6197;
+            color: white;
+            position: fixed;
+            z-index: 9999;
+            display: none;
+        }
+
+        button[disabled] {
+            opacity: 0.7;
+            cursor: not-allowed;
+        }
+
+        .btn--ui .fa-spinner {
+            margin-right: 5px;
+        }
+
+        .scrollTable {
+            margin-left: 0px;
+            margin-right: 0px;
+            padding: 15px;
+            overflow-x: auto;
+            overflow-y: auto;
+            white-space: nowrap;
+            border: 1px solid #ddd;
+        }
+
+        ::-webkit-scrollbar-thumb {
+            background: #e4e4e4;
+            border-radius: 10px;
+        }
+
+        table thead {
+            position: sticky;
+            z-index: 100;
+            top: 0;
+        }
+
+        .select2-container--default .select2-selection--single {
+            background-color: #E9F0F5;
+            border: 0.0625rem solid #DFE5EB;
+            font-size: 0.75rem;
+            height: 38px !important;
+        }
+
+        .select2-selection__rendered {
+            padding-top: 3px;
+        }
+
+        .select2 {
+            width: 100% !important;
+        }
+
+        .select2-selection--multiple {
+            overflow: hidden !important;
+            height: auto !important;
+        }
+
+        .select2-container {
+            box-sizing: border-box;
+            display: inline-block;
+            margin: 0;
+            position: relative;
+            vertical-align: middle;
+            z-index: 999 !important;
+        }
+
+        .select2-dropdown {
+            z-index: 999 !important;
+        }
+
+        .select2-container .select2-selection--single {
+            box-sizing: border-box;
+            cursor: pointer;
+            display: block;
+            height: 38px;
+            user-select: none;
+            -webkit-user-select: none;
+        }
+
+        .select2-container .select2-selection--single .select2-selection__rendered {
+            display: block;
+            padding-left: 8px;
+            padding-right: 20px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        button#exportDropdown.btn--ui_outline.light {
+            font-weight: normal !important;
+        }
+
+        .btn--ui_outline.light.dropdown-toggle:active,
+        .btn--ui_outline.light.dropdown-toggle:focus,
+        .btn--ui_outline.light.dropdown-toggle.show {
+            background-color: transparent !important;
+            color: #10172A !important;
+            box-shadow: none !important;
+        }
+
+        .btn--ui_outline.light.dropdown-toggle:hover {
+            background-color: transparent !important;
+            color: #10172A !important;
+        }
+
+        .form-select {
+            height: 38px !important;
+        }
+
+        .form-control {
+            height: 43px !important;
+        }
+
+        #exportModal .modal-body {
+            padding: 1.5rem;
+        }
+
+        #exportModal .form-label {
+            font-weight: 600;
+            color: #10172A;
+            margin-bottom: 0.5rem;
+        }
+
+        #exportModal .text-muted {
+            font-size: 0.875rem;
+        }
+
+        .btn--ui[disabled] .fa-spinner {
+            margin-right: 0.5rem;
+        }
+
+        body.modal-open {
+            overflow: hidden;
+        }
+
+        .modal-dialog {
+            z-index: 10001 !important;
+            margin: 1.75rem auto;
+        }
+
+        .list-group-item {
+            border-left: none;
+            border-right: none;
+            border-top: 1px solid #dee2e6;
+            padding: 12px 15px;
+        }
+
+        .list-group-item:first-child {
+            border-top: none;
+        }
+
+        .list-group-item:last-child {
+            border-bottom: none;
+        }
+
+        @media (max-width: 768px) {
+            .col-md-2, .col-md-3, .col-md-4 {
+                margin-bottom: 10px;
+            }
+
+            .prima--nota_buttons {
+                float: none !important;
+                margin-top: 10px !important;
+                text-align: center;
+            }
+        }
+
+        .export-method-check {
+            padding: 16px 16px 16px 50px;
+            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+            border-radius: 8px;
+            border: 2px solid #e9ecef;
+            transition: all 0.3s ease;
+            cursor: pointer;
+            position: relative;
+        }
+
+        .export-method-check:hover {
+            border-color: #0C6197;
+            background: linear-gradient(135deg, #e8f4f8 0%, #d1ecf1 100%);
+        }
+
+        .export-method-check .form-check-input {
+            position: absolute;
+            left: 16px;
+            top: 50%;
+            transform: translateY(-50%);
+            margin: 0;
+            width: 20px;
+            height: 20px;
+            background-color: #fff;
+            border: 2px solid #dee2e6;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+
+        .export-method-check .form-check-input:checked {
+            background-color: #0C6197;
+            border-color: #0C6197;
+        }
+
+        .export-method-check .form-check-input:checked ~ .form-check-label {
+            color: #0C6197;
+            font-weight: 600;
+        }
+
+        .export-method-check .form-check-label {
+            font-weight: 500;
+            color: #495057;
+            cursor: pointer;
+            margin-left: 0;
+            display: block;
+        }
+
+        .form-check-input:focus {
+            border-color: #0C6197;
+            outline: 0;
+            box-shadow: 0 0 0 0.2rem rgba(12, 97, 151, 0.25);
+        }
+        #emailAddressRow.show, #emailSubjectRow.show {
+            display: block !important;
+            animation: slideDown 0.3s ease-out;
+        }
+
+        @keyframes slideDown {
+            from {
+                opacity: 0;
+                transform: translateY(-10px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+
+        .invalid-feedback {
+            display: none;
+        }
+
+        .is-invalid ~ .invalid-feedback {
+            display: block;
+        }
+
+        .alert-info {
+            background-color: rgba(12, 97, 151, 0.1);
+            border-color: rgba(12, 97, 151, 0.2);
+            color: #0C6197;
+        }
+
+        .spinner-border-sm {
+            width: 1rem;
+            height: 1rem;
+        }
+
+        .toast {
+            min-width: 300px;
+        }
+
+        .toast-body {
+            font-weight: 500;
+        }
+
+        .btn--ui:disabled {
+            opacity: 0.7;
+            cursor: not-allowed;
+        }
+
+        .list-group-item {
+            border-left: none;
+            border-right: none;
+            border-top: 1px solid #dee2e6;
+            padding: 12px 15px;
+        }
+
+        .list-group-item:first-child {
+            border-top: none;
+        }
+
+        .list-group-item:last-child {
+            border-bottom: none;
+        }
+
+        .list-group-item.d-flex {
+            display: flex !important;
+            justify-content: space-between !important;
+            align-items: center !important;
+        }
+
+        .list-group-item .badge {
+            font-size: 0.875rem;
+            font-weight: 600;
+        }
+
+        .list-group-item:hover {
+            background-color: rgba(12, 97, 151, 0.05);
+            transition: background-color 0.2s ease;
+        }
+
+        #causalsModal .modal-body {
+            padding: 1rem 0;
+        }
+
+         .loading-overlay {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: rgba(255, 255, 255, 0.9);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: 1000;
+            border-radius: 4px;
+        }
+
+        /* New styles for Custom Day Picker */
+        .day-picker-container {
+            position: relative;
+        }
+
+        .day-picker-dropdown {
+            max-height: 600px;
+            overflow-y: auto;
+            border: 1px solid #dee2e6;
+            background: white;
+            border-radius: 8px;
+            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+            z-index: 1060;
+            animation: slideDown 0.2s ease-out;
+            transform-origin: top;
+        }
+
+        .day-grid {
+            display: grid;
+            grid-template-columns: repeat(7, 1fr);
+            gap: 2px;
+            margin-bottom: 1rem;
+        }
+
+        .day-grid .day-header {
+            text-align: center;
+            font-weight: bold;
+            font-size: 0.75rem;
+            padding: 0.25rem;
+            background-color: #f8f9fa;
+            border-radius: 3px;
+            color: #6c757d;
+        }
+
+        .day-grid .day-button {
+            padding: 0.375rem 0.25rem;
+            font-size: 0.75rem;
+            border: 1px solid #dee2e6;
+            background: white;
+            border-radius: 4px;
+            cursor: pointer;
+            transition: all 0.15s ease-in-out;
+            text-align: center;
+            min-height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .day-grid .day-button:hover:not(.disabled) {
+            background-color: #e9ecef;
+            border-color: #0C6197;
+        }
+
+        .day-grid .day-button.selected {
+            background-color: #0C6197;
+            border-color: #0C6197;
+            color: white;
+        }
+
+        .day-grid .day-button.today {
+            border-color: #28a745;
+            font-weight: bold;
+        }
+
+        .day-grid .day-button.disabled {
+            color: #6c757d;
+            background-color: #f8f9fa;
+            cursor: not-allowed;
+            opacity: 0.5;
+        }
+
+        .day-grid .day-button.other-month {
+            color: #adb5bd;
+            background-color: #f8f9fa;
+        }
+
+        .month-selector.btn-primary {
+            background-color: #0C6197;
+            border-color: #0C6197;
+        }
+
+        .month-selector.btn-outline-secondary:hover {
+            background-color: #6c757d;
+            border-color: #6c757d;
+            color: white;
+        }
+
+        input[type="date"] {
+            background-color: #E9F0F5;
+            border: 0.0625rem solid #DFE5EB;
+            font-size: 0.75rem;
+        }
+
+        input[type="date"]:focus {
+            border-color: #0C6197;
+            box-shadow: 0 0 0 0.2rem rgba(12, 97, 151, 0.25);
+        }
+
+        input[type="date"]::-webkit-calendar-picker-indicator {
+            cursor: pointer;
+            opacity: 0.7;
+            transition: opacity 0.15s ease-in-out;
+        }
+
+        input[type="date"]::-webkit-calendar-picker-indicator:hover {
+            opacity: 1;
+        }
+
+        @media (max-width: 768px) {
+            .day-picker-dropdown {
+                width: 100% !important;
+                max-width: none !important;
+            }
+
+            .day-grid .day-button {
+                font-size: 0.7rem;
+                padding: 0.25rem;
+                min-height: 28px;
+            }
+        }
+
+        .month-picker-container {
+            position: relative;
+        }
+
+        .month-picker-dropdown {
+            max-height: 500px;
+            overflow-y: auto;
+            border: 1px solid #dee2e6;
+            background: white;
+            border-radius: 8px;
+            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+            z-index: 1060;
+        }
+
+        .month-picker-dropdown .btn {
+            font-size: 0.75rem;
+            padding: 0.375rem 0.5rem;
+            border-radius: 4px;
+            transition: all 0.15s ease-in-out;
+        }
+
+        .month-picker-dropdown .btn-sm {
+            font-size: 0.875rem;
+            padding: 0.25rem 0.5rem;
+        }
+
+        .month-picker-dropdown .btn-close {
+            padding: 0.25rem;
+            font-size: 0.75rem;
+        }
+
+        .month-picker-dropdown .btn-primary {
+            background-color: #0C6197;
+            border-color: #0C6197;
+        }
+
+        .month-picker-dropdown .btn-outline-primary {
+            color: #0C6197;
+            border-color: #0C6197;
+        }
+
+        .month-picker-dropdown .btn-outline-primary:hover {
+            background-color: #0C6197;
+            border-color: #0C6197;
+        }
+
+        .month-picker-dropdown .btn-outline-secondary:hover {
+            background-color: #6c757d;
+            border-color: #6c757d;
+        }
+
+        input[type="month"] {
+            background-color: #E9F0F5;
+            border: 0.0625rem solid #DFE5EB;
+            font-size: 0.75rem;
+        }
+
+        input[type="month"]:focus {
+            border-color: #0C6197;
+            box-shadow: 0 0 0 0.2rem rgba(12, 97, 151, 0.25);
+        }
+
+        input[type="month"]::-webkit-calendar-picker-indicator {
+            cursor: pointer;
+            opacity: 0.7;
+            transition: opacity 0.15s ease-in-out;
+        }
+
+        input[type="month"]::-webkit-calendar-picker-indicator:hover {
+            opacity: 1;
+        }
+
+        .alert-info {
+            background-color: rgba(12, 97, 151, 0.1);
+            border-color: rgba(12, 97, 151, 0.2);
+            color: #0C6197;
+            border-radius: 6px;
+        }
+
+        .month-picker-dropdown {
+            animation: slideDown 0.2s ease-out;
+            transform-origin: top;
+        }
+
+        @keyframes slideDown {
+            from {
+                opacity: 0;
+                transform: translateY(-10px) scaleY(0.8);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0) scaleY(1);
+            }
+        }
+
+        @media (max-width: 768px) {
+            .month-picker-dropdown {
+                width: 100% !important;
+                max-width: none !important;
+            }
+
+            .month-picker-dropdown .row.g-1 .col-3 {
+                flex: 0 0 25%;
+                max-width: 25%;
+            }
+        }
+
+        [wire\:transition] {
+            transition: all 0.3s ease-in-out;
+        }
+
+        .select2-container {
+            z-index: 999 !important;
+        }
+
+        .select2-dropdown {
+            z-index: 999 !important;
+        }
+
+        .month-picker-dropdown {
+            z-index: 1060 !important;
+        }
+
+        .month-picker-dropdown .btn-group-sm .btn {
+            padding: 0.25rem 0.5rem;
+            font-size: 0.75rem;
+        }
+
+        .month-picker-container .form-label {
+            font-weight: 600;
+            color: #10172A;
+            margin-bottom: 0.5rem;
+        }
+
+        .month-picker-container .input-group .btn {
+            border-left: 0;
+            background-color: #f8f9fa;
+            border-color: #DFE5EB;
+            color: #6c757d;
+        }
+
+        .month-picker-container .input-group .btn:hover {
+            background-color: #e9ecef;
+            color: #0C6197;
+        }
+
+    </style>
+    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+    <script src="/assets/js/aCollapTable.js"></script>
+@endpush
+
+@push('scripts')
+    <script>
+         let selectedDayValue = '';
+        let currentDisplayMonth = '';
+        let currentDisplayYear = '';
+
+        function initializeDayPicker() {
+            const today = new Date();
+            const selectedDay = @this.get('selectedDay');
+
+            if (selectedDay) {
+                selectedDayValue = selectedDay;
+                const selectedDate = new Date(selectedDay);
+                currentDisplayMonth = String(selectedDate.getMonth() + 1).padStart(2, '0');
+                currentDisplayYear = String(selectedDate.getFullYear());
+            } else {
+                currentDisplayMonth = String(today.getMonth() + 1).padStart(2, '0');
+                currentDisplayYear = String(today.getFullYear());
+            }
+
+            updateDayGrid();
+        }
+
+        function updateDayGrid() {
+            const dayGrid = document.getElementById('dayGrid');
+            if (!dayGrid) return;
+
+            const year = parseInt(currentDisplayYear);
+            const month = parseInt(currentDisplayMonth);
+            const today = new Date();
+            const selectedDate = selectedDayValue ? new Date(selectedDayValue) : null;
+
+            dayGrid.innerHTML = '';
+
+            const dayHeaders = ['Dom', 'Lun', 'Mar', 'Mer', 'Gio', 'Ven', 'Sab'];
+            dayHeaders.forEach(header => {
+                const headerDiv = document.createElement('div');
+                headerDiv.className = 'day-header';
+                headerDiv.textContent = header;
+                dayGrid.appendChild(headerDiv);
+            });
+
+            const firstDay = new Date(year, month - 1, 1);
+            const lastDay = new Date(year, month, 0);
+            const startDate = new Date(firstDay);
+            startDate.setDate(startDate.getDate() - firstDay.getDay());
+
+            for (let i = 0; i < 42; i++) {
+                const currentDate = new Date(startDate);
+                currentDate.setDate(startDate.getDate() + i);
+
+                const dayButton = document.createElement('button');
+                dayButton.type = 'button';
+                dayButton.className = 'day-button';
+                dayButton.textContent = currentDate.getDate();
+
+                const isCurrentMonth = currentDate.getMonth() === month - 1;
+                const isToday = currentDate.toDateString() === today.toDateString();
+                const isSelected = selectedDate && currentDate.toDateString() === selectedDate.toDateString();
+
+                if (!isCurrentMonth) {
+                    dayButton.classList.add('other-month');
+                }
+
+                if (isToday) {
+                    dayButton.classList.add('today');
+                }
+
+                if (isSelected) {
+                    dayButton.classList.add('selected');
+                }
+
+                const dateString = currentDate.getFullYear() + '-' +
+                                 String(currentDate.getMonth() + 1).padStart(2, '0') + '-' +
+                                 String(currentDate.getDate()).padStart(2, '0');
+
+                dayButton.addEventListener('click', function() {
+                    document.querySelectorAll('.day-button.selected').forEach(btn => {
+                        btn.classList.remove('selected');
+                    });
+
+                    this.classList.add('selected');
+                    selectedDayValue = dateString;
+                });
+
+                dayGrid.appendChild(dayButton);
+            }
+        }
+
+        document.addEventListener('click', function(event) {
+            if (event.target.classList.contains('month-selector')) {
+                const month = event.target.getAttribute('data-month');
+                currentDisplayMonth = month;
+
+                document.querySelectorAll('.month-selector').forEach(btn => {
+                    btn.classList.remove('btn-primary');
+                    btn.classList.add('btn-outline-secondary');
+                });
+                event.target.classList.remove('btn-outline-secondary');
+                event.target.classList.add('btn-primary');
+
+                updateDayGrid();
+            }
+        });
+
+        document.addEventListener('click', function(event) {
+            if (event.target.id === 'confirmDaySelection') {
+                if (selectedDayValue) {
+                    @this.call('selectDay', selectedDayValue);
+                }
+            }
+        });
+
+        document.addEventListener('click', function(event) {
+            const dayPicker = document.querySelector('.day-picker-dropdown');
+            const dayPickerContainer = document.querySelector('.day-picker-container');
+
+            if (dayPicker && dayPickerContainer && !dayPickerContainer.contains(event.target)) {
+                @this.set('showDayPicker', false);
+            }
+        });
+
+        document.addEventListener('livewire:updated', function() {
+            const dayPicker = document.querySelector('.day-picker-dropdown');
+            if (dayPicker) {
+                initializeDayPicker();
+            }
+        });
+
+        function closeSelect2Dropdowns() {
+            $('.filterCausals').each(function() {
+                if ($(this).hasClass('select2-hidden-accessible')) {
+                    $(this).select2('close');
+                }
+            });
+            $('.filterMember').each(function() {
+                if ($(this).hasClass('select2-hidden-accessible')) {
+                    $(this).select2('close');
+                }
+            });
+        }
+
+        function load() {
+            $(document).ready(function(){
+                $(document).on("keypress", $('.filterCausals'), function (e) {
+                    setTimeout(() => {
+                        $(".select2-results__option").each(function(){
+                            var txt = $(this).html();
+                            var count = (txt.match(/-/g) || []).length;
+                            $(this).addClass('paddingLeftSelect' + count);
+                        });
+                    }, 100);
+                });
+
+                if (!$('.filterCausals').hasClass('select2-hidden-accessible')) {
+                    $('.filterCausals').select2({
+                        "language": {"noResults": function(){return "Nessun risultato";}},
+                        "dropdownParent": $('body'),
+                        "width": "100%"
+                    });
+                }
+
+                $('.filterCausals').off('change.customHandler').on('change.customHandler', function (e) {
+                    var data = $('.filterCausals').select2("val");
+                    @this.set('filterCausals', data);
+                });
+
+                $('.filterCausals').off('select2:open.customHandler').on('select2:open.customHandler', function (e) {
+                    if ($('#causalsModal').hasClass('show')) {
+                        $('#causalsModal').modal('hide');
+                    }
+
+                    setTimeout(() => {
+                        $(".select2-results__option").each(function(){
+                            var txt = $(this).html();
+                            var count = (txt.match(/-/g) || []).length;
+                            $(this).addClass('paddingLeftSelect' + count);
+                        });
+                    }, 100);
+                });
+
+                if (!$('.filterMember').hasClass('select2-hidden-accessible')) {
+                    $('.filterMember').select2({
+                        "language": {"noResults": function(){return "Nessun risultato";}},
+                        "dropdownParent": $('body'),
+                        "width": "100%"
+                    });
+                }
+
+                $('.filterMember').off('change.customHandler').on('change.customHandler', function (e) {
+                    var data = $('.filterMember').select2("val");
+                    @this.set('filterMember', data);
+                });
+
+                $('.filterMember').off('select2:open.customHandler').on('select2:open.customHandler', function (e) {
+                    if ($('#causalsModal').hasClass('show')) {
+                        $('#causalsModal').modal('hide');
+                    }
+                });
+            });
+        }
+
+        function printData() {
+            var divToPrint = document.getElementById("tablesaw-350");
+            newWin = window.open("");
+            var htmlToPrint = '' +
+                '<style type="text/css">' +
+                'table th, table td {' +
+                'border:1px solid #000;' +
+                'padding:0.5em;' +
+                '}' +
+                '</style>';
+            htmlToPrint += divToPrint.outerHTML;
+            newWin.document.write(htmlToPrint);
+            newWin.document.close();
+            newWin.print();
+            newWin.close();
+        }
+
+        function scrollFunction() {
+            const element = document.getElementById('resume-table');
+            const mybuttonBottom = document.getElementById("btn-back-to-bottom");
+            const mybutton = document.getElementById("btn-back-to-top");
+
+            if (element.scrollTop > 20) {
+                mybutton.style.display = "block";
+                mybuttonBottom.style.display = "block";
+            } else {
+                mybutton.style.display = "none";
+                mybuttonBottom.style.display = "none";
+            }
+        }
+
+        function backToTop() {
+            $('#resume-table').scrollTop(0);
+        }
+
+        function backToBottom() {
+            $('#resume-table').scrollTop($('#resume-table')[0].scrollHeight);
+        }
+
+        $(document).ready(function() {
+            load();
+
+            document.querySelector("#print").addEventListener("click", function(){
+                printData();
+            });
+
+            const element = document.getElementById('resume-table');
+            element.onscroll = scrollFunction;
+
+            const mybuttonBottom = document.getElementById("btn-back-to-bottom");
+            const mybutton = document.getElementById("btn-back-to-top");
+
+            mybutton.addEventListener("click", backToTop);
+            mybuttonBottom.addEventListener("click", backToBottom);
+
+            $(document).on('click', '.varie-link', function(e) {
+                e.preventDefault();
+                e.stopPropagation();
+
+                closeSelect2Dropdowns();
+
+                const causalsData = $(this).data('causals');
+
+                if (causalsData) {
+                    const causals = causalsData.split('|');
+
+                    $('#causalsList').empty();
+
+                    causals.forEach(function(causal) {
+                        if (causal.trim()) {
+                            if (causal.includes(':::')) {
+                                const parts = causal.split(':::');
+                                const causalName = parts[0].trim();
+                                const amount = parts[1].trim();
+
+                                $('#causalsList').append(
+                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
+                                    '<div>' +
+                                    '<i class="fas fa-tags me-2" style="color: #0C6197;"></i>' +
+                                    causalName +
+                                    '</div>' +
+                                    '<span class="badge bg-primary rounded-pill" style="background-color: #0C6197 !important;">' +
+                                    amount +
+                                    '</span>' +
+                                    '</li>'
+                                );
+                            } else {
+                                $('#causalsList').append(
+                                    '<li class="list-group-item">' +
+                                    '<i class="fas fa-tags me-2" style="color: #0C6197;"></i>' +
+                                    causal.trim() +
+                                    '</li>'
+                                );
+                            }
+                        }
+                    });
+
+                    $('#causalsModal').modal('show');
+
+                    $('#causalsModal').on('shown.bs.modal', function () {
+                        $(this).find('.btn-close').focus();
+                    });
+                }
+            });
+        });
+        Livewire.on('load-table', () => {
+            load();
+        });
+
+        Livewire.on('load-select', () => {
+            load();
+        });
+
+        Livewire.on('filters-reset', () => {
+            $('.filterMember').val('').trigger('change');
+            $('.filterCausals').val('').trigger('change');
+            load();
+        });
+
+        Livewire.on('show-export-modal', () => {
+            $('#exportModal').modal('show');
+        });
+
+        Livewire.on('hide-export-modal', () => {
+            $('#exportModal').modal('hide');
+        });
+
+        function showToast(type, message, duration = 5000) {
+            const toastContainer = document.querySelector('.toast-container');
+            if (!toastContainer) {
+                console.error('Toast container not found');
+                return;
+            }
+
+            const toastId = 'toast-' + Date.now();
+
+            const toastColors = {
+                success: 'bg-success',
+                error: 'bg-danger',
+                warning: 'bg-warning',
+                info: 'bg-info'
+            };
+
+            const toastIcons = {
+                success: 'fa-check-circle',
+                error: 'fa-exclamation-circle',
+                warning: 'fa-exclamation-triangle',
+                info: 'fa-info-circle'
+            };
+
+            const toast = document.createElement('div');
+            toast.id = toastId;
+            toast.className = `toast align-items-center text-white ${toastColors[type]} border-0`;
+            toast.setAttribute('role', 'alert');
+            toast.innerHTML = `
+                <div class="d-flex">
+                    <div class="toast-body">
+                        <i class="fas ${toastIcons[type]} me-2"></i>
+                        ${message}
+                    </div>
+                    <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"></button>
+                </div>
+            `;
+
+            toastContainer.appendChild(toast);
+
+            if (typeof bootstrap !== 'undefined') {
+                const bsToast = new bootstrap.Toast(toast, { delay: duration });
+                bsToast.show();
+
+                toast.addEventListener('hidden.bs.toast', function() {
+                    if (toastContainer.contains(toast)) {
+                        toastContainer.removeChild(toast);
+                    }
+                });
+
+                return bsToast;
+            } else {
+                toast.style.display = 'block';
+                setTimeout(() => {
+                    if (toastContainer.contains(toast)) {
+                        toastContainer.removeChild(toast);
+                    }
+                }, duration);
+            }
+        }
+
+        document.addEventListener('DOMContentLoaded', function() {
+            const sendViaEmailCheckbox = document.getElementById('sendViaEmail');
+            const emailAddressRow = document.getElementById('emailAddressRow');
+            const emailSubjectRow = document.getElementById('emailSubjectRow');
+            const emailProcessingInfo = document.getElementById('emailProcessingInfo');
+            const exportIcon = document.getElementById('exportIcon');
+            const exportButtonText = document.getElementById('exportButtonText');
+            const emailInput = document.getElementById('exportEmailAddress');
+
+            function toggleEmailFields() {
+                if (sendViaEmailCheckbox && sendViaEmailCheckbox.checked) {
+                    if (emailAddressRow) {
+                        emailAddressRow.style.display = 'block';
+                        emailAddressRow.classList.add('show');
+                    }
+                    if (emailSubjectRow) {
+                        emailSubjectRow.style.display = 'block';
+                        emailSubjectRow.classList.add('show');
+                    }
+                    if (emailProcessingInfo) {
+                        emailProcessingInfo.style.display = 'list-item';
+                    }
+
+                    if (exportIcon) exportIcon.className = 'fas fa-paper-plane me-1';
+                    if (exportButtonText) exportButtonText.textContent = 'INVIA EMAIL';
+                } else {
+                    if (emailAddressRow) {
+                        emailAddressRow.style.display = 'none';
+                        emailAddressRow.classList.remove('show');
+                    }
+                    if (emailSubjectRow) {
+                        emailSubjectRow.style.display = 'none';
+                        emailSubjectRow.classList.remove('show');
+                    }
+                    if (emailProcessingInfo) {
+                        emailProcessingInfo.style.display = 'none';
+                    }
+
+                    if (exportIcon) exportIcon.className = 'fas fa-download me-1';
+                    if (exportButtonText) exportButtonText.textContent = 'ESPORTA';
+                }
+            }
+
+            function validateEmail(email) {
+                const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+                return emailRegex.test(email);
+            }
+
+            if (sendViaEmailCheckbox) {
+                sendViaEmailCheckbox.addEventListener('change', toggleEmailFields);
+            }
+
+            if (emailInput) {
+                emailInput.addEventListener('blur', function() {
+                    if (sendViaEmailCheckbox && sendViaEmailCheckbox.checked && this.value) {
+                        if (validateEmail(this.value)) {
+                            this.classList.remove('is-invalid');
+                            this.classList.add('is-valid');
+                        } else {
+                            this.classList.remove('is-valid');
+                            this.classList.add('is-invalid');
+                        }
+                    }
+                });
+
+                emailInput.addEventListener('input', function() {
+                    this.classList.remove('is-invalid', 'is-valid');
+                });
+            }
+
+            if (typeof $ !== 'undefined') {
+                $('#exportModal').on('shown.bs.modal', function() {
+                    toggleEmailFields();
+                });
+            }
+        });
+
+        document.addEventListener('livewire:load', function () {
+            console.log('Livewire loaded, setting up export event listeners');
+
+            Livewire.on('export-email-queued', function() {
+                console.log('Export email queued event received');
+                showToast('info',
+                    '<strong>Export avviato!</strong><br>' +
+                    'L\'elaborazione è in corso in background. Riceverai l\'email a breve.',
+                    8000
+                );
+            });
+
+            Livewire.on('export-email-sent', function() {
+                console.log('Export email sent event received');
+                showToast('success',
+                    '<strong>Email inviata!</strong><br>' +
+                    'L\'export è stato completato e inviato alla tua email.',
+                    6000
+                );
+            });
+
+            Livewire.on('export-email-error', function(message) {
+                console.log('Export email error event received:', message);
+                showToast('error',
+                    '<strong>Errore nell\'export:</strong><br>' +
+                    (message || 'Si è verificato un errore durante l\'elaborazione.'),
+                    10000
+                );
+            });
+
+            Livewire.on('show-export-modal', function() {
+                console.log('Show export modal event received');
+                if (typeof $ !== 'undefined') {
+                    $('#exportModal').modal('show');
+                }
+            });
+
+            Livewire.on('hide-export-modal', function() {
+                console.log('Hide export modal event received');
+                if (typeof $ !== 'undefined') {
+                    $('#exportModal').modal('hide');
+                }
+            });
+        });
+
+        if (typeof Livewire !== 'undefined') {
+            document.addEventListener('livewire:initialized', function () {
+                console.log('Livewire initialized, setting up export event listeners');
+
+                Livewire.on('export-email-queued', function() {
+                    showToast('info',
+                        '<strong>Export avviato!</strong><br>' +
+                        'L\'elaborazione è in corso in background. Riceverai l\'email a breve.',
+                        8000
+                    );
+                });
+
+                Livewire.on('export-email-sent', function() {
+                    showToast('success',
+                        '<strong>Email inviata!</strong><br>' +
+                        'L\'export è stato completato e inviato alla tua email.',
+                        6000
+                    );
+                });
+
+                Livewire.on('export-email-error', function(message) {
+                    showToast('error',
+                        '<strong>Errore nell\'export:</strong><br>' +
+                        (message || 'Si è verificato un errore durante l\'elaborazione.'),
+                        10000
+                    );
+                });
+
+                Livewire.on('show-export-modal', function() {
+                    if (typeof $ !== 'undefined') {
+                        $('#exportModal').modal('show');
+                    }
+                });
+
+                Livewire.on('hide-export-modal', function() {
+                    if (typeof $ !== 'undefined') {
+                        $('#exportModal').modal('hide');
+                    }
+                });
+            });
+        }
+
+        window.addEventListener('load', function() {
+            if (typeof showToast === 'function') {
+                console.log('showToast function is available globally');
+            } else {
+                console.error('showToast function is not available globally');
+            }
+        });
+
+
+        function handleExportClick() {
+            showExportLoading();
+
+            @this.call('exportWithDateRange');
+        }
+
+        function showExportLoading() {
+            document.getElementById('normalState').style.display = 'none';
+            document.getElementById('loadingState').style.display = 'inline-flex';
+            document.getElementById('exportButton').disabled = true;
+        }
+
+        function hideExportLoading() {
+            document.getElementById('normalState').style.display = 'inline-flex';
+            document.getElementById('loadingState').style.display = 'none';
+            document.getElementById('exportButton').disabled = false;
+        }
+
+        Livewire.on('export-complete', function() {
+            hideExportLoading();
+        });
+
+        Livewire.on('hide-export-modal', function() {
+            hideExportLoading();
+        });
+
+        function setupSimpleExportListeners() {
+            if (typeof Livewire !== 'undefined') {
+                Livewire.on('export-email-queued', function() {
+                    setTimeout(() => {
+                        hideExportLoading();
+                        $('#exportModal').modal('hide');
+
+                        showToast('success',
+                            '<i class="fas fa-paper-plane me-2"></i>' +
+                            '<strong>Export avviato!</strong><br>' +
+                            'Riceverai l\'email a breve.',
+                            6000
+                        );
+                    }, 1500);
+                });
+
+                Livewire.on('export-complete', function() {
+                    hideExportLoading();
+                });
+
+                Livewire.on('hide-export-modal', function() {
+                    hideExportLoading();
+                    $('#exportModal').modal('hide');
+                });
+            }
+        }
+        document.addEventListener('DOMContentLoaded', function() {
+            document.addEventListener('click', function(event) {
+                const monthPicker = document.querySelector('.month-picker-dropdown');
+                const monthPickerContainer = document.querySelector('.month-picker-container');
+
+                if (monthPicker && monthPickerContainer && !monthPickerContainer.contains(event.target)) {
+                    if (typeof @this !== 'undefined') {
+                        @this.set('showMonthPicker', false);
+                    }
+                }
+            });
+
+            document.addEventListener('keydown', function(event) {
+                if (event.key === 'Escape') {
+                    if (typeof @this !== 'undefined') {
+                        @this.set('showMonthPicker', false);
+                    }
+                }
+            });
+
+            document.addEventListener('click', function(event) {
+                const monthPickerDropdown = event.target.closest('.month-picker-dropdown');
+                if (monthPickerDropdown) {
+                    event.stopPropagation();
+                }
+            });
+        });
+
+        function resetFiltersWithMonthPicker() {
+            $('.filterMember').val('').trigger('change');
+            $('.filterCausals').val('').trigger('change');
+
+            if (typeof @this !== 'undefined') {
+                @this.call('resetFilters');
+            }
+
+            load();
+        }
+
+        if (typeof Livewire !== 'undefined') {
+            Livewire.on('filters-applied', function() {
+                console.log('Filters applied with month picker');
+            });
+
+            Livewire.on('filters-reset', function() {
+                console.log('Filters reset including month picker');
+                load();
+            });
+        }
+
+        function initializeMonthPicker() {
+            const monthPickerDropdown = document.querySelector('.month-picker-dropdown');
+            if (monthPickerDropdown) {
+                monthPickerDropdown.style.opacity = '0';
+                monthPickerDropdown.style.transform = 'translateY(-10px)';
+
+                setTimeout(() => {
+                    monthPickerDropdown.style.transition = 'all 0.2s ease-out';
+                    monthPickerDropdown.style.opacity = '1';
+                    monthPickerDropdown.style.transform = 'translateY(0)';
+                }, 10);
+            }
+        }
+
+        document.addEventListener('livewire:updated', function() {
+            initializeMonthPicker();
+        });
+    </script>
+@endpush

resources/views/livewire/records_out.blade.php

@@ -234,18 +234,33 @@
                         </div>
 
                         <div class="row gx-2 mt-5">
-                            <span class="title-form d-block w-100">Metodo di pagamento</span>
-
-                            <div class="col-md-12">
-                                <select name="payment_method_id" class="form-select paymentClass @error('payment_method_id') is-invalid @enderror" aria-label="Seleziona un metodo di pagamento" wire:model="payment_method_id">
-                                    <option value="">--Seleziona--
-                                    @foreach($payments as $payment)
-                                        <option value="{{$payment->id}}">{{$payment->name}}
-                                    @endforeach
-                                </select>
-                                @error('payment_method_id')
-                                    <div class="invalid-feedback">{{ $message }}</div>
-                                @enderror
+                            <div class="col-6">
+                                <span class="title-form d-block w-100">Metodo di pagamento</span>
+                                <div class="col-md-12">
+                                    <select name="payment_method_id" class="form-select paymentClass @error('payment_method_id') is-invalid @enderror" aria-label="Seleziona un metodo di pagamento" wire:model="payment_method_id">
+                                        <option value="">--Seleziona--
+                                        @foreach($payments as $payment)
+                                            <option value="{{$payment->id}}">{{$payment->name}}
+                                        @endforeach
+                                    </select>
+                                    @error('payment_method_id')
+                                        <div class="invalid-feedback">{{ $message }}</div>
+                                    @enderror
+                                </div>
+                            </div>
+                            <div class="col-6">
+                                <span class="title-form d-block w-100">Origine</span>
+                                <div class="col-md-12">
+                                    <select name="origin_id" class="form-select" aria-label="Seleziona un origine" wire:model="origin_id">
+                                        <option value="">--Seleziona--
+                                        @foreach($banks as $bank)
+                                            <option value="{{$bank->id}}">{{$bank->name}}
+                                        @endforeach
+                                    </select>
+                                    @error('origin_id')
+                                        <div class="invalid-feedback">{{ $message }}</div>
+                                    @enderror
+                                </div>
                             </div>
                         </div>
 

resources/views/livewire/settings.blade.php

@@ -115,7 +115,7 @@
             <div id="contabilita">
                 <a href="/banks">
                     <div class="row">
-                        <div class="col-md-11 p-2"><h5>Banche</h5></div>
+                        <div class="col-md-11 p-2"><h5>Canali finanziari</h5></div>
                         <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                     </div>
                 </a>