add feedback gift

gift.html

@@ -63,7 +63,7 @@
                         <div class="relative z-10">
                             <div class="flex items-center gap-2 mb-4">
                                 <span class="bg-indigo-500 text-[10px] font-black px-3 py-1 rounded-full uppercase tracking-widest">Planowanie Prezentu #1024</span>
-                                <span class="bg-green-500 text-white text-[10px] font-black px-3 py-1 rounded-full uppercase tracking-widest">Kupiony</span>
+                                <span class="bg-purple-500 text-white text-[10px] font-black px-3 py-1 rounded-full uppercase tracking-widest">Wręczony</span>
                             </div>
                             <h2 class="text-3xl font-black mb-6">Sage Barista Express dla: Mama</h2>
                             
@@ -119,6 +119,48 @@
                         </div>
                     </section>
 
+                    <!-- Feedback Loop (New Functionality) -->
+                    <section class="bg-gradient-to-br from-purple-50 to-white rounded-[2.5rem] p-8 shadow-sm border border-purple-100">
+                        <div class="flex items-center justify-between mb-6">
+                            <h3 class="text-xl font-black text-gray-900 flex items-center gap-2">
+                                <i data-lucide="message-square-heart" class="text-purple-600"></i> Feedback i Efekt Prezentu
+                            </h3>
+                            <span class="bg-purple-100 text-purple-700 text-[10px] font-black px-2 py-1 rounded-lg uppercase">Po wręczeniu</span>
+                        </div>
+                        
+                        <div class="space-y-6">
+                            <div>
+                                <label class="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3 ml-1">Jak bardzo się podobało?</label>
+                                <div class="flex gap-2">
+                                    <button class="w-12 h-12 rounded-2xl bg-white border-2 border-purple-200 flex items-center justify-center text-purple-600 hover:bg-purple-600 hover:text-white transition-all shadow-sm">
+                                        <i data-lucide="star" class="w-6 h-6"></i>
+                                    </button>
+                                    <button class="w-12 h-12 rounded-2xl bg-white border-2 border-purple-200 flex items-center justify-center text-purple-600 hover:bg-purple-600 hover:text-white transition-all shadow-sm">
+                                        <i data-lucide="star" class="w-6 h-6"></i>
+                                    </button>
+                                    <button class="w-12 h-12 rounded-2xl bg-white border-2 border-purple-200 flex items-center justify-center text-purple-600 hover:bg-purple-600 hover:text-white transition-all shadow-sm">
+                                        <i data-lucide="star" class="w-6 h-6"></i>
+                                    </button>
+                                    <button class="w-12 h-12 rounded-2xl bg-purple-600 border-2 border-purple-600 flex items-center justify-center text-white shadow-lg shadow-purple-100">
+                                        <i data-lucide="star" class="w-6 h-6 fill-current"></i>
+                                    </button>
+                                    <button class="w-12 h-12 rounded-2xl bg-white border-2 border-purple-200 flex items-center justify-center text-purple-200">
+                                        <i data-lucide="star" class="w-6 h-6"></i>
+                                    </button>
+                                </div>
+                            </div>
+
+                            <div>
+                                <label class="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Notatka zwrotna (dla AI i przyszłych planów)</label>
+                                <textarea placeholder="Np. 'Ekspres super, ale kolor mógłby być ciemniejszy' lub 'Najlepszy prezent w tym roku!'" class="w-full px-5 py-4 bg-white border border-purple-100 rounded-3xl focus:ring-2 focus:ring-purple-500 outline-none transition-all text-sm font-medium text-gray-700 min-h-[100px] shadow-inner"></textarea>
+                            </div>
+
+                            <button class="w-full bg-purple-600 text-white py-4 rounded-2xl font-black shadow-xl shadow-purple-200 hover:bg-purple-700 transition-all flex items-center justify-center gap-2">
+                                <i data-lucide="save"></i> Zapisz feedback
+                            </button>
+                        </div>
+                    </section>
+
                     <!-- Price Info (Linked to Master) -->
                     <section class="bg-white rounded-[2.5rem] p-8 shadow-sm border border-gray-100">
                         <div class="flex items-center justify-between mb-8">

spec.md

@@ -121,6 +121,8 @@ Konkretny plan podarowania produktu danej osobie na wybraną okazję.
 - `purchaseStore` (sklep, w którym dokonano zakupu)
 - `orderNumber` (opcjonalnie)
 - `personalNotes` (notatki specyficzne dla tego obdarowanego)
+- `rating` (0-5 stars - ocena trafności prezentu)
+- `feedbackNote` (notka po wręczeniu, np. "kolor za jasny")
 - `createdAt`, `updatedAt`
 
 **Operacje:**
@@ -293,6 +295,8 @@ Gift (Planning Instance)
 ├── purchase_price (cena zakupu)
 ├── purchase_store
 ├── personal_notes
+├── rating (INT, 1-5)
+├── feedback_note (TEXT)
 ├── created_at
 
 IndividualOccasion (Zrezygnowano - używamy tabeli Occasion)
@@ -372,6 +376,7 @@ IndividualOccasion (Zrezygnowano - używamy tabeli Occasion)
 #### 5. Gift Planning (Instance View)
 - Logistyka: status, notatki zakupowe, numer zamówienia
 - Analiza ceny zakupu vs cena rynkowa
+- **Feedback Loop**: Po zmianie statusu na "Otrzymany" (given), pojawia się sekcja oceny (gwiazdki + notatka efektu).
 
 #### 6. Settings
 - Profil usera i wylogowanie