diff --git a/app/Exports/TechnicianReportExport.php b/app/Exports/TechnicianReportExport.php
new file mode 100644
index 0000000..67fe940
--- /dev/null
+++ b/app/Exports/TechnicianReportExport.php
@@ -0,0 +1,411 @@
+<?php
+
+namespace App\Exports;
+
+use App\Services\TechnicianReportService;
+use Maatwebsite\Excel\Concerns\FromCollection;
+use Maatwebsite\Excel\Concerns\WithHeadings;
+use Maatwebsite\Excel\Concerns\WithStyles;
+use Maatwebsite\Excel\Concerns\WithColumnWidths;
+use Maatwebsite\Excel\Concerns\WithEvents;
+use Maatwebsite\Excel\Events\AfterSheet;
+use PhpOffice\PhpSpreadsheet\Worksheet\Worksheet;
+use PhpOffice\PhpSpreadsheet\Style\Alignment;
+use PhpOffice\PhpSpreadsheet\Style\Fill;
+use PhpOffice\PhpSpreadsheet\Style\Border;
+use Illuminate\Support\Facades\Log;
+use Carbon\Carbon;
+
+class TechnicianReportExport implements FromCollection, WithHeadings, WithStyles, WithColumnWidths, WithEvents
+{
+    protected $dealerId;
+    protected $startDate;
+    protected $endDate;
+    protected $technicianReportService;
+    protected $mechanics;
+    protected $headings;
+    protected $filterInfo;
+
+    public function __construct($dealerId = null, $startDate = null, $endDate = null)
+    {
+        $this->dealerId = $dealerId;
+        $this->startDate = $startDate;
+        $this->endDate = $endDate;
+        $this->technicianReportService = new TechnicianReportService();
+        
+        // Get mechanics and prepare headings
+        $this->prepareHeadings();
+        $this->prepareFilterInfo();
+    }
+
+    private function prepareHeadings()
+    {
+        try {
+            $reportData = $this->technicianReportService->getTechnicianReportData(
+                $this->dealerId, 
+                $this->startDate, 
+                $this->endDate
+            );
+            
+            $this->mechanics = $reportData['mechanics'];
+            
+            // Build headings - simplified structure
+            $this->headings = [
+                'No',
+                'Nama Pekerjaan',
+                'Kode Pekerjaan',
+                'Kategori'
+            ];
+            
+            // Add mechanic columns (only total, no completed/pending)
+            foreach ($this->mechanics as $mechanic) {
+                $mechanicName = $this->cleanName($mechanic->name);
+                $this->headings[] = $mechanicName;
+            }
+            
+            // Add total column at the end
+            $this->headings[] = 'Total';
+            
+        } catch (\Exception $e) {
+            Log::error('Error preparing headings: ' . $e->getMessage());
+            $this->headings = ['Error preparing data'];
+            $this->mechanics = collect();
+        }
+    }
+
+    private function prepareFilterInfo()
+    {
+        $this->filterInfo = [];
+        
+        // Dealer filter
+        if ($this->dealerId) {
+            $dealer = \App\Models\Dealer::find($this->dealerId);
+            $dealerName = $dealer ? $dealer->name : 'Unknown Dealer';
+            $this->filterInfo[] = "Dealer: {$dealerName}";
+        } else {
+            $this->filterInfo[] = "Dealer: Semua Dealer";
+        }
+        
+        // Date range filter
+        if ($this->startDate && $this->endDate) {
+            $startDateFormatted = Carbon::parse($this->startDate)->format('d/m/Y');
+            $endDateFormatted = Carbon::parse($this->endDate)->format('d/m/Y');
+            $this->filterInfo[] = "Periode: {$startDateFormatted} - {$endDateFormatted}";
+        } elseif ($this->startDate) {
+            $startDateFormatted = Carbon::parse($this->startDate)->format('d/m/Y');
+            $this->filterInfo[] = "Tanggal Mulai: {$startDateFormatted}";
+        } elseif ($this->endDate) {
+            $endDateFormatted = Carbon::parse($this->endDate)->format('d/m/Y');
+            $this->filterInfo[] = "Tanggal Akhir: {$endDateFormatted}";
+        } else {
+            $this->filterInfo[] = "Periode: Semua Periode";
+        }
+        
+        // Export date
+        $exportDate = Carbon::now()->format('d/m/Y H:i:s');
+        $this->filterInfo[] = "Tanggal Export: {$exportDate}";
+    }
+
+    /**
+     * Clean name for Excel compatibility
+     */
+    private function cleanName($name)
+    {
+        // Remove special characters and limit length
+        $cleaned = preg_replace('/[^a-zA-Z0-9\s]/', '', $name);
+        $cleaned = trim($cleaned);
+        
+        // Limit to 31 characters (Excel sheet name limit)
+        if (strlen($cleaned) > 31) {
+            $cleaned = substr($cleaned, 0, 31);
+        }
+        
+        return $cleaned ?: 'Unknown';
+    }
+
+    public function collection()
+    {
+        try {
+            $reportData = $this->technicianReportService->getTechnicianReportData(
+                $this->dealerId, 
+                $this->startDate, 
+                $this->endDate
+            );
+            $data = [];
+            $no = 1;
+            $columnTotals = [];
+            foreach ($this->mechanics as $mechanic) {
+                $columnTotals["mechanic_{$mechanic->id}_total"] = 0;
+            }
+            $columnTotals['row_total'] = 0;
+            foreach ($reportData['data'] as $row) {
+                $rowTotal = 0;
+                $exportRow = [
+                    $no++,
+                    $row['work_name'],
+                    $row['work_code'],
+                    $row['category_name']
+                ];
+                foreach ($this->mechanics as $mechanic) {
+                    $mechanicTotal = $row["mechanic_{$mechanic->id}_total"] ?? 0;
+                    $exportRow[] = $mechanicTotal;
+                    $rowTotal += $mechanicTotal;
+                    $columnTotals["mechanic_{$mechanic->id}_total"] += $mechanicTotal;
+                }
+                $exportRow[] = $rowTotal;
+                $columnTotals['row_total'] += $rowTotal;
+                $data[] = $exportRow;
+            }
+            // Add total row
+            $totalRow = ['', 'TOTAL', '', ''];
+            foreach ($this->mechanics as $mechanic) {
+                $totalRow[] = $columnTotals["mechanic_{$mechanic->id}_total"];
+            }
+            $totalRow[] = $columnTotals['row_total'];
+            $data[] = $totalRow;
+            return collect($data);
+        } catch (\Exception $e) {
+            Log::error('Error in collection: ' . $e->getMessage());
+            return collect([['Error loading data']]);
+        }
+    }
+
+    public function headings(): array
+    {
+        return $this->headings;
+    }
+
+    public function styles(Worksheet $sheet)
+    {
+        try {
+            $lastColumn = $sheet->getHighestColumn();
+            $lastRow = $sheet->getHighestRow();
+            
+            // Calculate positions
+            $titleRow = 1;
+            $headerRow = 1; // Headers are now in row 2
+            $dataStartRow = 2; // Data starts in row 3
+            
+            // Calculate total row position (after data)
+            $dataRows = count($this->technicianReportService->getTechnicianReportData($this->dealerId, $this->startDate, $this->endDate)['data']);
+            $totalRow = $dataStartRow + $dataRows;
+            $filterStartRow = $totalRow + 2; // After total row + empty row
+            
+            // Style the title row (row 1)
+            $sheet->getStyle('A' . $titleRow . ':' . $lastColumn . $titleRow)->applyFromArray([
+                'font' => [
+                    'bold' => true,
+                    'size' => 16,
+                ],
+                'alignment' => [
+                    'horizontal' => Alignment::HORIZONTAL_CENTER,
+                    'vertical' => Alignment::VERTICAL_CENTER,
+                ],
+            ]);
+            
+            // Header styling (row 2)
+            $sheet->getStyle('A' . $headerRow . ':' . $lastColumn . $headerRow)->applyFromArray([
+                'font' => [
+                    'bold' => true,
+                    'color' => ['rgb' => 'FFFFFF'],
+                    'size' => 10,
+                ],
+                'fill' => [
+                    'fillType' => Fill::FILL_SOLID,
+                    'startColor' => ['rgb' => '2E5BBA'],
+                ],
+                'alignment' => [
+                    'horizontal' => Alignment::HORIZONTAL_CENTER,
+                    'vertical' => Alignment::VERTICAL_CENTER,
+                ],
+                'borders' => [
+                    'allBorders' => [
+                        'borderStyle' => Border::BORDER_THIN,
+                        'color' => ['rgb' => '000000'],
+                    ],
+                ],
+            ]);
+            
+            // Data styling (starting from row 3)
+            if ($lastRow > $headerRow) {
+                $dataEndRow = $totalRow;
+                $sheet->getStyle('A' . $dataStartRow . ':' . $lastColumn . $dataEndRow)->applyFromArray([
+                    'borders' => [
+                        'allBorders' => [
+                            'borderStyle' => Border::BORDER_THIN,
+                            'color' => ['rgb' => '000000'],
+                        ],
+                    ],
+                    'alignment' => [
+                        'horizontal' => Alignment::HORIZONTAL_CENTER,
+                        'vertical' => Alignment::VERTICAL_CENTER,
+                    ],
+                ]);
+                
+                // Left align text columns
+                $sheet->getStyle('B' . $dataStartRow . ':D' . $dataEndRow)->getAlignment()->setHorizontal(Alignment::HORIZONTAL_LEFT);
+                
+                // Style the total row
+                $sheet->getStyle('A' . $totalRow . ':' . $lastColumn . $totalRow)->applyFromArray([
+                    'font' => [
+                        'bold' => true,
+                        'size' => 11,
+                    ],
+                    'fill' => [
+                        'fillType' => Fill::FILL_SOLID,
+                        'startColor' => ['rgb' => 'F2F2F2'],
+                    ],
+                    'borders' => [
+                        'allBorders' => [
+                            'borderStyle' => Border::BORDER_THIN,
+                            'color' => ['rgb' => '000000'],
+                        ],
+                    ],
+                ]);
+            }
+            
+            // Style the export information section
+            if ($filterStartRow <= $lastRow) {
+                $exportInfoRow = $totalRow + 2; // After total row + empty row
+                $filterEndRow = $lastRow;
+                
+                // Style the "INFORMASI EXPORT" title
+                $sheet->getStyle('A' . $exportInfoRow . ':' . $lastColumn . $exportInfoRow)->applyFromArray([
+                    'font' => [
+                        'bold' => true,
+                        'size' => 12,
+                    ],
+                    'fill' => [
+                        'fillType' => Fill::FILL_SOLID,
+                        'startColor' => ['rgb' => 'E6E6E6'],
+                    ],
+                    'alignment' => [
+                        'horizontal' => Alignment::HORIZONTAL_LEFT,
+                        'vertical' => Alignment::VERTICAL_CENTER,
+                    ],
+                ]);
+                
+                // Style the filter info rows
+                $filterInfoStartRow = $exportInfoRow + 3; // After title + empty + "Filter yang Digunakan:"
+                $sheet->getStyle('A' . $filterInfoStartRow . ':' . $lastColumn . $filterEndRow)->applyFromArray([
+                    'font' => [
+                        'size' => 10,
+                    ],
+                    'alignment' => [
+                        'horizontal' => Alignment::HORIZONTAL_LEFT,
+                        'vertical' => Alignment::VERTICAL_TOP,
+                    ],
+                ]);
+            }
+            
+            // Auto-size columns
+            foreach (range('A', $lastColumn) as $column) {
+                $sheet->getColumnDimension($column)->setAutoSize(true);
+            }
+            
+        } catch (\Exception $e) {
+            Log::error('Error applying styles: ' . $e->getMessage());
+        }
+    }
+
+    public function columnWidths(): array
+    {
+        $widths = [
+            'A' => 8,   // No
+            'B' => 30,  // Nama Pekerjaan
+            'C' => 15,  // Kode Pekerjaan
+            'D' => 20,  // Kategori
+        ];
+        
+        // Add widths for mechanic columns
+        $currentColumn = 'E';
+        foreach ($this->mechanics as $mechanic) {
+            $widths[$currentColumn++] = 15; // Mechanic total
+        }
+        
+        // Add width for total column
+        $widths[$currentColumn] = 15; // Total
+        
+        return $widths;
+    }
+
+    public function registerEvents(): array
+    {
+        return [
+            AfterSheet::class => function(AfterSheet $event) {
+                $sheet = $event->sheet->getDelegate();
+                $highestColumn = $sheet->getHighestColumn();
+                $highestRow = $sheet->getHighestRow();
+                // Header styling ONLY for row 1
+                $sheet->getStyle('A1:' . $highestColumn . '1')->applyFromArray([
+                    'font' => [
+                        'bold' => true,
+                        'color' => ['rgb' => 'FFFFFF'],
+                        'size' => 10,
+                    ],
+                    'fill' => [
+                        'fillType' => Fill::FILL_SOLID,
+                        'startColor' => ['rgb' => '2E5BBA'],
+                    ],
+                    'alignment' => [
+                        'horizontal' => Alignment::HORIZONTAL_CENTER,
+                        'vertical' => Alignment::VERTICAL_CENTER,
+                    ],
+                    'borders' => [
+                        'allBorders' => [
+                            'borderStyle' => Border::BORDER_THIN,
+                            'color' => ['rgb' => '000000'],
+                        ],
+                    ],
+                ]);
+                // Total row styling (only last row)
+                $sheet->getStyle('A' . $highestRow . ':' . $highestColumn . $highestRow)->applyFromArray([
+                    'font' => [
+                        'bold' => true,
+                        'size' => 11,
+                    ],
+                    'fill' => [
+                        'fillType' => Fill::FILL_SOLID,
+                        'startColor' => ['rgb' => 'F2F2F2'],
+                    ],
+                    'borders' => [
+                        'allBorders' => [
+                            'borderStyle' => Border::BORDER_THIN,
+                            'color' => ['rgb' => '000000'],
+                        ],
+                    ],
+                ]);
+                // Export info below table
+                $infoStartRow = $highestRow + 2;
+                $sheet->setCellValue('A' . $infoStartRow, 'INFORMASI EXPORT');
+                $sheet->getStyle('A' . $infoStartRow . ':' . $highestColumn . $infoStartRow)->applyFromArray([
+                    'font' => [
+                        'bold' => true,
+                        'size' => 12,
+                    ],
+                    'fill' => [
+                        'fillType' => Fill::FILL_SOLID,
+                        'startColor' => ['rgb' => 'E6E6E6'],
+                    ],
+                    'alignment' => [
+                        'horizontal' => Alignment::HORIZONTAL_LEFT,
+                        'vertical' => Alignment::VERTICAL_CENTER,
+                    ],
+                ]);
+                $sheet->setCellValue('A' . ($infoStartRow + 2), 'Filter yang Digunakan:');
+                $row = $infoStartRow + 3;
+                foreach ($this->filterInfo as $info) {
+                    $sheet->setCellValue('A' . $row, $info);
+                    $row++;
+                }
+                $sheet->getStyle('A' . ($infoStartRow + 2) . ':A' . ($row-1))->applyFromArray([
+                    'font' => [ 'size' => 10 ],
+                    'alignment' => [
+                        'horizontal' => Alignment::HORIZONTAL_LEFT,
+                        'vertical' => Alignment::VERTICAL_TOP,
+                    ],
+                ]);
+            }
+        ];
+    }
+} 
\ No newline at end of file
diff --git a/app/Http/Controllers/Reports/ReportTechniciansController.php b/app/Http/Controllers/Reports/ReportTechniciansController.php
new file mode 100644
index 0000000..6a7d362
--- /dev/null
+++ b/app/Http/Controllers/Reports/ReportTechniciansController.php
@@ -0,0 +1,179 @@
+<?php
+
+namespace App\Http\Controllers\Reports;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use App\Models\Menu;
+use App\Services\TechnicianReportService;
+use App\Exports\TechnicianReportExport;
+use Illuminate\Support\Facades\Gate;
+use Illuminate\Support\Facades\Log;
+use Maatwebsite\Excel\Facades\Excel;
+
+class ReportTechniciansController extends Controller
+{
+    protected $technicianReportService;
+
+    public function __construct(TechnicianReportService $technicianReportService)
+    {
+        $this->technicianReportService = $technicianReportService;
+    }
+
+    public function index(Request $request)
+    {
+        $menu = Menu::where('link','reports.technician.index')->first();
+        abort_if(!Gate::allows('view', $menu), 403);
+
+        return view('reports.technician');
+    }
+
+    /**
+     * Get dealers for filter dropdown
+     */
+    public function getDealers()
+    {
+        try {
+            $dealers = $this->technicianReportService->getDealers();
+            // Default ke "Semua Dealer" (tidak ada dealer yang terselect)
+            return response()->json([
+                'status' => 'success',
+                'data' => $dealers,
+                'default_dealer' => null
+            ]);
+        } catch (\Exception $e) {
+            Log::error('Error getting dealers: ' . $e->getMessage());
+            return response()->json([
+                'status' => 'error',
+                'message' => 'Gagal mengambil data dealer'
+            ], 500);
+        }
+    }
+
+    /**
+     * Get technician report data for DataTable
+     */
+    public function getData(Request $request)
+    {
+        try {
+            $dealerId = $request->input('dealer_id');
+            $startDate = $request->input('start_date');
+            $endDate = $request->input('end_date');
+
+            Log::info('Requesting technician report data:', [
+                'dealer_id' => $dealerId,
+                'start_date' => $startDate,
+                'end_date' => $endDate
+            ]);
+
+            $reportData = $this->technicianReportService->getTechnicianReportData(
+                $dealerId, 
+                $startDate, 
+                $endDate
+            );
+
+            Log::info('Technician report data response:', [
+                'data_count' => count($reportData['data']),
+                'mechanics_count' => $reportData['mechanics']->count(),
+                'works_count' => $reportData['works']->count(),
+                'mechanics' => $reportData['mechanics']->map(function($mechanic) {
+                    return [
+                        'id' => $mechanic->id,
+                        'name' => $mechanic->name,
+                        'role_id' => $mechanic->role_id
+                    ];
+                })
+            ]);
+
+            return response()->json([
+                'status' => 'success',
+                'data' => $reportData['data'],
+                'mechanics' => $reportData['mechanics'],
+                'works' => $reportData['works']
+            ]);
+        } catch (\Exception $e) {
+            Log::error('Error getting technician report data: ' . $e->getMessage(), [
+                'dealer_id' => $request->input('dealer_id'),
+                'start_date' => $request->input('start_date'),
+                'end_date' => $request->input('end_date'),
+                'trace' => $e->getTraceAsString()
+            ]);
+            
+            return response()->json([
+                'status' => 'error',
+                'message' => 'Gagal mengambil data laporan teknisi: ' . $e->getMessage()
+            ], 500);
+        }
+    }
+
+    /**
+     * Get technician report data for Yajra DataTable
+     */
+    public function getDataTable(Request $request)
+    {
+        try {
+            $dealerId = $request->input('dealer_id');
+            $startDate = $request->input('start_date');
+            $endDate = $request->input('end_date');
+
+            Log::info('Requesting technician report data for DataTable:', [
+                'dealer_id' => $dealerId,
+                'start_date' => $startDate,
+                'end_date' => $endDate
+            ]);
+
+            $reportData = $this->technicianReportService->getTechnicianReportDataForDataTable(
+                $dealerId, 
+                $startDate, 
+                $endDate
+            );
+
+            return $reportData;
+        } catch (\Exception $e) {
+            Log::error('Error getting technician report data for DataTable: ' . $e->getMessage(), [
+                'dealer_id' => $request->input('dealer_id'),
+                'start_date' => $request->input('start_date'),
+                'end_date' => $request->input('end_date'),
+                'trace' => $e->getTraceAsString()
+            ]);
+            
+            return response()->json([
+                'error' => 'Gagal mengambil data laporan teknisi: ' . $e->getMessage()
+            ], 500);
+        }
+    }
+
+    /**
+     * Export technician report to Excel
+     */
+    public function export(Request $request)
+    {
+        try {
+            $dealerId = $request->input('dealer_id');
+            $startDate = $request->input('start_date');
+            $endDate = $request->input('end_date');
+
+            Log::info('Exporting technician report', [
+                'dealer_id' => $dealerId,
+                'start_date' => $startDate,
+                'end_date' => $endDate
+            ]);
+
+            return Excel::download(new TechnicianReportExport($dealerId, $startDate, $endDate), 'laporan_teknisi_' . date('Y-m-d') . '.xlsx');
+            
+        } catch (\Exception $e) {
+            Log::error('Error exporting technician report: ' . $e->getMessage(), [
+                'dealer_id' => $request->input('dealer_id'),
+                'start_date' => $request->input('start_date'),
+                'end_date' => $request->input('end_date')
+            ]);
+            
+            return response()->json([
+                'status' => 'error',
+                'message' => 'Gagal export laporan: ' . $e->getMessage()
+            ], 500);
+        }
+    }
+
+
+}
diff --git a/app/Services/TechnicianReportService.php b/app/Services/TechnicianReportService.php
new file mode 100644
index 0000000..6b9427b
--- /dev/null
+++ b/app/Services/TechnicianReportService.php
@@ -0,0 +1,398 @@
+<?php
+
+namespace App\Services;
+
+use App\Models\Work;
+use App\Models\User;
+use App\Models\Transaction;
+use App\Models\Dealer;
+use Carbon\Carbon;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Log;
+
+class TechnicianReportService
+{
+    /**
+     * Get technician report data for all works and mechanics on a specific date range
+     */
+    public function getTechnicianReportData($dealerId = null, $startDate = null, $endDate = null)
+    {
+        try {
+            // Debug: Check all users and roles
+            $allUsers = User::with('role')->get();
+            Log::info('All users in database:', [
+                'total_users' => $allUsers->count(),
+                'users_with_roles' => $allUsers->map(function($user) {
+                    $roleName = 'No role';
+                    if ($user->role) {
+                        $roleName = is_string($user->role) ? $user->role : $user->role->name;
+                    }
+                    return [
+                        'id' => $user->id,
+                        'name' => $user->name,
+                        'role_id' => $user->role_id,
+                        'role_name' => $roleName,
+                        'dealer_id' => $user->dealer_id
+                    ];
+                })
+            ]);
+
+            // Get all works with category in single query
+            $works = Work::with(['category'])
+                ->orderBy('name')
+                ->get();
+
+            // Get all mechanics (users with role name = 'mechanic')
+            $mechanics = User::with('role')->whereHas('role', function($query) {
+                    $query->where('name', 'mechanic');
+                })
+                ->when($dealerId, function($query) use ($dealerId) {
+                    return $query->where('dealer_id', $dealerId);
+                })
+                ->orderBy('name')
+                ->get(['id', 'name', 'role_id', 'dealer_id']);
+
+            // Fallback: If no mechanics found, get all users with dealer_id
+            if ($mechanics->isEmpty()) {
+                Log::info('No users with role "mechanic" found, using fallback: all users with dealer_id');
+                $mechanics = User::with('role')->whereNotNull('dealer_id')
+                    ->whereNotNull('role_id')
+                    ->when($dealerId, function($query) use ($dealerId) {
+                        return $query->where('dealer_id', $dealerId);
+                    })
+                    ->orderBy('name')
+                    ->get(['id', 'name', 'role_id', 'dealer_id']);
+            }
+
+            Log::info('Mechanics found:', [
+                'count' => $mechanics->count(),
+                'dealer_id_filter' => $dealerId,
+                'mechanics' => $mechanics->map(function($mechanic) {
+                    $roleName = 'Unknown';
+                    if ($mechanic->role) {
+                        $roleName = is_string($mechanic->role) ? $mechanic->role : $mechanic->role->name;
+                    }
+                    return [
+                        'id' => $mechanic->id,
+                        'name' => $mechanic->name,
+                        'role_id' => $mechanic->role_id,
+                        'role_name' => $roleName,
+                        'dealer_id' => $mechanic->dealer_id
+                    ];
+                })
+            ]);
+
+            // Get all transaction data in single optimized query
+            $transactions = $this->getOptimizedTransactionData($dealerId, $startDate, $endDate, $mechanics->pluck('id'), $works->pluck('id'));
+
+            Log::info('Transaction data:', [
+                'transaction_count' => count($transactions),
+                'sample_transactions' => array_slice($transactions, 0, 5, true)
+            ]);
+
+            $data = [];
+            
+            foreach ($works as $work) {
+                $row = [
+                    'work_id' => $work->id,
+                    'work_name' => $work->name,
+                    'work_code' => $work->shortname,
+                    'category_name' => $work->category ? $work->category->name : '-',
+                    'total_tickets' => 0
+                ];
+
+                // Calculate totals for each mechanic
+                foreach ($mechanics as $mechanic) {
+                    $key = $work->id . '_' . $mechanic->id;
+                    $mechanicData = $transactions[$key] ?? ['total' => 0, 'completed' => 0, 'pending' => 0];
+                    
+                    $row["mechanic_{$mechanic->id}_total"] = $mechanicData['total'];
+                    
+                    // Add to totals
+                    $row['total_tickets'] += $mechanicData['total'];
+                }
+
+                $data[] = $row;
+            }
+
+            Log::info('Final data prepared:', [
+                'data_count' => count($data),
+                'sample_data' => array_slice($data, 0, 2)
+            ]);
+
+            return [
+                'data' => $data,
+                'mechanics' => $mechanics,
+                'works' => $works
+            ];
+            
+        } catch (\Exception $e) {
+            Log::error('Error in getTechnicianReportData: ' . $e->getMessage(), [
+                'dealer_id' => $dealerId,
+                'start_date' => $startDate,
+                'end_date' => $endDate,
+                'trace' => $e->getTraceAsString()
+            ]);
+            
+            // Return empty data structure but with proper format
+            return [
+                'data' => [],
+                'mechanics' => collect(),
+                'works' => collect()
+            ];
+        }
+    }
+
+    /**
+     * Get optimized transaction data in single query
+     */
+    private function getOptimizedTransactionData($dealerId = null, $startDate = null, $endDate = null, $mechanicIds = null, $workIds = null)
+    {
+        $query = Transaction::select(
+            'work_id',
+            'user_id',
+            'status',
+            DB::raw('COUNT(*) as count')
+        )
+        ->groupBy('work_id', 'user_id', 'status');
+
+        if ($dealerId) {
+            $query->where('dealer_id', $dealerId);
+        }
+
+        if ($startDate) {
+            $query->where('date', '>=', $startDate);
+        }
+
+        if ($endDate) {
+            $query->where('date', '<=', $endDate);
+        }
+
+        if ($mechanicIds && $mechanicIds->count() > 0) {
+            $query->whereIn('user_id', $mechanicIds);
+        }
+
+        if ($workIds && $workIds->count() > 0) {
+            $query->whereIn('work_id', $workIds);
+        }
+
+        // Remove index hint that doesn't exist
+        $results = $query->get();
+
+        // Organize data by work_id_user_id key
+        $organizedData = [];
+        
+        foreach ($results as $result) {
+            $key = $result->work_id . '_' . $result->user_id;
+            
+            if (!isset($organizedData[$key])) {
+                $organizedData[$key] = [
+                    'total' => 0,
+                    'completed' => 0,
+                    'pending' => 0
+                ];
+            }
+            
+            $organizedData[$key]['total'] += $result->count;
+            
+            if ($result->status == 1) {
+                $organizedData[$key]['completed'] += $result->count;
+            } else {
+                $organizedData[$key]['pending'] += $result->count;
+            }
+        }
+
+        return $organizedData;
+    }
+
+    /**
+     * Get total ticket count for a specific work and mechanic (legacy method for backward compatibility)
+     */
+    private function getTicketCount($workId, $mechanicId, $dealerId = null, $startDate = null, $endDate = null)
+    {
+        $query = Transaction::where('work_id', $workId)
+            ->where('user_id', $mechanicId);
+
+        if ($dealerId) {
+            $query->where('dealer_id', $dealerId);
+        }
+
+        if ($startDate) {
+            $query->where('date', '>=', $startDate);
+        }
+
+        if ($endDate) {
+            $query->where('date', '<=', $endDate);
+        }
+
+        return $query->count();
+    }
+
+    /**
+     * Get completed ticket count for a specific work and mechanic (legacy method for backward compatibility)
+     */
+    private function getCompletedTicketCount($workId, $mechanicId, $dealerId = null, $startDate = null, $endDate = null)
+    {
+        $query = Transaction::where('work_id', $workId)
+            ->where('user_id', $mechanicId)
+            ->where('status', 1); // Assuming status 1 is completed
+
+        if ($dealerId) {
+            $query->where('dealer_id', $dealerId);
+        }
+
+        if ($startDate) {
+            $query->where('date', '>=', $startDate);
+        }
+
+        if ($endDate) {
+            $query->where('date', '<=', $endDate);
+        }
+
+        return $query->count();
+    }
+
+    /**
+     * Get pending ticket count for a specific work and mechanic (legacy method for backward compatibility)
+     */
+    private function getPendingTicketCount($workId, $mechanicId, $dealerId = null, $startDate = null, $endDate = null)
+    {
+        $query = Transaction::where('work_id', $workId)
+            ->where('user_id', $mechanicId)
+            ->where('status', 0); // Assuming status 0 is pending
+
+        if ($dealerId) {
+            $query->where('dealer_id', $dealerId);
+        }
+
+        if ($startDate) {
+            $query->where('date', '>=', $startDate);
+        }
+
+        if ($endDate) {
+            $query->where('date', '<=', $endDate);
+        }
+
+        return $query->count();
+    }
+
+    /**
+     * Get all dealers for filter
+     */
+    public function getDealers()
+    {
+        return Dealer::orderBy('name')->get(['id', 'name', 'dealer_code']);
+    }
+
+    /**
+     * Get default dealer for filter (tidak perlu berbasis user)
+     */
+    public function getDefaultDealer()
+    {
+        // Dealer pertama saja jika ada
+        return Dealer::orderBy('name')->first();
+    }
+
+    /**
+     * Get mechanics for a specific dealer
+     */
+    public function getMechanicsByDealer($dealerId = null)
+    {
+        $query = User::with('role')->whereHas('role', function($query) {
+                $query->where('name', 'mechanic');
+            });
+        
+        if ($dealerId) {
+            $query->where('dealer_id', $dealerId);
+        }
+        
+        return $query->orderBy('name')->get(['id', 'name', 'dealer_id']);
+    }
+
+    /**
+     * Get technician report data for Yajra DataTable
+     */
+    public function getTechnicianReportDataForDataTable($dealerId = null, $startDate = null, $endDate = null)
+    {
+        try {
+            // Get all works with category
+            $works = Work::with(['category'])
+                ->orderBy('name')
+                ->get();
+
+            // Get all mechanics
+            $mechanics = User::with('role')->whereHas('role', function($query) {
+                    $query->where('name', 'mechanic');
+                })
+                ->when($dealerId, function($query) use ($dealerId) {
+                    return $query->where('dealer_id', $dealerId);
+                })
+                ->orderBy('name')
+                ->get(['id', 'name', 'role_id', 'dealer_id']);
+
+            // Fallback: If no mechanics found, get all users with dealer_id
+            if ($mechanics->isEmpty()) {
+                Log::info('No users with role "mechanic" found, using fallback: all users with dealer_id');
+                $mechanics = User::with('role')->whereNotNull('dealer_id')
+                    ->whereNotNull('role_id')
+                    ->when($dealerId, function($query) use ($dealerId) {
+                        return $query->where('dealer_id', $dealerId);
+                    })
+                    ->orderBy('name')
+                    ->get(['id', 'name', 'role_id', 'dealer_id']);
+            }
+
+            // Get transaction data
+            $transactions = $this->getOptimizedTransactionData($dealerId, $startDate, $endDate, $mechanics->pluck('id'), $works->pluck('id'));
+
+            $data = [];
+            
+            foreach ($works as $work) {
+                $row = [
+                    'DT_RowIndex' => count($data) + 1,
+                    'work_name' => $work->name,
+                    'work_code' => $work->shortname,
+                    'category_name' => $work->category ? $work->category->name : '-'
+                ];
+
+                // Add mechanic columns
+                foreach ($mechanics as $mechanic) {
+                    $key = $work->id . '_' . $mechanic->id;
+                    $mechanicData = $transactions[$key] ?? ['total' => 0, 'completed' => 0, 'pending' => 0];
+                    
+                    $row["mechanic_{$mechanic->id}_total"] = $mechanicData['total'];
+                }
+
+                $data[] = $row;
+            }
+
+            // Create DataTable response
+            return response()->json([
+                'draw' => request()->input('draw', 1),
+                'recordsTotal' => count($data),
+                'recordsFiltered' => count($data),
+                'data' => $data,
+                'mechanics' => $mechanics,
+                'works' => $works
+            ]);
+            
+        } catch (\Exception $e) {
+            Log::error('Error in getTechnicianReportDataForDataTable: ' . $e->getMessage(), [
+                'dealer_id' => $dealerId,
+                'start_date' => $startDate,
+                'end_date' => $endDate,
+                'trace' => $e->getTraceAsString()
+            ]);
+            
+            return response()->json([
+                'draw' => request()->input('draw', 1),
+                'recordsTotal' => 0,
+                'recordsFiltered' => 0,
+                'data' => [],
+                'mechanics' => collect(),
+                'works' => collect()
+            ]);
+        }
+    }
+
+} 
\ No newline at end of file
diff --git a/database/seeders/MenuSeeder.php b/database/seeders/MenuSeeder.php
index 490b44b..e502504 100755
--- a/database/seeders/MenuSeeder.php
+++ b/database/seeders/MenuSeeder.php
@@ -42,6 +42,10 @@ class MenuSeeder extends Seeder
             [
                 'name' => 'Stock Produk',
                 'link' => 'reports.stock-product.index'
+            ],
+            [
+                'name' => 'Teknisi',
+                'link' => 'reports.technician.index'
             ]
         ];
 
