From c64e0c7100699a53849482d6c3f8c5c6f2b3e251 Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Wed, 29 Apr 2026 10:29:25 +0200
Subject: [PATCH] =?UTF-8?q?feat(front)=20:=20entr=C3=A9es=20et=20sorties?=
 =?UTF-8?q?=20en=20attente=20c=C3=B4te=20=C3=A0=20c=C3=B4te?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/pages/entry-exit/index.vue | 60 +++++++++++++++--------------
 1 file changed, 31 insertions(+), 29 deletions(-)

diff --git a/frontend/pages/entry-exit/index.vue b/frontend/pages/entry-exit/index.vue
index 468632b..8796a20 100644
--- a/frontend/pages/entry-exit/index.vue
+++ b/frontend/pages/entry-exit/index.vue
@@ -10,36 +10,38 @@
             <h1 class="font-bold text-3xl uppercase text-primary-500">Entrée / Sortie</h1>
         </div>
 
-        <section class="mt-8">
-            <h2 class="text-xl font-bold uppercase text-primary-500 mb-4">Entrées en attente</h2>
-            <UiDataTable
-                v-model:page="entryPage"
-                v-model:per-page="entryPerPage"
-                :columns="entryColumns"
-                :items="entries"
-                :total-items="totalEntries"
-                :loading="entriesLoading"
-                row-clickable
-                @row-click="goToEntry"
-            >
-                <template #cell-receptionDate="{ item }">
-                    {{ formatDate(item.receptionDate) }}
-                </template>
-                <template #cell-declaredCount="{ item }">
-                    {{ declaredCount(item) }}
-                </template>
-                <template #cell-registeredBovineCount="{ item }">
-                    {{ item.registeredBovineCount ?? 0 }}
-                </template>
-            </UiDataTable>
-        </section>
+        <div class="mt-8 mb-16 grid grid-cols-2 gap-8">
+            <section>
+                <h2 class="text-xl font-bold uppercase text-primary-500 mb-4">Entrées en attente</h2>
+                <UiDataTable
+                    v-model:page="entryPage"
+                    v-model:per-page="entryPerPage"
+                    :columns="entryColumns"
+                    :items="entries"
+                    :total-items="totalEntries"
+                    :loading="entriesLoading"
+                    row-clickable
+                    @row-click="goToEntry"
+                >
+                    <template #cell-receptionDate="{ item }">
+                        {{ formatDate(item.receptionDate) }}
+                    </template>
+                    <template #cell-declaredCount="{ item }">
+                        {{ declaredCount(item) }}
+                    </template>
+                    <template #cell-registeredBovineCount="{ item }">
+                        {{ item.registeredBovineCount ?? 0 }}
+                    </template>
+                </UiDataTable>
+            </section>
 
-        <section class="mt-12 mb-16">
-            <h2 class="text-xl font-bold uppercase text-primary-500 mb-4">Sorties en attente</h2>
-            <div class="rounded border border-dashed border-slate-300 p-8 text-center text-slate-500">
-                À venir
-            </div>
-        </section>
+            <section>
+                <h2 class="text-xl font-bold uppercase text-primary-500 mb-4">Sorties en attente</h2>
+                <div class="rounded border border-dashed border-slate-300 p-8 text-center text-slate-500">
+                    À venir
+                </div>
+            </section>
+        </div>
     </div>
 </template>