\n 509→
\n 518→ ) : (\n 519→ <>\n 520→ {/* Job selector — horizontal scroll */}\n 521→ {jobs.length > 1 && (\n 522→ No jobs posted yet
\n 511→\n 512→ Post a job to start seeing matched workers.\n 513→
\n 514→ \n 517→\n 523→ {jobs.map((job) => (\n 524→ {\n 527→ setSelectedJobId(job.id);\n 528→ setCurrentPage(1); // Reset to first page when changing jobs\n 529→ }}\n 530→ className={`shrink-0 rounded-full px-5 py-3 text-base font-semibold transition-all active:scale-95 min-h-[48px] ${\n 531→ selectedJobId === job.id\n 532→ ? \"bg-primary text-primary-foreground\"\n 533→ : \"bg-muted text-muted-foreground\"\n 534→ }`}\n 535→ >\n 536→ {job.title}\n 537→ \n 538→ ))}\n 539→
\n 540→ )}\n 541→\n 542→ {/* Selected job summary */}\n 543→ {selectedJobId && (\n 544→ \n 545→ {(() => {\n 546→ const job = jobs.find((j) => j.id === selectedJobId);\n 547→ if (!job) return null;\n 548→ return (\n 549→
\n 564→ )}\n 565→\n 566→ {/* Matches */}\n 567→ {loadingMatches ? (\n 568→ \n 550→ {TRADE_LABEL[job.trade] || job.trade} \n 551→ {job.suburb && (\n 552→ \n 553→
\n 561→ );\n 562→ })()}\n 563→ \n 569→
\n 571→ ) : matches.length === 0 ? (\n 572→ \n 573→
\n 579→ ) : (\n 580→ <>\n 581→ No matches yet
\n 575→\n 576→ Workers will show up here as they apply. We'll notify you.\n 577→
\n 578→\n 582→ {/* Swipe hint */}\n 583→ {matches.length > 0 && matches.some(m => m.status !== \"hired\") && (\n 584→
\n 603→ \n 604→ {/* Pagination Controls */}\n 605→ {totalPages > 1 && (\n 606→ \n 585→
\n 589→ )}\n 590→\n 591→ {matches.map((match) => (\n 592→ \n 586→ 👉 Swipe right to hire • Swipe left to pass\n 587→
\n 588→\n 607→ setCurrentPage(prev => Math.max(1, prev - 1))}\n 611→ disabled={currentPage === 1}\n 612→ >\n 613→ Previous\n 614→ \n 615→ \n 616→ setCurrentPage(prev => Math.min(totalPages, prev + 1))}\n 647→ disabled={currentPage === totalPages}\n 648→ >\n 649→ Next\n 650→ \n 651→
\n 652→ )}\n 653→ \n 654→ )}\n 655→ \n 656→ )}\n 657→ \n 617→ {Array.from({ length: Math.min(5, totalPages) }, (_, i) => {\n 618→ let pageNum;\n 619→ if (totalPages <= 5) {\n 620→ pageNum = i + 1;\n 621→ } else if (currentPage <= 3) {\n 622→ pageNum = i + 1;\n 623→ } else if (currentPage >= totalPages - 2) {\n 624→ pageNum = totalPages - 4 + i;\n 625→ } else {\n 626→ pageNum = currentPage - 2 + i;\n 627→ }\n 628→ \n 629→ return (\n 630→ setCurrentPage(pageNum)}\n 635→ className=\"min-w-[36px]\"\n 636→ >\n 637→ {pageNum}\n 638→ \n 639→ );\n 640→ })}\n 641→
\n 642→ \n 643→