diff --git a/resources/views/layouts/partials/sidebarMenu.blade.php b/resources/views/layouts/partials/sidebarMenu.blade.php
index 0e7497e..0b82471 100755
--- a/resources/views/layouts/partials/sidebarMenu.blade.php
+++ b/resources/views/layouts/partials/sidebarMenu.blade.php
@@ -48,7 +48,6 @@
                 @if(Gate::check('view', $menus['user.index']) || Gate::check('view', $menus['roleprivileges.index']))
                 <div class="kt-menu__section" style="padding: 15px 20px; margin-top: 10px; margin-bottom: 5px;">
                     <div style="display: flex; align-items: center; color: #a7abc3; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">
-                        {{-- <i class="fa fa-users" style="margin-right: 8px; font-size: 14px;"></i> --}}
                         <span>Manajemen Pengguna</span>
                     </div>
                 </div>
@@ -77,7 +76,6 @@
                 @if(Gate::check('view', $menus['work.index']) || Gate::check('view', $menus['category.index']) || Gate::check('view', $menus['dealer.index']))
                 <div class="kt-menu__section" style="padding: 15px 20px; margin-top: 10px; margin-bottom: 5px;">
                     <div style="display: flex; align-items: center; color: #a7abc3; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">
-                        {{-- <i class="fa fa-exchange-alt" style="margin-right: 8px; font-size: 14px;"></i> --}}
                         <span>Manajemen Transaksi</span>
                     </div>
                 </div>
