project thumbnail

.gitignore

 Homestead.json
 Homestead.yaml
 Thumbs.db
+.mcp.json
+CLAUDE.md
+AGENTS.md
+junie/
+boost.json
+/.claude
+/.cursor
+/.junie

app/Filament/Resources/ProjectResource.php

 
 namespace App\Filament\Resources;
 
-use AbdulmajeedJamaan\FilamentTranslatableTabs\TranslatableTabs;
 use App\Filament\Resources\ProjectResource\Pages;
-use App\Filament\Resources\ProjectResource\RelationManagers;
 use App\Models\Badge;
 use App\Models\Project;
 use App\Models\Region;
-use Filament\Forms;
+use App\Service\DeepLService;
 use Filament\Forms\Components\DatePicker;
 use Filament\Forms\Components\FileUpload;
 use Filament\Forms\Components\Group;
 use Filament\Tables\Filters\SelectFilter;
 use Filament\Tables\Table;
 use Illuminate\Database\Eloquent\Builder;
-use Illuminate\Database\Eloquent\SoftDeletingScope;
 use Illuminate\Support\Facades\Storage;
 use Illuminate\Support\Str;
 use SolutionForest\FilamentTranslateField\Forms\Component\Translate;
-use App\Service\DeepLService;
 
 class ProjectResource extends Resource
 {
     protected static ?string $model = Project::class;
 
     protected static ?string $navigationIcon = 'heroicon-o-rectangle-stack';
+
     protected static ?string $navigationGroup = '專案項目管理';
-    protected static ?string $navigationLabel = "專案項目管理";
-    protected static ?string $modelLabel = "專案項目管理";
+
+    protected static ?string $navigationLabel = '專案項目管理';
+
+    protected static ?string $modelLabel = '專案項目管理';
+
     protected static ?int $navigationSort = 5;
 
     public static function form(Form $form): Form
     {
         return $form
             ->schema([
-                Section::make("")->schema([
+                Section::make('')->schema([
                     Translate::make()->schema(fn (string $locale) => [
-                        TextInput::make("name")->label("項目名稱"),
-                        TextInput::make("sub_name")->label("項目子名稱"),
+                        TextInput::make('name')->label('項目名稱'),
+                        TextInput::make('sub_name')->label('項目子名稱'),
                     ])
-                    ->locales(["zh_TW", "en"])
-                    ->actions([
-                        app(DeepLService::class)->createTranslationAction("Main", ["name", "sub_name"])
-                    ])->columnSpanFull()->id("main"),
+                        ->locales(['zh_TW', 'en'])
+                        ->actions([
+                            app(DeepLService::class)->createTranslationAction('Main', ['name', 'sub_name']),
+                        ])->columnSpanFull()->id('main'),
                     Select::make('tags')
                         ->multiple()
                         ->relationship('tags', 'name')
                         ->preload()
                         ->label('標籤'),
-                    FileUpload::make("img_url")->label("圖片")->directory("project")->multiple()->maxFiles(5),
-                    TextInput::make('order')->label("排序")->default("0")
+                    FileUpload::make('thumbnail')->label('縮圖')->directory('project')->image(),
+                    FileUpload::make('img_url')->label('圖片')->directory('project')->multiple()->maxFiles(5),
+                    TextInput::make('order')->label('排序')->default('0'),
                 ]),
                 Tabs::make()->schema([
-                    Tab::make("專案概要")->schema([
-                        Select::make("region_id")->label("地區")->options(function (){
-                            return Region::where("visible",true)->pluck("name", "id");
+                    Tab::make('專案概要')->schema([
+                        Select::make('region_id')->label('地區')->options(function () {
+                            return Region::where('visible', true)->pluck('name', 'id');
                         }),
                         Translate::make()->schema(fn (string $locale) => [
-                            Textarea::make("summaries")->label("簡述"),
-                            TextInput::make("district")->label("區域"),
-                            TextInput::make("address")->label("地址"),
-                            Textarea::make("floor_plan")->label("樓層規劃"),
-                            Textarea::make("building_structure")->label("建築結構"),
-                            Textarea::make("design_unit")->label("設計單位")
+                            Textarea::make('summaries')->label('簡述'),
+                            TextInput::make('district')->label('區域'),
+                            TextInput::make('address')->label('地址'),
+                            Textarea::make('floor_plan')->label('樓層規劃'),
+                            Textarea::make('building_structure')->label('建築結構'),
+                            Textarea::make('design_unit')->label('設計單位'),
                         ])
-                        ->locales(["zh_TW", "en"])
-                        ->actions([
-                            app(DeepLService::class)->createTranslationAction("summaries", ["summaries","address",
-                            "floor_plan","building_structure","design_unit"])
-                        ])->columnSpanFull()->id("summaries"),
-                        Radio::make("badge_type")->label("")->options([1 => "永續目標", 2 => "取得標章"])->default(1)->inline(),
-                        Repeater::make("badgesTarget")->label("永續目標")->schema([
-                            Hidden::make("award_type")->default(1),
+                            ->locales(['zh_TW', 'en'])
+                            ->actions([
+                                app(DeepLService::class)->createTranslationAction('summaries', ['summaries', 'address',
+                                    'floor_plan', 'building_structure', 'design_unit']),
+                            ])->columnSpanFull()->id('summaries'),
+                        Radio::make('badge_type')->label('')->options([1 => '永續目標', 2 => '取得標章'])->default(1)->inline(),
+                        Repeater::make('badgesTarget')->label('永續目標')->schema([
+                            Hidden::make('award_type')->default(1),
                             Select::make('badge_id')
                                 ->options(function () {
                                     return Badge::all()->mapWithKeys(function ($badge) {
                                         return [
                                             $badge->id => '<div class="flex items-center gap-2">
-                                                <img src="' . Storage::url($badge->img_url) . '" class="w-6 h-6 rounded-full">
-                                                <span>' . $badge->title . '</span>
-                                            </div>'
+                                                <img src="'.Storage::url($badge->img_url).'" class="w-6 h-6 rounded-full">
+                                                <span>'.$badge->title.'</span>
+                                            </div>',
                                         ];
                                     });
                                 })
                                 ->label('')
                                 ->required(),
                         ])->reorderable(false),
-                        Repeater::make("badgesAward")->label("取得標章")->schema([
-                            Hidden::make("award_type")->default(2),
+                        Repeater::make('badgesAward')->label('取得標章')->schema([
+                            Hidden::make('award_type')->default(2),
                             Select::make('badge_id')
                                 ->options(function () {
                                     return Badge::all()->mapWithKeys(function ($badge) {
                                         return [
                                             $badge->id => '<div class="flex items-center gap-2">
-                                                <img src="' . Storage::url($badge->img_url) . '" class="w-6 h-6 rounded-full">
-                                                <span>' . $badge->title . '</span>
-                                            </div>'
+                                                <img src="'.Storage::url($badge->img_url).'" class="w-6 h-6 rounded-full">
+                                                <span>'.$badge->title.'</span>
+                                            </div>',
                                         ];
                                     });
                                 })
                                 ->format('Y-m')
                                 ->displayFormat('Y年m月')
                                 ->native(false)
-                                ->closeOnDateSelection()
+                                ->closeOnDateSelection(),
                         ])->reorderable(false),
                     ]),
-                    Tab::make("開發歷程")->schema([
-                        Repeater::make("histories")->label("")->schema([
+                    Tab::make('開發歷程')->schema([
+                        Repeater::make('histories')->label('')->schema([
                             TextInput::make('histories_item_key')
-                            ->default(fn () => Str::random())
-                            ->hidden()
-                            ->afterStateHydrated(function (TextInput $component, $state) {
-                                if (empty($state)) {
-                                    $component->state(Str::random());
-                                }
-                            }),
-                            DatePicker::make("operate_date")->label("歷程日期")->columnSpan(1),
+                                ->default(fn () => Str::random())
+                                ->hidden()
+                                ->afterStateHydrated(function (TextInput $component, $state) {
+                                    if (empty($state)) {
+                                        $component->state(Str::random());
+                                    }
+                                }),
+                            DatePicker::make('operate_date')->label('歷程日期')->columnSpan(1),
                             Translate::make()->schema(fn (string $locale) => [
-                                TextInput::make("title")->label("標題")->columnSpanFull()
+                                TextInput::make('title')->label('標題')->columnSpanFull(),
                             ])
-                            ->locales(["zh_TW", "en"])
-                            ->actions([
-                                app(DeepLService::class)->createTranslationAction("histories", ["title"])
-                            ])->columnSpanFull()
-                            ->id(fn ($get) => "histories_" . $get('histories_item_key')),
+                                ->locales(['zh_TW', 'en'])
+                                ->actions([
+                                    app(DeepLService::class)->createTranslationAction('histories', ['title']),
+                                ])->columnSpanFull()
+                                ->id(fn ($get) => 'histories_'.$get('histories_item_key')),
                         ])
-                        ->relationship("histories", function ($query,Get $get, $livewire) {
-                            return $query->orderby("operate_date","desc");
-                        })
-                        ->collapsible()
-                        ->cloneable()
+                            ->relationship('histories', function ($query, Get $get, $livewire) {
+                                return $query->orderby('operate_date', 'desc');
+                            })
+                            ->collapsible()
+                            ->cloneable(),
                     ]),
-                    Tab::make("空間資訊")->schema([
+                    Tab::make('空間資訊')->schema([
                         Group::make()->schema([
                             Translate::make()->schema(fn (string $locale) => [
-                                TextInput::make("contact_unit")->label("物管單位"),
-                                TextInput::make("contact_phone")->label("物管電話"),
-                                TextInput::make("inversment_phone")->label("招商電話"),
+                                TextInput::make('contact_unit')->label('物管單位'),
+                                TextInput::make('contact_phone')->label('物管電話'),
+                                TextInput::make('inversment_phone')->label('招商電話'),
                             ])
-                            ->locales(["zh_TW", "en"])
-                            ->actions([
-                                app(DeepLService::class)->createTranslationAction("contact", ["contact_unit", "contact_phone", "inversment_phone"])
-                            ])->columnSpanFull()->columns(3)
-                            ->id("contact"),
-                            TextInput::make("offical_link")->label("官網連結"),
+                                ->locales(['zh_TW', 'en'])
+                                ->actions([
+                                    app(DeepLService::class)->createTranslationAction('contact', ['contact_unit', 'contact_phone', 'inversment_phone']),
+                                ])->columnSpanFull()->columns(3)
+                                ->id('contact'),
+                            TextInput::make('offical_link')->label('官網連結'),
                         ])->columnSpanFull(),
-                        Repeater::make("spaceInfos")->label("")->schema([
+                        Repeater::make('spaceInfos')->label('')->schema([
                             Translate::make()->schema(fn (string $locale) => [
-                                TextInput::make("title")->label("標題")->columnSpanFull(),
-                                Textarea::make("content")->label("內文")->columnSpanFull()
+                                TextInput::make('title')->label('標題')->columnSpanFull(),
+                                Textarea::make('content')->label('內文')->columnSpanFull(),
                             ])
-                            ->locales(["zh_TW", "en"])
-                            ->actions([
-                                app(DeepLService::class)->createTranslationAction("spaceInfos", ["title", "content"])
-                            ])->columnSpanFull()
-                            ->id(fn ($get) => "spaceInfos_" . $get('item_key')),
+                                ->locales(['zh_TW', 'en'])
+                                ->actions([
+                                    app(DeepLService::class)->createTranslationAction('spaceInfos', ['title', 'content']),
+                                ])->columnSpanFull()
+                                ->id(fn ($get) => 'spaceInfos_'.$get('item_key')),
                         ])
-                        ->relationship("spaceInfos")
-                        ->label("")
-                        ->collapsible()
-                        ->reorderableWithButtons()
-                        ->orderColumn('order')
-                        ->cloneable(),
-                    ])
+                            ->relationship('spaceInfos')
+                            ->label('')
+                            ->collapsible()
+                            ->reorderableWithButtons()
+                            ->orderColumn('order')
+                            ->cloneable(),
+                    ]),
                 ])->columnSpanFull(),
             ]);
     }
         return $table
             ->columns([
                 //
-                TextColumn::make("name")->label("項目名稱")->alignCenter(),
-                ImageColumn::make("first_list_img_url")->label("列表圖")->alignCenter(),
-                TextColumn::make("region.name")->label("地址")->alignCenter()
-                ->formatStateUsing(fn ($record) => $record->region->getTranslation("name", "zh_TW") . ' | ' . $record->getTranslation("address", "zh_TW")),
+                TextColumn::make('name')->label('項目名稱')->alignCenter(),
+                ImageColumn::make('thumbnail_url')->label('縮圖')->alignCenter(),
+                ImageColumn::make('first_list_img_url')->label('列表圖')->alignCenter(),
+                TextColumn::make('region.name')->label('地址')->alignCenter()
+                    ->formatStateUsing(fn ($record) => $record->region->getTranslation('name', 'zh_TW').' | '.$record->getTranslation('address', 'zh_TW')),
             ])
             ->filters([
-                SelectFilter::make('visible')->label("上/下架")
-                ->options([
-                    0 => "下架",
-                    1 => "上架",
-                ])
-                ->query(
-                    fn (array $data, Builder $query): Builder =>
-                    $query->when(
-                        $data['value'],
-                        fn (Builder $query, $value): Builder => $query->where('visible', $data['value'])
-                    )
-                ),
+                SelectFilter::make('visible')->label('上/下架')
+                    ->options([
+                        0 => '下架',
+                        1 => '上架',
+                    ])
+                    ->query(
+                        fn (array $data, Builder $query): Builder => $query->when(
+                            $data['value'],
+                            fn (Builder $query, $value): Builder => $query->where('visible', $data['value'])
+                        )
+                    ),
             ])
             ->actions([
                 Tables\Actions\EditAction::make(),
                 Tables\Actions\DeleteAction::make(),
-                \Filament\Tables\Actions\Action::make("audit")
-                ->label(fn ($record) => match ($record->visible) {
-                    0 => '上架',
-                    1 => '下架',
-                })
-                ->color(fn ($record) => match ($record->visible) {
-                    0 => 'warning',
-                    1 => 'gray',
-                })
-                ->icon(fn ($record) => match ($record->visible) {
-                    0 => 'heroicon-m-chevron-double-up',
-                    1 => 'heroicon-m-chevron-double-down',
-                })
-                ->action(function ($record): void {
-                    $record->visible = !$record->visible;
-                    $record->save();
-                })
-                ->outlined()
-                ->requiresConfirmation(),
+                \Filament\Tables\Actions\Action::make('audit')
+                    ->label(fn ($record) => match ($record->visible) {
+                        0 => '上架',
+                        1 => '下架',
+                    })
+                    ->color(fn ($record) => match ($record->visible) {
+                        0 => 'warning',
+                        1 => 'gray',
+                    })
+                    ->icon(fn ($record) => match ($record->visible) {
+                        0 => 'heroicon-m-chevron-double-up',
+                        1 => 'heroicon-m-chevron-double-down',
+                    })
+                    ->action(function ($record): void {
+                        $record->visible = ! $record->visible;
+                        $record->save();
+                    })
+                    ->outlined()
+                    ->requiresConfirmation(),
             ])
             ->bulkActions([
                 Tables\Actions\BulkActionGroup::make([

app/Http/Controllers/Api/ProjectController.php

 namespace App\Http\Controllers\Api;
 
 use App\Http\Controllers\Controller;
-use App\Models\News;
-use App\Models\NewsCategory;
 use App\Models\Project;
 use App\Models\Region;
 use App\Models\Tag;
 use App\Supports\Response;
 use Carbon\Carbon;
 use Illuminate\Http\Request;
-use Illuminate\Support\Facades\DB;
-use Illuminate\Support\Facades\Log;
-use App\Http\Helper\Helper;
 
 /**
  * @group Lottery Prize
 class ProjectController extends Controller
 {
     public function __construct(
-    )
-    {
-    }
+    ) {}
 
     public function list(Request $request, $locale = 'tw')
     {
-        $locale = $locale == "tw" ? "zh_TW" : $locale;
+        $locale = $locale == 'tw' ? 'zh_TW' : $locale;
         $result = [];
 
-        //年份清單
-        $regions = Region::select(['id', 'name'])->where("visible", 1)->get()->map(function ($record) use ($locale){
+        // 年份清單
+        $regions = Region::select(['id', 'name'])->where('visible', 1)->get()->map(function ($record) use ($locale) {
             return [
-                "id" => $record->id,
-                "name" => $record->getTranslation("name", $locale)
+                'id' => $record->id,
+                'name' => $record->getTranslation('name', $locale),
             ];
         });
-        $tags = Tag::select(['id', 'name'])->where("visible", 1)->get()->map(function ($record) use ($locale){
+        $tags = Tag::select(['id', 'name'])->where('visible', 1)->get()->map(function ($record) use ($locale) {
             return [
-                "id" => $record->id,
-                "name" => $record->getTranslation("name", $locale)
+                'id' => $record->id,
+                'name' => $record->getTranslation('name', $locale),
             ];
         });
 
-        $result["regions"] = $regions;
-        $result["tags"] = $tags;
+        $result['regions'] = $regions;
+        $result['tags'] = $tags;
 
-        //文章列表
-        $projects = Project::where("visible", true);
-        if($request->has('region')){
-            $projects->where("region_id", $request->input('region'));
+        // 文章列表
+        $projects = Project::where('visible', true);
+        if ($request->has('region')) {
+            $projects->where('region_id', $request->input('region'));
         }
-        if($request->has('tags')){
+        if ($request->has('tags')) {
             $request_tags = $request->input('tags');
-            $projects->whereHas("tags", function ($query) use ($request_tags) {
-                return $query->whereIn("tags.id", $request_tags);
+            $projects->whereHas('tags', function ($query) use ($request_tags) {
+                return $query->whereIn('tags.id', $request_tags);
             });
         }
 
-        $projects = $projects->with(['tags', 'region'])->orderByDesc("order")->get();
-        foreach($projects as $project){
-            $result["list"][] = [
-                "id" => $project->id,
-                "region_id" => $project->region_id,
-                "region" => $project->region->getTranslation("name", $locale),
-                "district" => $project->getTranslation("district", $locale),
-                "address" => $project->getTranslation("address", $locale),
-                "tags" => $project->tags->map(function ($record) use ($locale){
+        $projects = $projects->with(['tags', 'region'])->orderByDesc('order')->get();
+        foreach ($projects as $project) {
+            $result['list'][] = [
+                'id' => $project->id,
+                'region_id' => $project->region_id,
+                'region' => $project->region->getTranslation('name', $locale),
+                'district' => $project->getTranslation('district', $locale),
+                'address' => $project->getTranslation('address', $locale),
+                'tags' => $project->tags->map(function ($record) use ($locale) {
                     return [
-                        "id" => $record->id,
-                        "name" => $record->getTranslation("name", $locale)
+                        'id' => $record->id,
+                        'name' => $record->getTranslation('name', $locale),
                     ];
                 }),
-                "name" => $project->getTranslation("name", $locale),
-                "imgUrl" => $project->first_list_img_url
+                'name' => $project->getTranslation('name', $locale),
+                'thumbnail' => $project->thumbnail_url,
+                'imgUrl' => $project->first_list_img_url,
             ];
         }
+
         return Response::ok($result);
     }
 
-    public function detail($locale = 'tw', $id){
+    public function detail($locale, $id)
+    {
 
-        $locale = $locale == "tw" ? "zh_TW" : $locale;
+        $locale = $locale == 'tw' ? 'zh_TW' : $locale;
         $project = Project::find($id);
 
         $projectHistories = [];
         $projectSpaceInfo = [];
-        foreach($project->histories as $history){
+        foreach ($project->histories as $history) {
             $operateDate = Carbon::parse($history->operate_date);
-            $projectHistories[$operateDate->format("Y")][] = [
-                "operateDate" => $operateDate->format("m/d"),
-                "title" => $history->getTranslation("title", $locale)
+            $projectHistories[$operateDate->format('Y')][] = [
+                'operateDate' => $operateDate->format('m/d'),
+                'title' => $history->getTranslation('title', $locale),
             ];
         }
-        foreach($project->spaceInfos as $spaceInfo){
+        foreach ($project->spaceInfos as $spaceInfo) {
             $projectSpaceInfo[] = [
-                "title" => $spaceInfo->getTranslation("title", $locale),
-                "content" => $spaceInfo->getTranslation("content", $locale)
+                'title' => $spaceInfo->getTranslation('title', $locale),
+                'content' => $spaceInfo->getTranslation('content', $locale),
             ];
         }
 
         $result = [
-            "name" => $project->getTranslation("name", $locale),
-            "subName" => $project->getTranslation("sub_name", $locale),
-            "description" => $project->getTranslation("summaries", $locale),
-            "images" => $project->img_list,
-            "region_id" => $project->region_id,
-            "region" => $project->region->getTranslation("name", $locale),
-            "address" => $project->getTranslation("address", $locale),
-            "district" => $project->getTranslation("district", $locale),
-            "tags" => $project->tags->map(function ($record) use ($locale){
+            'name' => $project->getTranslation('name', $locale),
+            'subName' => $project->getTranslation('sub_name', $locale),
+            'description' => $project->getTranslation('summaries', $locale),
+            'thumbnail' => $project->thumbnail_url,
+            'images' => $project->img_list,
+            'region_id' => $project->region_id,
+            'region' => $project->region->getTranslation('name', $locale),
+            'address' => $project->getTranslation('address', $locale),
+            'district' => $project->getTranslation('district', $locale),
+            'tags' => $project->tags->map(function ($record) use ($locale) {
                 return [
-                    "id" => $record->id,
-                    "name" => $record->getTranslation("name", $locale)
+                    'id' => $record->id,
+                    'name' => $record->getTranslation('name', $locale),
                 ];
             }),
-            "floor_plan" => $project->getTranslation("floor_plan", $locale),
-            "building_structure" => $project->getTranslation("building_structure", $locale),
-            "design_unit" => $project->getTranslation("design_unit", $locale),
-            "badge_type" => $project->badge_type,
-            "badges" => $project->getBadgesByType($locale, $project->badge_type),
-            "contact_info" => [
-                "unitName" => $project->getTranslation("contact_unit", $locale),
-                "unitPhone" => $project->getTranslation("contact_phone", $locale),
-                "inversmentPhone" => $project->getTranslation("inversment_phone", $locale),
-                "officalLink" => $project->offical_link,
+            'floor_plan' => $project->getTranslation('floor_plan', $locale),
+            'building_structure' => $project->getTranslation('building_structure', $locale),
+            'design_unit' => $project->getTranslation('design_unit', $locale),
+            'badge_type' => $project->badge_type,
+            'badges' => $project->getBadgesByType($locale, $project->badge_type),
+            'contact_info' => [
+                'unitName' => $project->getTranslation('contact_unit', $locale),
+                'unitPhone' => $project->getTranslation('contact_phone', $locale),
+                'inversmentPhone' => $project->getTranslation('inversment_phone', $locale),
+                'officalLink' => $project->offical_link,
             ],
-            "spaceInfo" => $projectSpaceInfo,
-            "historyList" => $projectHistories
+            'spaceInfo' => $projectSpaceInfo,
+            'historyList' => $projectHistories,
         ];
+
         return Response::ok($result);
     }
 
-    public function badges($locale = 'tw') {
-        $locale = $locale == "tw" ? "zh_TW" : $locale;
+    public function badges($locale = 'tw')
+    {
+        $locale = $locale == 'tw' ? 'zh_TW' : $locale;
 
-        $projects = Project::where("badge_type", 2)->get();
+        $projects = Project::where('badge_type', 2)->get();
         $result = [];
 
-        foreach($projects as $project){
+        foreach ($projects as $project) {
             $badgesData = $project->awardBadges;
             $badges = [];
-            foreach($badgesData as $badge){
+            foreach ($badgesData as $badge) {
                 $badges[] = [
-                    "imgUrl" => $badge->imgUrlLink,
-                    "name" => $badge->getTranslation("title", $locale),
-                    "rewardYear" => "取得時間 : " . date("Y.m", strtotime($badge->pivot->award_date))
+                    'imgUrl' => $badge->imgUrlLink,
+                    'name' => $badge->getTranslation('title', $locale),
+                    'rewardYear' => '取得時間 : '.date('Y.m', strtotime($badge->pivot->award_date)),
                 ];
             }
             $result[] = [
-                "name" => $project->getTranslation("name", $locale),
-                "badges" => $badges
+                'name' => $project->getTranslation('name', $locale),
+                'badges' => $badges,
             ];
         }
 

app/Models/Project.php

 class Project extends Model
 {
     use HasTranslations, SoftDeletes;
+
     protected $guarded = ['id'];
 
-    protected $translatable = ["name", "sub_name", "summaries", "img_alt", "address", "floor_plan",
-        "building_structure", "design_unit", "contact_unit", "contact_phone", "inversment_phone", "district"
+    protected $translatable = ['name', 'sub_name', 'summaries', 'img_alt', 'address', 'floor_plan',
+        'building_structure', 'design_unit', 'contact_unit', 'contact_phone', 'inversment_phone', 'district',
     ];
-    protected $casts = ["img_url" => "array"];
 
-    protected $appends = ["first_list_img_url", "img_list"];
+    protected $casts = ['img_url' => 'array'];
+
+    protected $appends = ['first_list_img_url', 'img_list', 'thumbnail_url'];
 
     public function region()
     {
     public function badges()
     {
         return $this->morphToMany(Badge::class, 'badgeable')
-        ->withPivot('award_date', 'award_type')  // ✅ 關鍵
-        ->withTimestamps();
+            ->withPivot('award_date', 'award_type')  // ✅ 關鍵
+            ->withTimestamps();
     }
 
     /**
     public function firstListImgUrl(): Attribute
     {
         return Attribute::make(
-            get: fn ($value) => !empty($this->img_url) ? Storage::url($this->img_url[0]) : null,
+            get: fn ($value) => ! empty($this->img_url) ? Storage::url($this->img_url[0]) : null,
         );
     }
 
     public function imgList(): Attribute
     {
         $imgList = [];
-        if(!is_null($this->img_url) && count($this->img_url) > 0){
-            foreach($this->img_url as $img){
+        if (! is_null($this->img_url) && count($this->img_url) > 0) {
+            foreach ($this->img_url as $img) {
                 $imgList[] = Storage::url($img);
             }
         }
+
         return Attribute::make(
             get: fn ($value) => $imgList,
         );
     }
 
-    public function getBadges($locale) : array
+    public function thumbnailUrl(): Attribute
+    {
+        return Attribute::make(
+            get: fn ($value) => ! empty($this->thumbnail) ? Storage::url($this->thumbnail) : null,
+        );
+    }
+
+    public function getBadges($locale): array
     {
         $badges = [];
-        if($this->badges->count() > 0){
-            foreach($this->badges as $badge){
+        if ($this->badges->count() > 0) {
+            foreach ($this->badges as $badge) {
                 $badges[] = [
-                    "imgUrl" => $badge->imgUrlLink,
-                    "name" => $badge->getTranslation("title", $locale),
-                    "awardDate" => "取得時間 : " . date("Y.m", strtotime($badge->pivot->award_date))
+                    'imgUrl' => $badge->imgUrlLink,
+                    'name' => $badge->getTranslation('title', $locale),
+                    'awardDate' => '取得時間 : '.date('Y.m', strtotime($badge->pivot->award_date)),
                 ];
             }
         }
         return $badges;
     }
 
-    public function getBadgesByType($locale, $badgeType) : array
+    public function getBadgesByType($locale, $badgeType): array
     {
         $badges = [];
-        switch($badgeType){
-            case "1":
+        switch ($badgeType) {
+            case '1':
                 $badgesData = $this->targetBadges;
-                foreach($badgesData as $badge){
+                foreach ($badgesData as $badge) {
                     $badges[] = [
-                        "imgUrl" => $badge->imgUrlLink,
-                        "name" => $badge->getTranslation("title", $locale),
-                        "awardDate" => null
+                        'imgUrl' => $badge->imgUrlLink,
+                        'name' => $badge->getTranslation('title', $locale),
+                        'awardDate' => null,
                     ];
                 }
                 break;
-            case "2":
+            case '2':
                 $badgesData = $this->awardBadges;
-                foreach($badgesData as $badge){
+                foreach ($badgesData as $badge) {
                     $badges[] = [
-                        "imgUrl" => $badge->imgUrlLink,
-                        "name" => $badge->getTranslation("title", $locale),
-                        "awardDate" => "取得時間 : " . date("Y.m", strtotime($badge->pivot->award_date))
+                        'imgUrl' => $badge->imgUrlLink,
+                        'name' => $badge->getTranslation('title', $locale),
+                        'awardDate' => '取得時間 : '.date('Y.m', strtotime($badge->pivot->award_date)),
                     ];
                 }
                 break;
         }
+
         return $badges;
     }
 
-    public function getTags($locale) : array
+    public function getTags($locale): array
     {
         $tags = [];
-        if($this->tags->count() > 0){
-            foreach($this->tags as $tag){
+        if ($this->tags->count() > 0) {
+            foreach ($this->tags as $tag) {
                 $tags[] = [
-                    "id" => $tag->id,
-                    "name" => $tag->getTranslation("name", $locale),
+                    'id' => $tag->id,
+                    'name' => $tag->getTranslation('name', $locale),
                 ];
             }
         }

composer.json

     },
     "require-dev": {
         "fakerphp/faker": "^1.23",
+        "laravel/boost": "^1.1",
         "laravel/pail": "^1.2.2",
         "laravel/pint": "^1.24",
         "laravel/sail": "^1.41",

composer.lock

         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "e904da9638c3c3831ee33c8e624ce412",
+    "content-hash": "44b40d372827055e89cb5b1d76a38986",
     "packages": [
         {
             "name": "abdulmajeed-jamaan/filament-translatable-tabs",
             "time": "2025-04-30T06:54:44+00:00"
         },
         {
+            "name": "laravel/boost",
+            "version": "v1.1.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/boost.git",
+                "reference": "4bd1692c064b2135eb2f8f7bd8bcb710e5e75f86"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/boost/zipball/4bd1692c064b2135eb2f8f7bd8bcb710e5e75f86",
+                "reference": "4bd1692c064b2135eb2f8f7bd8bcb710e5e75f86",
+                "shasum": ""
+            },
+            "require": {
+                "guzzlehttp/guzzle": "^7.9",
+                "illuminate/console": "^10.0|^11.0|^12.0",
+                "illuminate/contracts": "^10.0|^11.0|^12.0",
+                "illuminate/routing": "^10.0|^11.0|^12.0",
+                "illuminate/support": "^10.0|^11.0|^12.0",
+                "laravel/mcp": "^0.1.1",
+                "laravel/prompts": "^0.1.9|^0.3",
+                "laravel/roster": "^0.2.5",
+                "php": "^8.1"
+            },
+            "require-dev": {
+                "laravel/pint": "^1.14",
+                "mockery/mockery": "^1.6",
+                "orchestra/testbench": "^8.22.0|^9.0|^10.0",
+                "pestphp/pest": "^2.0|^3.0",
+                "phpstan/phpstan": "^2.0"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Laravel\\Boost\\BoostServiceProvider"
+                    ]
+                },
+                "branch-alias": {
+                    "dev-master": "1.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Laravel\\Boost\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "description": "Laravel Boost accelerates AI-assisted development to generate high-quality, Laravel-specific code.",
+            "homepage": "https://github.com/laravel/boost",
+            "keywords": [
+                "ai",
+                "dev",
+                "laravel"
+            ],
+            "support": {
+                "issues": "https://github.com/laravel/boost/issues",
+                "source": "https://github.com/laravel/boost"
+            },
+            "time": "2025-09-18T07:33:27+00:00"
+        },
+        {
+            "name": "laravel/mcp",
+            "version": "v0.1.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/mcp.git",
+                "reference": "6d6284a491f07c74d34f48dfd999ed52c567c713"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/mcp/zipball/6d6284a491f07c74d34f48dfd999ed52c567c713",
+                "reference": "6d6284a491f07c74d34f48dfd999ed52c567c713",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/console": "^10.0|^11.0|^12.0",
+                "illuminate/contracts": "^10.0|^11.0|^12.0",
+                "illuminate/http": "^10.0|^11.0|^12.0",
+                "illuminate/routing": "^10.0|^11.0|^12.0",
+                "illuminate/support": "^10.0|^11.0|^12.0",
+                "illuminate/validation": "^10.0|^11.0|^12.0",
+                "php": "^8.1|^8.2"
+            },
+            "require-dev": {
+                "laravel/pint": "^1.14",
+                "orchestra/testbench": "^8.22.0|^9.0|^10.0",
+                "phpstan/phpstan": "^2.0"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "aliases": {
+                        "Mcp": "Laravel\\Mcp\\Server\\Facades\\Mcp"
+                    },
+                    "providers": [
+                        "Laravel\\Mcp\\Server\\McpServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Laravel\\Mcp\\": "src/",
+                    "Workbench\\App\\": "workbench/app/",
+                    "Laravel\\Mcp\\Tests\\": "tests/",
+                    "Laravel\\Mcp\\Server\\": "src/Server/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "description": "The easiest way to add MCP servers to your Laravel app.",
+            "homepage": "https://github.com/laravel/mcp",
+            "keywords": [
+                "dev",
+                "laravel",
+                "mcp"
+            ],
+            "support": {
+                "issues": "https://github.com/laravel/mcp/issues",
+                "source": "https://github.com/laravel/mcp"
+            },
+            "time": "2025-08-16T09:50:43+00:00"
+        },
+        {
             "name": "laravel/pail",
             "version": "v1.2.3",
             "source": {
             "time": "2025-07-10T18:09:32+00:00"
         },
         {
+            "name": "laravel/roster",
+            "version": "v0.2.9",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/roster.git",
+                "reference": "82bbd0e2de614906811aebdf16b4305956816fa6"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/roster/zipball/82bbd0e2de614906811aebdf16b4305956816fa6",
+                "reference": "82bbd0e2de614906811aebdf16b4305956816fa6",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/console": "^10.0|^11.0|^12.0",
+                "illuminate/contracts": "^10.0|^11.0|^12.0",
+                "illuminate/routing": "^10.0|^11.0|^12.0",
+                "illuminate/support": "^10.0|^11.0|^12.0",
+                "php": "^8.1|^8.2",
+                "symfony/yaml": "^6.4|^7.2"
+            },
+            "require-dev": {
+                "laravel/pint": "^1.14",
+                "mockery/mockery": "^1.6",
+                "orchestra/testbench": "^8.22.0|^9.0|^10.0",
+                "pestphp/pest": "^2.0|^3.0",
+                "phpstan/phpstan": "^2.0"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Laravel\\Roster\\RosterServiceProvider"
+                    ]
+                },
+                "branch-alias": {
+                    "dev-master": "1.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Laravel\\Roster\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "description": "Detect packages & approaches in use within a Laravel project",
+            "homepage": "https://github.com/laravel/roster",
+            "keywords": [
+                "dev",
+                "laravel"
+            ],
+            "support": {
+                "issues": "https://github.com/laravel/roster/issues",
+                "source": "https://github.com/laravel/roster"
+            },
+            "time": "2025-10-20T09:56:46+00:00"
+        },
+        {
             "name": "laravel/sail",
             "version": "v1.45.0",
             "source": {
         "php": "^8.2"
     },
     "platform-dev": [],
-    "plugin-api-version": "2.6.0"
+    "plugin-api-version": "2.3.0"
 }

database/migrations/2025_11_18_082640_add_thumbnail_to_projects_table.php

+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('projects', function (Blueprint $table) {
+            $table->string('thumbnail')->nullable()->after('img_url')->comment('縮圖');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('projects', function (Blueprint $table) {
+            $table->dropColumn('thumbnail');
+        });
+    }
+};