phase 5

resources/views/issues/index.blade.php

@@ -1,5 +1,7 @@
 <x-app-layout>
-    @php($currentProject = $project)
+    @php
+        $currentProject = $project;
+    @endphp
 
     <x-slot name="header">
         <div class="flex items-center justify-between">
@@ -41,8 +43,19 @@
                             @endforeach
                         </select>
                     </div>
+                    @if($environments->isNotEmpty())
+                        <div>
+                            <x-input-label for="environment" value="Environment" />
+                            <select id="environment" name="environment" class="mt-1 block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm text-sm">
+                                <option value="">All</option>
+                                @foreach($environments as $env)
+                                    <option value="{{ $env }}" {{ $currentEnvironment === $env ? 'selected' : '' }}>{{ ucfirst($env) }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                    @endif
                     <x-primary-button>Filter</x-primary-button>
-                    @if($search || $currentLevel || $currentStatus !== 'unresolved')
+                    @if($search || $currentLevel || $currentEnvironment || $currentStatus !== 'unresolved')
                         <a href="{{ route('projects.issues.index', $project) }}" class="text-sm text-gray-500 hover:text-gray-700">Reset</a>
                     @endif
                 </form>

resources/views/issues/show.blade.php

@@ -39,6 +39,26 @@
                 </div>
             @endif
 
+            {{-- Environment Filter --}}
+            @if($environments->isNotEmpty())
+                <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg p-4">
+                    <form method="GET" action="{{ route('projects.issues.show', [$project, $issue]) }}" class="flex items-end gap-4">
+                        <div>
+                            <x-input-label for="environment" value="Filter by Environment" />
+                            <select id="environment" name="environment" class="mt-1 block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm text-sm" onchange="this.form.submit()">
+                                <option value="">All Environments</option>
+                                @foreach($environments as $env)
+                                    <option value="{{ $env }}" {{ $currentEnvironment === $env ? 'selected' : '' }}>{{ ucfirst($env) }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                        @if($currentEnvironment)
+                            <a href="{{ route('projects.issues.show', [$project, $issue]) }}" class="text-sm text-gray-500 hover:text-gray-700 pb-2">Reset</a>
+                        @endif
+                    </form>
+                </div>
+            @endif
+
             {{-- Issue Meta --}}
             @php
                 $statusColors = [
@@ -88,6 +108,18 @@
                         <span class="text-gray-500">Last Seen</span>
                         <div class="mt-1 text-gray-900" title="{{ $issue->last_seen_at }}">{{ $issue->last_seen_at->diffForHumans() }}</div>
                     </div>
+                    @if($issue->first_release)
+                        <div>
+                            <span class="text-gray-500">First Release</span>
+                            <div class="mt-1 font-mono text-sm text-gray-900">{{ $issue->first_release }}</div>
+                        </div>
+                    @endif
+                    @if($issue->resolved_in_release)
+                        <div>
+                            <span class="text-gray-500">Resolved In</span>
+                            <div class="mt-1 font-mono text-sm text-green-700">{{ $issue->resolved_in_release }}</div>
+                        </div>
+                    @endif
                 </div>
             </div>