fix texte integrale

app/Http/Controllers/CardController.php

@@ -60,7 +60,6 @@ class CardController extends Controller
     public function freeCartResult($id)
     {
         $card = $this->cardRepository->find($id);
-
         return response()->json([
             'success' => true,
             'cards' => $card,

app/Models/Card.php

@@ -17,6 +17,7 @@ class Card extends Model
         'description_reversed',
         'symbolism',
         'image_url',
+        'description'
     ];
 
     protected $casts = [

app/Support/CardCsvImporter.php

@@ -53,6 +53,7 @@ class CardCsvImporter
             if (!$name) { $skipped++; continue; }
 
             $payload = [
+                'description' => (string) ($get($row, 'description') ?? ''),
                 'description_upright' => (string) ($get($row, 'description_upright') ?? ''),
                 'description_reversed' => (string) ($get($row, 'description_reversed') ?? ''),
                 'image_url' => $get($row, 'image_url') ?: null,

database/migrations/2025_09_16_103500_alter_description_longtext_on_cards.php

@@ -0,0 +1,19 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Support\Facades\DB;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        // Use raw SQL to avoid requiring doctrine/dbal for column type change
+        DB::statement('ALTER TABLE cards MODIFY description LONGTEXT NULL');
+    }
+
+    public function down(): void
+    {
+        DB::statement('ALTER TABLE cards MODIFY description VARCHAR(255) NULL');
+    }
+};
+

resources/js/pages/cards/FreeCardResult.vue

@@ -62,9 +62,6 @@ onMounted(async () => {
                         <!-- Card Header -->
                         <div class="bg-[var(--midnight-blue)] p-6 text-center text-white">
                             <h2 class="text-2xl font-bold">{{ card.name }}</h2>
-                            <p class="mt-1 text-[var(--subtle-gold)]">
-                                {{ card.orientation === 'reversed' ? 'Position Inversée' : 'Position Droite' }}
-                            </p>
                         </div>
 
                         <!-- Card Content -->
@@ -76,16 +73,14 @@ onMounted(async () => {
 
                             <!-- Description based on orientation -->
                             <div class="mb-6">
-                                <h3 class="mb-3 text-lg font-semibold text-[var(--midnight-blue)]">
+                                <h3 class="mb-3 text-lg font-semibold text-[var(--midnight-blue)]">Signification intégrale</h3>
-                                    {{ card.orientation === 'reversed' ? 'Signification Inversée' : 'Signification Droite' }}
-                                </h3>
                                 <p class="leading-relaxed text-gray-700">
-                                    {{ card.orientation === 'reversed' ? card.description_reversed : card.description_upright }}
+                                    {{ card.description }}
                                 </p>
                             </div>
 
                             <!-- Alternative meaning -->
-                            <div class="mb-6">
+                            <!-- <div class="mb-6">
                                 <h3 class="mb-3 text-lg font-semibold text-[var(--midnight-blue)]">
                                     {{
                                         card.orientation === 'reversed'
@@ -96,7 +91,7 @@ onMounted(async () => {
                                 <p class="leading-relaxed text-gray-700">
                                     {{ card.orientation === 'reversed' ? card.description_upright : card.description_reversed }}
                                 </p>
-                            </div>
+                            </div> -->
 
                             <!-- Symbolism -->
                             <div v-if="card.symbolism && card.symbolism.length > 0">
@@ -122,7 +117,7 @@ onMounted(async () => {
                     </p>
                     <button
                         @click="goToBooking"
-                        class="hover:bg-opacity-90 focus:ring-opacity-50 mt-4 inline-flex h-12 min-w-[160px] items-center justify-center rounded-full bg-[var(--subtle-gold)] px-6 text-base font-bold tracking-wide text-[var(--midnight-blue)] transition-all duration-300 hover:shadow-lg focus:ring-2 focus:ring-[var(--subtle-gold)] focus:outline-none md:mt-6 md:px-8"
+                        class="hover:bg-opacity-90 focus:ring-opacity-50 mt-4 inline-flex h-12 min-w-[160px] cursor-pointer items-center justify-center rounded-full bg-[var(--subtle-gold)] px-6 text-base font-bold tracking-wide text-[var(--midnight-blue)] transition-all duration-300 hover:shadow-lg focus:ring-2 focus:ring-[var(--subtle-gold)] focus:outline-none md:mt-6 md:px-8"
                     >
                         Réserver une Consultation
                     </button>