@@ -115,7 +113,6 @@
                 @if(Gate::check('view', $menus['products.index']) || Gate::check('view', $menus['product_categories.index']) || Gate::check('view', $menus['mutations.index']) || Gate::check('view', $menus['opnames.index']) || Gate::check('view', $menus['stock-audit.index']))
                 <div class="kt-menu__section" style="padding: 15px 20px; margin-top: 10px; margin-bottom: 5px;">
                     <div style="display: flex; align-items: center; color: #a7abc3; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">
-                        {{-- <i class="fa fa-warehouse" style="margin-right: 8px; font-size: 14px;"></i> --}}
                         <span>Manajemen Gudang</span>
                     </div>
                 </div>
@@ -171,7 +168,6 @@
                 @if(Gate::check('view', $menus['report.transaction_sa']) || Gate::check('view', $menus['report.transaction']) || Gate::check('view', $menus['report.transaction_dealer']) || Gate::check('view', $menus['work.index']))
                 <div class="kt-menu__section" style="padding: 15px 20px; margin-top: 10px; margin-bottom: 5px;">
                     <div style="display: flex; align-items: center; color: #a7abc3; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">
-                        {{-- <i class="fa fa-chart-bar" style="margin-right: 8px; font-size: 14px;"></i> --}}
                         <span>Laporan</span>
                     </div>
                 </div>
@@ -214,9 +210,9 @@
                 </li>
                 @endcan
 
-                @can('view', $menus['work.index'])
+                @can('view', $menus['reports.technician.index'])
                 <li class="kt-menu__item" aria-haspopup="true">
-                    <a href="{{ route('work.index') }}" class="kt-menu__link">
+                    <a href="{{ route('reports.technician.index') }}" class="kt-menu__link">
                         <i class="fa fa-user-cog" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Teknisi</span>
                     </a>
@@ -227,7 +223,6 @@
                 @if(Gate::check('view', $menus['kpi.targets.index']))
                 <div class="kt-menu__section" style="padding: 15px 20px; margin-top: 10px; margin-bottom: 5px;">
                     <div style="display: flex; align-items: center; color: #a7abc3; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">
-                        {{-- <i class="fa fa-user-cog" style="margin-right: 8px; font-size: 14px;"></i> --}}
                         <span>KPI</span>
                     </div>
                 </div>
diff --git a/resources/views/reports/technician.blade.php b/resources/views/reports/technician.blade.php
new file mode 100644
index 0000000..469d348
--- /dev/null
+++ b/resources/views/reports/technician.blade.php
@@ -0,0 +1,1255 @@
+@extends('layouts.backapp')
+
+@section('styles')
+<style>
+    /* Loading overlay - Modified to only cover content section */
+    #loading-overlay {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(0, 0, 0, 0.7);
+        z-index: 9999;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+        backdrop-filter: blur(2px);
+    }
+    
+    #loading-overlay .spinner-border {
+        animation: spin 1s linear infinite;
+    }
+    
+    @keyframes spin {
+        0% { transform: rotate(0deg); }
+        100% { transform: rotate(360deg); }
+    }
+    
+    /* Make content section relative for absolute positioning of overlay */
+    .kt-content {
+        position: relative;
+    }
+    
+    /* Button loading state */
+    .btn.loading {
+        opacity: 0.7;
+        cursor: not-allowed;
+    }
+    
+    .btn:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+    }
+    
+    /* Table styling */
+    .table th {
+        background-color: #f8f9fa;
+        border-color: #dee2e6;
+        font-weight: 600;
+        color: #495057;
+    }
+    
+    .table td {
+        vertical-align: middle;
+    }
+    
+    /* Mechanic column styling */
+    .mechanic-column {
+        background-color: #f8f9fa;
+        min-width: 120px;
+        text-align: center;
+    }
+    
+    /* Select2 styling - Fixed to prevent conflicts */
+    .select2-container--default .select2-selection--single {
+        height: 38px !important;
+        border: 1px solid #ced4da !important;
+        border-radius: 0.375rem !important;
+        background-color: #ffffff !important;
+    }
+    
+    .select2-container--default .select2-selection--single .select2-selection__rendered {
+        line-height: 36px !important;
+        padding-left: 12px !important;
+        color: #495057 !important;
+        background-color: transparent !important;
+    }
+    
+    .select2-container--default .select2-selection--single .select2-selection__arrow {
+        height: 36px !important;
+        background-color: transparent !important;
+    }
+    
+    .select2-container--default .select2-search--dropdown .select2-search__field {
+        border: 1px solid #ced4da !important;
+        border-radius: 0.375rem !important;
+        background-color: #ffffff !important;
+        color: #495057 !important;
+    }
+    
+    .select2-dropdown {
+        border: 1px solid #ced4da !important;
+        border-radius: 0.375rem !important;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
+        background-color: #ffffff !important;
+    }
+    
+    .select2-container--default .select2-results__option {
+        background-color: #ffffff !important;
+        color: #495057 !important;
+    }
+    
+    .select2-container--default .select2-results__option--highlighted[aria-selected] {
+        background-color: #007bff !important;
+        color: #ffffff !important;
+    }
+    
+    .select2-container--default .select2-results__option[aria-selected=true] {
+        background-color: #e9ecef !important;
+        color: #495057 !important;
+    }
+    
+    /* Form label styling */
+    .form-label {
+        font-weight: 600;
+        color: #595d6e;
+        margin-bottom: 8px;
+        font-size: 13px;
+        text-transform: none;
+        letter-spacing: normal;
+        display: block;
+    }
+    
+    /* Filter buttons styling */
+    .filter-buttons {
+        display: flex;
+        gap: 10px;
+    }
+    .filter-buttons .btn {
+        white-space: nowrap;
+    }
+    
+    /* Datepicker styling */
+    .datepicker {
+        width: 100% !important;
+        max-width: 100%;
+    }
+    .datepicker-dropdown {
+        width: auto !important;
+        min-width: 250px;
+        max-width: 300px;
+    }
+    /* Ensure input field follows parent width */
+    input.datepicker {
+        width: 100% !important;
+        box-sizing: border-box;
+    }
+</style>
+@endsection
+
+@section('content')
+  <div class="kt-content" id="kt_content">
+    <div class="kt-portlet kt-portlet--mobile" id="kt_blockui_datatable">
+      <div class="kt-portlet__head kt-portlet__head--lg">
+        <div class="kt-portlet__head-label">
+          <h3 class="kt-portlet__head-title">
+            Laporan Teknisi
+          </h3>
+        </div>
+        <div class="kt-portlet__head-toolbar">
+          <div class="kt-portlet__head-actions">
+            <button type="button" class="btn btn-bold btn-success btn--sm" id="btn-export-excel">
+              Export
+            </button>
+          </div>
+        </div>
+      </div>
+      <div class="kt-portlet__body">
+                <!-- Filter Section -->
+        <div class="row">
+            <div class="col-md-3">
+                <div class="form-group">
+                    <label class="form-label">Tanggal Mulai</label>
+                    <input type="text" class="form-control datepicker" id="filter-start-date" placeholder="Tanggal awal" value="{{ date('Y-m-d', strtotime('-30 days')) }}" readonly>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="form-group">
+                    <label class="form-label">Tanggal Akhir</label>
+                    <input type="text" class="form-control datepicker" id="filter-end-date" placeholder="Tanggal akhir" value="{{ date('Y-m-d') }}" readonly>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="form-group">
+                    <label class="form-label">Filter Dealer</label>
+                    <select class="form-control select2" id="filter-dealer">
+                        <option value="">Semua Dealer</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+        <div class="row mb-3">
+            <div class="col-md-12 filter-buttons">
+                <button type="button" class="btn btn-primary btn-sm" id="btn-filter">
+                    Cari
+                </button>
+                <button type="button" class="btn btn-secondary btn-sm" id="btn-reset">
+                    Reset
+                </button>
+            </div>
+        </div>
+        <div class="row mb-3">
+            <div class="col-md-12">
+                <small class="form-text text-muted" id="default-dealer-info">Pilih dealer untuk memfilter data atau biarkan "Semua Dealer" untuk melihat data lengkap.</small>
+            </div>
+        </div>
+
+        {{-- Table Section --}}
+        <div class="table-responsive">
+          <table class="table table-striped table-bordered" id="report-technician-table">
+            <thead id="table-header">
+              <tr>
+                <th>No</th>
+                <th>Nama Pekerjaan</th>
+                <th>Kode Pekerjaan</th>
+                <th>Kategori</th>
+              </tr>
+            </thead>
+            <tbody>
+            </tbody>
+            <tfoot id="table-footer">
+              <tr>
+                <th colspan="4" class="text-center">Total</th>
+              </tr>
+            </tfoot>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+@endsection
+
+@section('javascripts')
+<script>
+$(document).ready(function() {
+    // Check if jQuery and DataTable are available
+    if (typeof $ === 'undefined') {
+        console.error('jQuery is not loaded');
+        return;
+    }
+    
+    if (typeof $.fn.DataTable === 'undefined') {
+        console.error('DataTable is not loaded');
+        // Show error message to user
+        $('body').append('<div class="alert alert-danger m-3">DataTable library tidak dimuat. Silakan refresh halaman.</div>');
+        return;
+    }
+    
+    let dataTable;
+    let mechanics = [];
+    let isInitialized = false; // Flag to prevent double initialization
+    
+    // Loading overlay functions - Modified to only cover content section
+    var showLoadingOverlay = function (message) {
+        const $content = $('#kt_content');
+        
+        if ($("#loading-overlay").length === 0) {
+            $content.append(`
+                <div id="loading-overlay" style="
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    width: 100%;
+                    height: 100%;
+                    background: rgba(0, 0, 0, 0.7);
+                    z-index: 9999;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    flex-direction: column;
+                ">
+                    <div class="spinner-border text-light" role="status" style="width: 3rem; height: 3rem;">
+                        <span class="sr-only">Loading...</span>
+                    </div>
+                    <div class="text-light mt-3" style="font-size: 1.1rem; font-weight: 500;">${message}</div>
+                </div>
+            `);
+        } else {
+            $("#loading-overlay").show();
+            $("#loading-overlay .text-light:last").text(message);
+        }
+    };
+
+    var hideLoadingOverlay = function () {
+        $("#loading-overlay").hide();
+    };
+    
+    // Initialize datepickers
+    $('.datepicker').datepicker({
+        format: 'yyyy-mm-dd',
+        autoclose: true,
+        todayHighlight: true
+    });
+
+    // Initialize Select2 for dealer dropdown
+    function initializeSelect2() {
+        console.log("Initializing Select2...");
+        
+        if (typeof $.fn.select2 !== 'undefined') {
+            $('#filter-dealer').select2({
+                placeholder: 'Pilih...',
+                allowClear: true,
+                width: '100%'
+            });
+        } else {
+            console.warn('Select2 is not loaded, using default dropdown');
+        }
+    }
+
+    // Store original button text
+    $('#btn-filter').data('original-text', $('#btn-filter').html());
+    
+    // Load dealers first
+    loadDealers();
+
+    function loadDealers() {
+        $.ajax({
+            url: '{{ route("reports.technician.dealers") }}',
+            type: 'GET',
+            success: function(response) {
+                console.log('Dealers response:', response);
+                if (response.status === 'success') {
+                    let options = '<option value="">Semua Dealer</option>';
+                    response.data.forEach(function(dealer) {
+                        options += `<option value="${dealer.id}">${dealer.name} (${dealer.dealer_code})</option>`;
+                    });
+                    $('#filter-dealer').html(options);
+                    
+                    console.log('Dealers loaded:', response.data.length);
+                    
+                    // Initialize Select2 after populating options
+                    initializeSelect2();
+                    
+                    // Default ke "Semua Dealer" (tidak ada dealer yang terselect)
+                    console.log('Default set to "Semua Dealer"');
+                    $('#default-dealer-info').text('Pilih dealer untuk memfilter data atau biarkan "Semua Dealer" untuk melihat data lengkap.');
+                    
+                    // Load initial DataTable only once
+                    if (!isInitialized) {
+                        console.log('Dealers loaded, initializing DataTable...');
+                        setTimeout(function() {
+                            initializeDataTable();
+                            isInitialized = true;
+                        }, 100);
+                    }
+                } else {
+                    toastr.error('Gagal memuat data dealer');
+                    hideLoadingOverlay();
+                }
+            },
+            error: function() {
+                toastr.error('Gagal memuat data dealer');
+                hideLoadingOverlay();
+            }
+        });
+    }
+
+    function loadTechnicianData() {
+        console.log('loadTechnicianData called');
+        
+        // Get dealer value from Select2 or regular select
+        let dealerId = '';
+        if (typeof $.fn.select2 !== 'undefined' && $('#filter-dealer').data('select2')) {
+            dealerId = $('#filter-dealer').select2('val') || '';
+            console.log('Using Select2 value:', dealerId);
+        } else {
+            dealerId = $('#filter-dealer').val() || '';
+            console.log('Using regular select value:', dealerId);
+        }
+        
+        const startDate = $('#filter-start-date').val();
+        const endDate = $('#filter-end-date').val();
+        
+        console.log('Date range:', { startDate, endDate });
+
+        const requestData = {
+            dealer_id: dealerId || '',
+            start_date: startDate,
+            end_date: endDate
+        };
+        
+        console.log('Requesting data with params:', requestData);
+        
+        $.ajax({
+            url: '{{ route("reports.technician.data") }}',
+            type: 'GET',
+            data: requestData,
+            success: function(response) {
+                
+                if (response.status === 'success') {
+                    // Validate response data
+                    if (response.mechanics && Array.isArray(response.mechanics)) {
+                        mechanics = response.mechanics;
+                    } else {
+                        console.warn('Invalid mechanics data:', response.mechanics);
+                        mechanics = [];
+                    }
+                    
+                } else {
+                    console.error('Server returned error status:', response);
+                    toastr.error('Gagal memuat data laporan teknisi');
+                }
+            },
+            error: function(xhr, status, error) {
+                console.error('AJAX Error occurred:');
+                console.error('Status:', status);
+                console.error('Error:', error);
+                console.error('Response Text:', xhr.responseText);
+                console.error('Status Code:', xhr.status);
+                console.error('Status Text:', xhr.statusText);
+                
+                let errorMessage = 'Gagal memuat data laporan teknisi';
+                if (xhr.status === 500) {
+                    errorMessage = 'Server error: ' + (xhr.responseText || 'Unknown error');
+                } else if (xhr.status === 404) {
+                    errorMessage = 'Endpoint tidak ditemukan';
+                } else if (xhr.status === 403) {
+                    errorMessage = 'Akses ditolak';
+                }
+                
+                toastr.error(errorMessage);
+            },
+            complete: function() {
+                
+                // Always reset button state and hide overlay
+                hideLoadingOverlay();
+                
+                // Reset button state using stored original text
+                var $btnFilter = $('#btn-filter');
+                var storedText = $btnFilter.data('original-text') || 'Cari';
+                $btnFilter.html(storedText).prop('disabled', false).removeClass('loading');
+            }
+        });
+    }
+
+    function initializeDataTable() {
+        try {
+            // Destroy existing DataTable if exists and clean up
+            if (dataTable && typeof dataTable.destroy === 'function') {
+                dataTable.destroy();
+                dataTable = null;
+            }
+
+            // Clean up existing search inputs
+            $('#datatable-search').closest('.row').remove();
+            $('#simple-search').closest('.row').remove();
+
+            // Completely recreate table structure to avoid DOM conflicts
+            const $table = $('#report-technician-table');
+            $table.empty();
+            
+            // Recreate basic table structure
+            $table.html(`
+                <thead id="table-header">
+                    <tr>
+                        <th>No</th>
+                        <th>Nama Pekerjaan</th>
+                        <th>Kode Pekerjaan</th>
+                        <th>Kategori</th>
+                    </tr>
+                </thead>
+                <tbody>
+                </tbody>
+                <tfoot id="table-footer">
+                    <tr>
+                        <th colspan="4" class="text-center">Total</th>
+                    </tr>
+                </tfoot>
+            `);
+
+            // Check if DataTable is available
+            if (typeof $.fn.DataTable === 'undefined') {
+                console.error('DataTable is not loaded');
+                return;
+            }
+
+            // Check if table element exists
+            if ($table.length === 0) {
+                console.error('Table element not found');
+                return;
+            }
+
+            // Get filter values
+            let dealerId = '';
+            if (typeof $.fn.select2 !== 'undefined' && $('#filter-dealer').data('select2')) {
+                dealerId = $('#filter-dealer').select2('val') || '';
+            } else {
+                dealerId = $('#filter-dealer').val() || '';
+            }
+            
+            const startDate = $('#filter-start-date').val();
+            const endDate = $('#filter-end-date').val();
+
+            // Try to initialize DataTable with Yajra DataTable
+            try {
+                // If mechanics are already available, use the complete structure
+                if (Array.isArray(mechanics) && mechanics.length > 0) {
+                    updateTableStructureWithMechanics();
+                    return;
+                }
+                
+                dataTable = $table.DataTable({
+                    processing: true,
+                    serverSide: false, // We'll handle server-side manually
+                    ajax: {
+                        url: '{{ route("reports.technician.datatable") }}',
+                        type: 'GET',
+                        data: function(d) {
+                            d.dealer_id = dealerId;
+                            d.start_date = startDate;
+                            d.end_date = endDate;
+                            return d;
+                        },
+                        dataSrc: function(json) {
+                            console.log('DataTable response:', json);
+                            
+                            // Update mechanics from response
+                            if (json.mechanics && Array.isArray(json.mechanics)) {
+                                mechanics = json.mechanics;
+                                console.log('Mechanics loaded:', mechanics.length);
+                                
+                                // Update table structure with mechanic columns
+                                setTimeout(function() {
+                                    updateTableStructureWithMechanics();
+                                }, 100);
+                            }
+                            
+                            return json.data || [];
+                        }
+                    },
+                    columns: [
+                        { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false, width: '50px', className: 'text-center' },
+                        { data: 'work_name', name: 'work_name', orderable: true, searchable: true },
+                        { data: 'work_code', name: 'work_code', orderable: true, searchable: true, width: '120px' },
+                        { data: 'category_name', name: 'category_name', orderable: true, searchable: true, width: '150px' }
+                    ],
+                    pageLength: -1,
+                    lengthMenu: [],
+                    order: [[1, 'asc']],
+                    responsive: false,
+                    dom: '<"row"<"col-sm-12"f>>' +
+                         '<"row"<"col-sm-12"tr>>' +
+                         '<"row"<"col-sm-12"i>>',
+                    language: {
+                        emptyTable: "Tidak ada data yang tersedia",
+                        info: "Menampilkan _TOTAL_ entri",
+                        infoEmpty: "Menampilkan 0 entri",
+                        infoFiltered: "(difilter dari _MAX_ total entri)",
+                        search: "Cari:",
+                        zeroRecords: "Tidak ditemukan data yang sesuai",
+                        processing: "Memuat data..."
+                    },
+                    initComplete: function() {
+                        try {
+                            var api = this.api();
+                            console.log('DataTable initialization complete');
+                            console.log('Data rows:', api.data().length);
+                            console.log('Mechanics count:', mechanics.length);
+                            
+                            if (api.data().length === 0) {
+                                toastr.info('Tidak ada data yang ditemukan untuk filter yang dipilih. Silakan coba filter yang berbeda.');
+                            }
+                            
+                            // Enable filter button di sini!
+                            var $btnFilter = $('#btn-filter');
+                            var storedText = $btnFilter.data('original-text') || 'Cari';
+                            $btnFilter.html(storedText).prop('disabled', false).removeClass('loading');
+                            hideLoadingOverlay();
+                        } catch (error) {
+                            console.error('Error in initComplete:', error);
+                            hideLoadingOverlay();
+                        }
+                    },
+                    drawCallback: function() {
+                        try {
+                            // Update totals in footer
+                            updateTableTotals();
+                        } catch (error) {
+                            console.error('Error in drawCallback:', error);
+                        }
+                    }
+                });
+                
+                console.log('DataTable initialized successfully');
+                
+            } catch (dataTableError) {
+                console.error('DataTable initialization failed:', dataTableError);
+                toastr.error('Gagal memuat tabel data');
+                hideLoadingOverlay();
+            }
+            
+        } catch (error) {
+            console.error('Error in initializeDataTable:', error);
+            toastr.error('Gagal memuat tabel data');
+            hideLoadingOverlay();
+        }
+    }
+
+    function createFallbackTable(data) {
+        try {
+            // Clean up existing search inputs
+            $('#datatable-search').closest('.row').remove();
+            $('#simple-search').closest('.row').remove();
+            
+            // Ensure DataTable is destroyed
+            if (dataTable && typeof dataTable.destroy === 'function') {
+                dataTable.destroy();
+                dataTable = null;
+            }
+            
+            const $table = $('#report-technician-table');
+            $table.empty();
+            
+            if (data.length > 0) {
+                let tableHtml = '<thead><tr>';
+                tableHtml += '<th>No</th><th>Nama Pekerjaan</th><th>Kode Pekerjaan</th><th>Kategori</th>';
+                if (Array.isArray(mechanics) && mechanics.length > 0) {
+                    mechanics.forEach(function(mechanic) {
+                        if (mechanic && mechanic.name) {
+                            tableHtml += `<th>${mechanic.name}</th>`;
+                        }
+                    });
+                }
+                tableHtml += '</tr></thead><tbody>';
+                
+                data.forEach(function(item, index) {
+                    tableHtml += `<tr>
+                        <td>${index + 1}</td>
+                        <td>${item.work_name || ''}</td>
+                        <td>${item.work_code || ''}</td>
+                        <td>${item.category_name || ''}</td>
+                    `;
+                    if (Array.isArray(mechanics) && mechanics.length > 0) {
+                        mechanics.forEach(function(mechanic) {
+                            if (mechanic && mechanic.id) {
+                                tableHtml += `<td>${item[`mechanic_${mechanic.id}_total`] || 0}</td>`;
+                            }
+                        });
+                    }
+                    tableHtml += '</tr>';
+                });
+                tableHtml += '</tbody>';
+                $table.html(tableHtml);
+                
+                // Add simple search functionality to fallback table
+                addSimpleSearch($table);
+                
+            } else {
+                $table.html('<tbody><tr><td colspan="100%" class="text-center">Tidak ada data yang tersedia untuk filter yang dipilih</td></tr></tbody>');
+            }
+            console.log('Fallback table created successfully');
+            hideLoadingOverlay();
+        } catch (fallbackError) {
+            console.error('Error creating fallback table:', fallbackError);
+            toastr.error('Gagal memuat tabel data. Silakan refresh halaman.');
+            hideLoadingOverlay();
+        }
+    }
+
+    function addMechanicColumns(api) {
+        if (!Array.isArray(mechanics) || mechanics.length === 0) {
+            console.log('No mechanics to add columns for');
+            return;
+        }
+
+        try {
+            console.log('Adding mechanic columns for', mechanics.length, 'mechanics');
+            
+            // Instead of adding columns dynamically, we'll update the table structure
+            // and reinitialize the DataTable with the complete column configuration
+            updateTableStructureWithMechanics();
+            
+        } catch (error) {
+            console.error('Error adding mechanic columns:', error);
+        }
+    }
+
+    function updateTableStructureWithMechanics() {
+        try {
+            // Destroy existing DataTable
+            if (dataTable && typeof dataTable.destroy === 'function') {
+                dataTable.destroy();
+                dataTable = null;
+            }
+
+            const $table = $('#report-technician-table');
+            $table.empty();
+
+            // Build header rows
+            let headerRow1 = `
+                <tr>
+                    <th>No</th>
+                    <th>Nama Pekerjaan</th>
+                    <th>Kode Pekerjaan</th>
+                    <th>Kategori</th>
+            `;
+            if (Array.isArray(mechanics) && mechanics.length > 0) {
+                mechanics.forEach(function(mechanic) {
+                    headerRow1 += `<th class="mechanic-column" style="text-align: center; background-color: #f8f9fa;"><strong>${mechanic.name}</strong></th>`;
+                });
+            }
+            headerRow1 += `</tr>`;
+
+            // Set thead
+            $table.append(`<thead id="table-header">${headerRow1}</thead>`);
+            $table.append('<tbody></tbody>');
+
+            // Build footer
+            let footerHtml = '<tr><th colspan="4" class="text-center"><strong>Total</strong></th>';
+            if (Array.isArray(mechanics) && mechanics.length > 0) {
+                mechanics.forEach(function() {
+                    footerHtml += `<th class="text-center mechanic-column"><strong>0</strong></th>`;
+                });
+            }
+            footerHtml += '</tr>';
+            $table.append(`<tfoot id="table-footer">${footerHtml}</tfoot>`);
+
+            // Reinitialize DataTable
+            initializeDataTableWithMechanics();
+        } catch (error) {
+            console.error('Error updating table structure:', error);
+            hideLoadingOverlay();
+        }
+    }
+
+    function initializeDataTableWithMechanics() {
+        try {
+            // Get filter values
+            let dealerId = '';
+            if (typeof $.fn.select2 !== 'undefined' && $('#filter-dealer').data('select2')) {
+                dealerId = $('#filter-dealer').select2('val') || '';
+            } else {
+                dealerId = $('#filter-dealer').val() || '';
+            }
+            
+            const startDate = $('#filter-start-date').val();
+            const endDate = $('#filter-end-date').val();
+
+            // Build complete column configuration
+            const columns = [
+                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false, width: '50px', className: 'text-center' },
+                { data: 'work_name', name: 'work_name', orderable: true, searchable: true },
+                { data: 'work_code', name: 'work_code', orderable: true, searchable: true, width: '120px' },
+                { data: 'category_name', name: 'category_name', orderable: true, searchable: true, width: '150px' }
+            ];
+
+            // Add mechanic columns
+            if (Array.isArray(mechanics) && mechanics.length > 0) {
+                mechanics.forEach(function(mechanic) {
+                    if (mechanic && mechanic.id) {
+                        columns.push({
+                            data: `mechanic_${mechanic.id}_total`,
+                            name: `mechanic_${mechanic.id}_total`,
+                            title: `${mechanic.name || 'Unknown'}`,
+                            orderable: false,
+                            searchable: false,
+                            className: 'text-center mechanic-column',
+                            defaultContent: '0'
+                        });
+                    }
+                });
+            }
+
+            // Initialize DataTable with complete configuration
+            dataTable = $('#report-technician-table').DataTable({
+                processing: true,
+                serverSide: false,
+                ajax: {
+                    url: '{{ route("reports.technician.datatable") }}',
+                    type: 'GET',
+                    data: function(d) {
+                        d.dealer_id = dealerId;
+                        d.start_date = startDate;
+                        d.end_date = endDate;
+                        return d;
+                    },
+                    dataSrc: function(json) {
+                        console.log('DataTable response:', json);
+                        
+                        // Update mechanics from response
+                        if (json.mechanics && Array.isArray(json.mechanics)) {
+                            mechanics = json.mechanics;
+                        }
+                        
+                        return json.data || [];
+                    }
+                },
+                columns: columns,
+                pageLength: -1,
+                lengthMenu: [],
+                order: [[1, 'asc']],
+                responsive: false,
+                dom: '<"row"<"col-sm-12"f>>' +
+                     '<"row"<"col-sm-12"tr>>' +
+                     '<"row"<"col-sm-12"i>>',
+                language: {
+                    emptyTable: "Tidak ada data yang tersedia",
+                    info: "Menampilkan _TOTAL_ entri",
+                    infoEmpty: "Menampilkan 0 entri",
+                    infoFiltered: "(difilter dari _MAX_ total entri)",
+                    search: "Cari:",
+                    zeroRecords: "Tidak ditemukan data yang sesuai",
+                    processing: "Memuat data..."
+                },
+                initComplete: function() {
+                    try {
+                        var api = this.api();
+                        console.log('DataTable with mechanics initialization complete');
+                        console.log('Data rows:', api.data().length);
+                        console.log('Mechanics count:', mechanics.length);
+                        
+                        if (api.data().length === 0) {
+                            toastr.info('Tidak ada data yang ditemukan untuk filter yang dipilih. Silakan coba filter yang berbeda.');
+                        } else {
+                            // Update totals after initialization
+                            setTimeout(function() {
+                                updateTableTotals();
+                            }, 200);
+                        }
+                        
+                        // Enable filter button di sini!
+                        var $btnFilter = $('#btn-filter');
+                        var storedText = $btnFilter.data('original-text') || 'Cari';
+                        $btnFilter.html(storedText).prop('disabled', false).removeClass('loading');
+                        hideLoadingOverlay();
+                    } catch (error) {
+                        console.error('Error in initComplete:', error);
+                        hideLoadingOverlay();
+                    }
+                },
+                drawCallback: function() {
+                    try {
+                        console.log('DataTable drawCallback triggered');
+                        // Add a small delay to ensure data is fully rendered
+                        setTimeout(function() {
+                            updateTableTotals();
+                        }, 100);
+                    } catch (error) {
+                        console.error('Error in drawCallback:', error);
+                    }
+                }
+            });
+            
+            console.log('DataTable with mechanics initialized successfully');
+            
+        } catch (error) {
+            console.error('Error initializing DataTable with mechanics:', error);
+            toastr.error('Gagal memuat tabel data');
+            hideLoadingOverlay();
+        }
+    }
+
+    function updateTableTotals() {
+        if (!dataTable) {
+            console.log('DataTable not initialized');
+            return;
+        }
+
+        try {
+            // Get DataTable API - try multiple methods
+            let api = null;
+            
+            // Method 1: Direct API access
+            if (dataTable && typeof dataTable.api === 'function') {
+                api = dataTable.api();
+                console.log('Using dataTable.api() method');
+            }
+            // Method 2: jQuery DataTable API
+            else if (dataTable && typeof dataTable.dataTable === 'function') {
+                api = dataTable.dataTable().api();
+                console.log('Using dataTable.dataTable().api() method');
+            }
+            // Method 3: Direct access to DataTable instance
+            else if (dataTable && dataTable.api) {
+                api = dataTable.api;
+                console.log('Using direct dataTable.api access');
+            }
+            // Method 4: Try to get from jQuery element
+            else if ($('#report-technician-table').dataTable) {
+                api = $('#report-technician-table').dataTable().api();
+                console.log('Using jQuery element dataTable().api() method');
+            }
+            
+            if (!api) {
+                console.warn('Cannot access DataTable API - trying alternative method');
+                // Alternative: Get data directly from table rows
+                updateTableTotalsFromDOM();
+                return;
+            }
+
+            console.log('DataTable API accessed successfully');
+            const data = api.data().toArray();
+            console.log('Data rows found:', data.length);
+            
+            if (data.length === 0) {
+                console.log('No data rows found');
+                return;
+            }
+
+            // Calculate totals for each mechanic
+            const totals = {};
+            
+            if (Array.isArray(mechanics) && mechanics.length > 0) {
+                mechanics.forEach(function(mechanic) {
+                    if (mechanic && mechanic.id) {
+                        totals[`mechanic_${mechanic.id}_total`] = 0;
+                    }
+                });
+            }
+
+            // Sum up values from all rows
+            data.forEach(function(row, index) {
+                console.log(`Row ${index}:`, row);
+                if (Array.isArray(mechanics) && mechanics.length > 0) {
+                    mechanics.forEach(function(mechanic) {
+                        if (mechanic && mechanic.id) {
+                            const value = parseInt(row[`mechanic_${mechanic.id}_total`] || 0);
+                            totals[`mechanic_${mechanic.id}_total`] += value;
+                            console.log(`Mechanic ${mechanic.name}: adding ${value}, total now: ${totals[`mechanic_${mechanic.id}_total`]}`);
+                        }
+                    });
+                }
+            });
+
+            console.log('Calculated totals:', totals);
+
+            // Update footer with totals
+            const $footer = $('#table-footer tr');
+            if ($footer.length > 0) {
+                let footerHtml = '<th colspan="4" class="text-center"><strong>Total</strong></th>';
+                
+                if (Array.isArray(mechanics) && mechanics.length > 0) {
+                    mechanics.forEach(function(mechanic) {
+                        if (mechanic && mechanic.id) {
+                            const total = totals[`mechanic_${mechanic.id}_total`] || 0;
+                            footerHtml += `<th class="text-center mechanic-column"><strong>${total}</strong></th>`;
+                        }
+                    });
+                }
+                
+                $footer.html(footerHtml);
+                console.log('Footer updated successfully');
+            } else {
+                console.warn('Footer row not found');
+            }
+        } catch (error) {
+            console.error('Error updating table totals:', error);
+            // Fallback to DOM method
+            updateTableTotalsFromDOM();
+        }
+    }
+
+    function updateTableTotalsFromDOM() {
+        try {
+            console.log('Using DOM method to calculate totals');
+            
+            // Calculate totals for each mechanic
+            const totals = {};
+            
+            if (Array.isArray(mechanics) && mechanics.length > 0) {
+                mechanics.forEach(function(mechanic) {
+                    if (mechanic && mechanic.id) {
+                        totals[`mechanic_${mechanic.id}_total`] = 0;
+                    }
+                });
+            }
+
+            // Get data from table rows directly
+            const $rows = $('#report-technician-table tbody tr');
+            console.log('Found table rows:', $rows.length);
+            
+            $rows.each(function(index) {
+                const $row = $(this);
+                const $cells = $row.find('td');
+                
+                if (Array.isArray(mechanics) && mechanics.length > 0) {
+                    mechanics.forEach(function(mechanic, mechanicIndex) {
+                        if (mechanic && mechanic.id) {
+                            // Skip first 4 columns (No, Nama Pekerjaan, Kode Pekerjaan, Kategori)
+                            const cellIndex = 4 + mechanicIndex;
+                            const $cell = $cells.eq(cellIndex);
+                            const value = parseInt($cell.text() || 0);
+                            totals[`mechanic_${mechanic.id}_total`] += value;
+                            console.log(`Row ${index}, Mechanic ${mechanic.name}: cell ${cellIndex} = ${value}, total now: ${totals[`mechanic_${mechanic.id}_total`]}`);
+                        }
+                    });
+                }
+            });
+
+            console.log('DOM calculated totals:', totals);
+
+            // Update footer with totals
+            const $footer = $('#table-footer tr');
+            if ($footer.length > 0) {
+                let footerHtml = '<th colspan="4" class="text-center"><strong>Total</strong></th>';
+                
+                if (Array.isArray(mechanics) && mechanics.length > 0) {
+                    mechanics.forEach(function(mechanic) {
+                        if (mechanic && mechanic.id) {
+                            const total = totals[`mechanic_${mechanic.id}_total`] || 0;
+                            footerHtml += `<th class="text-center mechanic-column"><strong>${total}</strong></th>`;
+                        }
+                    });
+                }
+                
+                $footer.html(footerHtml);
+                console.log('DOM Footer updated successfully');
+            }
+        } catch (error) {
+            console.error('Error in DOM method:', error);
+        }
+    }
+
+    function addSimpleSearch($table) {
+        // Add search input above table
+        const searchHtml = `
+            <div class="row mb-3">
+                <div class="col-sm-12">
+                    <div class="input-group">
+                        <div class="input-group-prepend">
+                            <span class="input-group-text">
+                                <i class="fa fa-search"></i>
+                            </span>
+                        </div>
+                        <input type="text" class="form-control" id="simple-search" placeholder="Cari data...">
+                    </div>
+                </div>
+            </div>
+        `;
+        
+        $table.before(searchHtml);
+        
+        // Add search functionality
+        $('#simple-search').on('keyup', function() {
+            const searchTerm = $(this).val().toLowerCase();
+            $table.find('tbody tr').each(function() {
+                const rowText = $(this).text().toLowerCase();
+                if (rowText.includes(searchTerm)) {
+                    $(this).show();
+                } else {
+                    $(this).hide();
+                }
+            });
+        });
+    }
+
+    // Filter button click - Fixed button state management
+    $('#btn-filter').on('click', function() {
+        console.log('Filter button clicked');
+        
+        // Prevent multiple clicks
+        var filterButton = $('#btn-filter');
+        if (filterButton.hasClass('loading') || filterButton.prop('disabled')) {
+            console.log('Button already loading or disabled, ignoring click');
+            return; // Already processing
+        }
+        
+        // Get dealer value from Select2 or regular select
+        let selectedDealer = '';
+        if (typeof $.fn.select2 !== 'undefined' && $('#filter-dealer').data('select2')) {
+            selectedDealer = $('#filter-dealer').select2('val') || '';
+        } else {
+            selectedDealer = $('#filter-dealer').val();
+        }
+        
+        console.log('Selected dealer:', selectedDealer);
+        
+        // Show warning if user selects "Semua Dealer"
+        if (selectedDealer === '') {
+            if (!confirm('Memilih "Semua Dealer" akan memuat data yang lebih besar dan mungkin memakan waktu lebih lama. Lanjutkan?')) {
+                return; // User cancelled
+            }
+        }
+        
+        console.log('Filter button clicked - starting data load');
+        
+        // Store the original button text before changing it
+        var originalText = filterButton.html();
+        filterButton.data('original-text', originalText);
+        
+        // Show loading state
+        filterButton.addClass('loading').prop('disabled', true);
+        filterButton.html('<i class="fa fa-spinner fa-spin"></i> Mencari...');
+        
+        console.log('Button loading state set, original text:', originalText);
+        console.log('Button disabled state:', filterButton.prop('disabled'));
+        console.log('Button loading class:', filterButton.hasClass('loading'));
+        
+        // Show loading overlay
+        showLoadingOverlay("Memuat data laporan teknisi..."); 
+        
+        // Reload DataTable
+        if (dataTable && typeof dataTable.destroy === 'function') {
+            dataTable.destroy();
+            dataTable = null;
+        }
+        
+        // Reset initialization flag to allow re-initialization
+        isInitialized = false;
+        // Ambil mechanics terbaru dari endpoint filter
+        let dealerId = '';
+        if (typeof $.fn.select2 !== 'undefined' && $('#filter-dealer').data('select2')) {
+            dealerId = $('#filter-dealer').select2('val') || '';
+        } else {
+            dealerId = $('#filter-dealer').val();
+        }
+        const startDate = $('#filter-start-date').val();
+        const endDate = $('#filter-end-date').val();
+        $.ajax({
+            url: '{{ route("reports.technician.data") }}',
+            type: 'GET',
+            data: { dealer_id: dealerId, start_date: startDate, end_date: endDate },
+            success: function(response) {
+                if (response.status === 'success' && Array.isArray(response.mechanics)) {
+                    mechanics = response.mechanics;
+                    updateTableStructureWithMechanics(); // DataTable akan rebuild dengan mechanics baru
+                } else {
+                    initializeDataTable(); // fallback
+                }
+            },
+            error: function() {
+                initializeDataTable();
+            }
+        });
+    });
+
+    // Export button click
+    $('#btn-export-excel').on('click', function() {
+        exportToExcel();
+    });
+
+    // Reset button click
+    $('#btn-reset').on('click', function() {
+        console.log('Reset button clicked');
+        
+        // Reset dealer selection
+        if (typeof $.fn.select2 !== 'undefined' && $('#filter-dealer').data('select2')) {
+            $('#filter-dealer').val('').trigger('change');
+        } else {
+            $('#filter-dealer').val('');
+        }
+        
+        // Reset date inputs
+        $('#filter-start-date').val('{{ date('Y-m-d', strtotime('-30 days')) }}');
+        $('#filter-end-date').val('{{ date('Y-m-d') }}');
+        
+        console.log('Filters reset, reloading DataTable...');
+        
+        // Reset initialization flag
+        isInitialized = false;
+        // Show loading overlay
+        showLoadingOverlay("Memuat data laporan teknisi...");
+        if (dataTable && typeof dataTable.destroy === 'function') {
+            dataTable.destroy();
+            dataTable = null;
+        }
+        // Ambil mechanics terbaru dari endpoint data reset
+        let dealerId = '';
+        const startDate = $('#filter-start-date').val();
+        const endDate = $('#filter-end-date').val();
+        $.ajax({
+            url: '{{ route("reports.technician.data") }}',
+            type: 'GET',
+            data: { dealer_id: dealerId, start_date: startDate, end_date: endDate },
+            success: function(response) {
+                if (response.status === 'success' && Array.isArray(response.mechanics)) {
+                    mechanics = response.mechanics;
+                    updateTableStructureWithMechanics();
+                } else {
+                    initializeDataTable();
+                }
+            },
+            error: function() {
+                initializeDataTable();
+            }
+        });
+    });
+
+    function exportToExcel() {
+        // Prevent multiple clicks
+        var exportButton = $('#btn-export-excel');
+        if (exportButton.hasClass('loading')) {
+            return; // Already processing
+        }
+        
+        // Get dealer value from Select2 or regular select
+        let dealerId = '';
+        if (typeof $.fn.select2 !== 'undefined' && $('#filter-dealer').data('select2')) {
+            dealerId = $('#filter-dealer').select2('val') || '';
+        } else {
+            dealerId = $('#filter-dealer').val();
+        }
+        const startDate = $('#filter-start-date').val();
+        const endDate = $('#filter-end-date').val();
+        
+        let url = '{{ route("reports.technician.export") }}';
+        let params = [];
+        
+        if (dealerId) {
+            params.push('dealer_id=' + dealerId);
+        }
+        if (startDate) {
+            params.push('start_date=' + startDate);
+        }
+        if (endDate) {
+            params.push('end_date=' + endDate);
+        }
+        
+        if (params.length > 0) {
+            url += '?' + params.join('&');
+        }
+        
+        // Show loading state
+        exportButton.addClass('loading').prop('disabled', true);
+        var originalHtml = exportButton.html();
+        exportButton.html('<i class="fa fa-spinner fa-spin"></i> Exporting...');
+        
+        // Open in new window
+        let newWindow = window.open(url, '_blank');
+        
+        // Reset button and hide overlay after a delay
+        setTimeout(function() {
+            exportButton.removeClass('loading').prop('disabled', false).html(originalHtml);
+            hideLoadingOverlay();
+        }, 2000);
+    }
+
+    // Make exportToExcel available globally
+    window.exportToExcel = exportToExcel;
+    
+    // Cleanup loading overlay on page unload
+    $(window).on('beforeunload', function() {
+        hideLoadingOverlay();
+    });
+    
+    // Cleanup Select2 on page unload
+    $(window).on('beforeunload', function() {
+        if (typeof $.fn.select2 !== 'undefined' && $('#filter-dealer').data('select2')) {
+            $('#filter-dealer').select2('destroy');
+        }
+    });
+    
+    // Fallback for toastr if not available
+    if (typeof toastr === 'undefined') {
+        window.toastr = {
+            success: function(msg) { console.log('SUCCESS:', msg); },
+            error: function(msg) { console.log('ERROR:', msg); },
+            warning: function(msg) { console.log('WARNING:', msg); },
+            info: function(msg) { console.log('INFO:', msg); }
+        };
+    }
+});
+</script>
+@endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 8d65b84..669aa1a 100755
--- a/routes/web.php
+++ b/routes/web.php
@@ -16,6 +16,7 @@ use App\Http\Controllers\WarehouseManagement\MutationsController;
 use App\Http\Controllers\WarehouseManagement\StockAuditController;
 use App\Http\Controllers\KPI\TargetsController;
 use App\Http\Controllers\Reports\ReportStockProductsController;
+use App\Http\Controllers\Reports\ReportTechniciansController;
 use App\Models\Menu;
 use App\Models\Privilege;
 use App\Models\Role;
@@ -323,6 +324,13 @@ Route::group(['middleware' => 'auth'], function() {
         Route::get('stock-products/data', [ReportStockProductsController::class, 'getData'])->name('reports.stock-product.data');
         Route::get('stock-products/dealers', [ReportStockProductsController::class, 'getDealers'])->name('reports.stock-product.dealers');
         Route::get('stock-products/export', [ReportStockProductsController::class, 'export'])->name('reports.stock-product.export');
+
+        Route::get('technician', [ReportTechniciansController::class, 'index'])->name('reports.technician.index');
+        Route::get('technician/data', [ReportTechniciansController::class, 'getData'])->name('reports.technician.data');
+        Route::get('technician/datatable', [ReportTechniciansController::class, 'getDataTable'])->name('reports.technician.datatable');
+        Route::get('technician/dealers', [ReportTechniciansController::class, 'getDealers'])->name('reports.technician.dealers');
+        Route::get('technician/export', [ReportTechniciansController::class, 'export'])->name('reports.technician.export');
+        
     });
 });