Hugging Face's logo

Spaces:
MEROUANE1777
/
tcr
Running

App Files Community
MEROUANE1777 commited on
Commit
4c64c27
路
verified 路
1 Parent(s): 4912d34

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +1006 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Tcr
3
- emoji: 馃憖
4
- colorFrom: indigo
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: tcr
3
+ emoji: 馃惓
4
+ colorFrom: pink
5
+ colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,1006 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="fr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>EGTT - Tableau de Compte de R茅sultats Comparatif</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#1d4ed8',
15
+ secondary: '#3b82f6',
16
+ accent: '#10b981',
17
+ dark: '#1e293b',
18
+ light: '#f8fafc'
19
+ }
20
+ }
21
+ }
22
+ }
23
+ </script>
24
+ <style>
25
+ .sidebar {
26
+ transition: all 0.3s ease;
27
+ }
28
+ .sidebar.collapsed {
29
+ width: 70px;
30
+ }
31
+ .sidebar.collapsed .nav-text {
32
+ display: none;
33
+ }
34
+ .sidebar.collapsed .logo-text {
35
+ display: none;
36
+ }
37
+ .sidebar.collapsed .logo-icon {
38
+ margin-right: 0;
39
+ }
40
+ .content {
41
+ transition: all 0.3s ease;
42
+ }
43
+ .sidebar.collapsed + .content {
44
+ margin-left: 70px;
45
+ }
46
+ .fade-in {
47
+ animation: fadeIn 0.3s ease-in-out;
48
+ }
49
+ @keyframes fadeIn {
50
+ from { opacity: 0; transform: translateY(10px); }
51
+ to { opacity: 1; transform: translateY(0); }
52
+ }
53
+ .chart-container {
54
+ height: 300px;
55
+ }
56
+ [x-cloak] { display: none !important; }
57
+ </style>
58
+ </head>
59
+ <body class="bg-gray-50 font-sans">
60
+ <div class="flex h-screen overflow-hidden" x-data="{ sidebarCollapsed: false, activeTab: 'dashboard', period: 'mensuel', showModal: false }">
61
+ <!-- Sidebar -->
62
+ <div class="sidebar bg-white shadow-lg h-full fixed z-10"
63
+ :class="{ 'collapsed': sidebarCollapsed }"
64
+ style="width: 250px;">
65
+ <div class="p-4 flex items-center justify-between border-b border-gray-200">
66
+ <div class="flex items-center">
67
+ <div class="logo-icon text-primary text-2xl mr-3">
68
+ <i class="fas fa-chart-line"></i>
69
+ </div>
70
+ <span class="logo-text text-xl font-bold text-dark">EGTT Analytics</span>
71
+ </div>
72
+ <button @click="sidebarCollapsed = !sidebarCollapsed" class="text-gray-500 hover:text-primary">
73
+ <i class="fas fa-chevron-left"></i>
74
+ </button>
75
+ </div>
76
+ <nav class="mt-6">
77
+ <div @click="activeTab = 'dashboard'"
78
+ class="flex items-center px-6 py-3 cursor-pointer transition-colors duration-200 hover:bg-blue-50"
79
+ :class="{ 'bg-blue-50 text-primary border-r-4 border-primary': activeTab === 'dashboard' }">
80
+ <i class="fas fa-tachometer-alt mr-3 text-gray-500"></i>
81
+ <span class="nav-text">Tableau de bord</span>
82
+ </div>
83
+ <div @click="activeTab = 'units'"
84
+ class="flex items-center px-6 py-3 cursor-pointer transition-colors duration-200 hover:bg-blue-50"
85
+ :class="{ 'bg-blue-50 text-primary border-r-4 border-primary': activeTab === 'units' }">
86
+ <i class="fas fa-building mr-3 text-gray-500"></i>
87
+ <span class="nav-text">Unit茅s</span>
88
+ </div>
89
+ <div @click="activeTab = 'consolidation'"
90
+ class="flex items-center px-6 py-3 cursor-pointer transition-colors duration-200 hover:bg-blue-50"
91
+ :class="{ 'bg-blue-50 text-primary border-r-4 border-primary': activeTab === 'consolidation' }">
92
+ <i class="fas fa-layer-group mr-3 text-gray-500"></i>
93
+ <span class="nav-text">Consolidation</span>
94
+ </div>
95
+ <div @click="activeTab = 'reports'"
96
+ class="flex items-center px-6 py-3 cursor-pointer transition-colors duration-200 hover:bg-blue-50"
97
+ :class="{ 'bg-blue-50 text-primary border-r-4 border-primary': activeTab === 'reports' }">
98
+ <i class="fas fa-file-alt mr-3 text-gray-500"></i>
99
+ <span class="nav-text">Rapports</span>
100
+ </div>
101
+ <div @click="activeTab = 'settings'"
102
+ class="flex items-center px-6 py-3 cursor-pointer transition-colors duration-200 hover:bg-blue-50"
103
+ :class="{ 'bg-blue-50 text-primary border-r-4 border-primary': activeTab === 'settings' }">
104
+ <i class="fas fa-cog mr-3 text-gray-500"></i>
105
+ <span class="nav-text">Param猫tres</span>
106
+ </div>
107
+ </nav>
108
+ <div class="absolute bottom-0 w-full p-4 border-t border-gray-200">
109
+ <div class="flex items-center">
110
+ <div class="w-8 h-8 rounded-full bg-primary flex items-center justify-center text-white mr-3">
111
+ <span>AD</span>
112
+ </div>
113
+ <div class="nav-text">
114
+ <p class="text-sm font-medium">Admin User</p>
115
+ <p class="text-xs text-gray-500">Administrateur</p>
116
+ </div>
117
+ </div>
118
+ </div>
119
+ </div>
120
+
121
+ <!-- Main Content -->
122
+ <div class="content flex-1 overflow-auto" style="margin-left: 250px;">
123
+ <!-- Header -->
124
+ <header class="bg-white shadow-sm py-4 px-6 flex items-center justify-between">
125
+ <h1 class="text-xl font-bold text-dark" x-text="activeTab === 'dashboard' ? 'Tableau de bord' :
126
+ activeTab === 'units' ? 'Gestion des unit茅s' :
127
+ activeTab === 'consolidation' ? 'Consolidation des donn茅es' :
128
+ activeTab === 'reports' ? 'Rapports financiers' : 'Param猫tres'"></h1>
129
+ <div class="flex items-center space-x-4">
130
+ <div class="relative">
131
+ <select x-model="period" class="appearance-none bg-white border border-gray-300 rounded-md px-4 py-2 pr-8 focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary">
132
+ <option value="mensuel">Mensuel</option>
133
+ <option value="bimestre">Bimestre</option>
134
+ <option value="trimestre">Trimestre</option>
135
+ <option value="semestre">Semestre</option>
136
+ <option value="annuel">Annuel</option>
137
+ </select>
138
+ <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700">
139
+ <i class="fas fa-chevron-down"></i>
140
+ </div>
141
+ </div>
142
+ <div class="relative">
143
+ <input type="text" placeholder="Rechercher..." class="border border-gray-300 rounded-md px-4 py-2 pl-10 focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary">
144
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
145
+ <i class="fas fa-search text-gray-400"></i>
146
+ </div>
147
+ </div>
148
+ <button class="p-2 text-gray-500 hover:text-primary">
149
+ <i class="fas fa-bell"></i>
150
+ </button>
151
+ </div>
152
+ </header>
153
+
154
+ <!-- Dashboard Content -->
155
+ <main class="p-6">
156
+ <!-- Dashboard Tab -->
157
+ <div x-show="activeTab === 'dashboard'" x-cloak class="fade-in">
158
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6">
159
+ <div class="bg-white rounded-lg shadow p-6">
160
+ <div class="flex items-center justify-between">
161
+ <div>
162
+ <p class="text-gray-500">Chiffre d'affaires</p>
163
+ <h3 class="text-2xl font-bold text-dark">89.2M DZD</h3>
164
+ <p class="text-sm text-green-500 flex items-center">
165
+ <i class="fas fa-arrow-up mr-1"></i> 12% vs pr茅vision
166
+ </p>
167
+ </div>
168
+ <div class="bg-blue-50 p-3 rounded-full">
169
+ <i class="fas fa-wallet text-primary text-xl"></i>
170
+ </div>
171
+ </div>
172
+ </div>
173
+ <div class="bg-white rounded-lg shadow p-6">
174
+ <div class="flex items-center justify-between">
175
+ <div>
176
+ <p class="text-gray-500">R茅sultat net</p>
177
+ <h3 class="text-2xl font-bold text-dark">-4.6M DZD</h3>
178
+ <p class="text-sm text-red-500 flex items-center">
179
+ <i class="fas fa-arrow-down mr-1"></i> 29% vs pr茅vision
180
+ </p>
181
+ </div>
182
+ <div class="bg-red-50 p-3 rounded-full">
183
+ <i class="fas fa-chart-bar text-red-500 text-xl"></i>
184
+ </div>
185
+ </div>
186
+ </div>
187
+ <div class="bg-white rounded-lg shadow p-6">
188
+ <div class="flex items-center justify-between">
189
+ <div>
190
+ <p class="text-gray-500">Taux d'occupation</p>
191
+ <h3 class="text-2xl font-bold text-dark">37.5%</h3>
192
+ <p class="text-sm text-green-500 flex items-center">
193
+ <i class="fas fa-arrow-up mr-1"></i> 8% vs pr茅vision
194
+ </p>
195
+ </div>
196
+ <div class="bg-green-50 p-3 rounded-full">
197
+ <i class="fas fa-bed text-green-500 text-xl"></i>
198
+ </div>
199
+ </div>
200
+ </div>
201
+ <div class="bg-white rounded-lg shadow p-6">
202
+ <div class="flex items-center justify-between">
203
+ <div>
204
+ <p class="text-gray-500">Ratio denr茅es</p>
205
+ <h3 class="text-2xl font-bold text-dark">38.18%</h3>
206
+ <p class="text-sm text-green-500 flex items-center">
207
+ <i class="fas fa-arrow-up mr-1"></i> 2.12% vs pr茅vision
208
+ </p>
209
+ </div>
210
+ <div class="bg-purple-50 p-3 rounded-full">
211
+ <i class="fas fa-utensils text-purple-500 text-xl"></i>
212
+ </div>
213
+ </div>
214
+ </div>
215
+ </div>
216
+
217
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
218
+ <div class="bg-white rounded-lg shadow p-6 lg:col-span-2">
219
+ <div class="flex items-center justify-between mb-4">
220
+ <h3 class="text-lg font-semibold text-dark">脡volution du chiffre d'affaires</h3>
221
+ <div class="flex space-x-2">
222
+ <button class="px-3 py-1 text-xs bg-blue-50 text-primary rounded-md">2024</button>
223
+ <button class="px-3 py-1 text-xs bg-gray-100 text-gray-600 rounded-md">2025</button>
224
+ </div>
225
+ </div>
226
+ <div class="chart-container">
227
+ <canvas id="revenueChart"></canvas>
228
+ </div>
229
+ </div>
230
+ <div class="bg-white rounded-lg shadow p-6">
231
+ <h3 class="text-lg font-semibold text-dark mb-4">R茅partition par unit茅</h3>
232
+ <div class="chart-container">
233
+ <canvas id="unitsChart"></canvas>
234
+ </div>
235
+ </div>
236
+ </div>
237
+
238
+ <div class="bg-white rounded-lg shadow overflow-hidden mb-6">
239
+ <div class="px-6 py-4 border-b border-gray-200 flex items-center justify-between">
240
+ <h3 class="text-lg font-semibold text-dark">Derni猫res entr茅es</h3>
241
+ <button class="text-sm text-primary hover:underline">Voir tout</button>
242
+ </div>
243
+ <div class="overflow-x-auto">
244
+ <table class="min-w-full divide-y divide-gray-200">
245
+ <thead class="bg-gray-50">
246
+ <tr>
247
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Unit茅</th>
248
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Date</th>
249
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ventes</th>
250
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">D茅penses</th>
251
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Statut</th>
252
+ </tr>
253
+ </thead>
254
+ <tbody class="bg-white divide-y divide-gray-200">
255
+ <tr>
256
+ <td class="px-6 py-4 whitespace-nowrap">
257
+ <div class="flex items-center">
258
+ <div class="flex-shrink-0 h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center">
259
+ <i class="fas fa-hotel text-blue-600"></i>
260
+ </div>
261
+ <div class="ml-4">
262
+ <div class="text-sm font-medium text-gray-900">Hotel les Zianides</div>
263
+ </div>
264
+ </div>
265
+ </td>
266
+ <td class="px-6 py-4 whitespace-nowrap">
267
+ <div class="text-sm text-gray-900">15/06/2024</div>
268
+ </td>
269
+ <td class="px-6 py-4 whitespace-nowrap">
270
+ <div class="text-sm text-gray-900">8,456,320 DZD</div>
271
+ </td>
272
+ <td class="px-6 py-4 whitespace-nowrap">
273
+ <div class="text-sm text-gray-900">5,231,450 DZD</div>
274
+ </td>
275
+ <td class="px-6 py-4 whitespace-nowrap">
276
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Valid茅</span>
277
+ </td>
278
+ </tr>
279
+ <tr>
280
+ <td class="px-6 py-4 whitespace-nowrap">
281
+ <div class="flex items-center">
282
+ <div class="flex-shrink-0 h-10 w-10 bg-green-100 rounded-full flex items-center justify-center">
283
+ <i class="fas fa-spa text-green-600"></i>
284
+ </div>
285
+ <div class="ml-4">
286
+ <div class="text-sm font-medium text-gray-900">Hamam Bouhanifia</div>
287
+ </div>
288
+ </div>
289
+ </td>
290
+ <td class="px-6 py-4 whitespace-nowrap">
291
+ <div class="text-sm text-gray-900">14/06/2024</div>
292
+ </td>
293
+ <td class="px-6 py-4 whitespace-nowrap">
294
+ <div class="text-sm text-gray-900">5,231,780 DZD</div>
295
+ </td>
296
+ <td class="px-6 py-4 whitespace-nowrap">
297
+ <div class="text-sm text-gray-900">3,456,210 DZD</div>
298
+ </td>
299
+ <td class="px-6 py-4 whitespace-nowrap">
300
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Valid茅</span>
301
+ </td>
302
+ </tr>
303
+ <tr>
304
+ <td class="px-6 py-4 whitespace-nowrap">
305
+ <div class="flex items-center">
306
+ <div class="flex-shrink-0 h-10 w-10 bg-purple-100 rounded-full flex items-center justify-center">
307
+ <i class="fas fa-hotel text-purple-600"></i>
308
+ </div>
309
+ <div class="ml-4">
310
+ <div class="text-sm font-medium text-gray-900">Hotel El Forssane</div>
311
+ </div>
312
+ </div>
313
+ </td>
314
+ <td class="px-6 py-4 whitespace-nowrap">
315
+ <div class="text-sm text-gray-900">13/06/2024</div>
316
+ </td>
317
+ <td class="px-6 py-4 whitespace-nowrap">
318
+ <div class="text-sm text-gray-900">7,654,320 DZD</div>
319
+ </td>
320
+ <td class="px-6 py-4 whitespace-nowrap">
321
+ <div class="text-sm text-gray-900">4,789,650 DZD</div>
322
+ </td>
323
+ <td class="px-6 py-4 whitespace-nowrap">
324
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">En attente</span>
325
+ </td>
326
+ </tr>
327
+ </tbody>
328
+ </table>
329
+ </div>
330
+ </div>
331
+ </div>
332
+
333
+ <!-- Units Tab -->
334
+ <div x-show="activeTab === 'units'" x-cloak class="fade-in">
335
+ <div class="flex justify-between items-center mb-6">
336
+ <h2 class="text-xl font-bold text-dark">Gestion des unit茅s</h2>
337
+ <button @click="showModal = true" class="bg-primary hover:bg-blue-700 text-white px-4 py-2 rounded-md flex items-center">
338
+ <i class="fas fa-plus mr-2"></i> Ajouter une entr茅e
339
+ </button>
340
+ </div>
341
+
342
+ <div class="bg-white rounded-lg shadow overflow-hidden mb-6">
343
+ <div class="px-6 py-4 border-b border-gray-200">
344
+ <div class="flex items-center justify-between">
345
+ <h3 class="text-lg font-semibold text-dark">Liste des unit茅s</h3>
346
+ <div class="flex space-x-2">
347
+ <div class="relative">
348
+ <select class="appearance-none bg-white border border-gray-300 rounded-md px-4 py-2 pr-8 focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary">
349
+ <option>Toutes les unit茅s</option>
350
+ <option>H么tels</option>
351
+ <option>Hamams</option>
352
+ <option>Autres</option>
353
+ </select>
354
+ <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700">
355
+ <i class="fas fa-chevron-down"></i>
356
+ </div>
357
+ </div>
358
+ </div>
359
+ </div>
360
+ </div>
361
+ <div class="overflow-x-auto">
362
+ <table class="min-w-full divide-y divide-gray-200">
363
+ <thead class="bg-gray-50">
364
+ <tr>
365
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Unit茅</th>
366
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Type</th>
367
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ventes</th>
368
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">D茅penses</th>
369
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">R茅sultat</th>
370
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
371
+ </tr>
372
+ </thead>
373
+ <tbody class="bg-white divide-y divide-gray-200">
374
+ <tr>
375
+ <td class="px-6 py-4 whitespace-nowrap">
376
+ <div class="flex items-center">
377
+ <div class="flex-shrink-0 h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center">
378
+ <i class="fas fa-hotel text-blue-600"></i>
379
+ </div>
380
+ <div class="ml-4">
381
+ <div class="text-sm font-medium text-gray-900">Hotel les Zianides</div>
382
+ </div>
383
+ </div>
384
+ </td>
385
+ <td class="px-6 py-4 whitespace-nowrap">
386
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">H么tel</span>
387
+ </td>
388
+ <td class="px-6 py-4 whitespace-nowrap">
389
+ <div class="text-sm text-gray-900">16,928,465 DZD</div>
390
+ </td>
391
+ <td class="px-6 py-4 whitespace-nowrap">
392
+ <div class="text-sm text-gray-900">12,456,320 DZD</div>
393
+ </td>
394
+ <td class="px-6 py-4 whitespace-nowrap">
395
+ <div class="text-sm font-medium text-green-600">4,472,145 DZD</div>
396
+ </td>
397
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
398
+ <button class="text-primary hover:text-blue-700 mr-3">
399
+ <i class="fas fa-edit"></i>
400
+ </button>
401
+ <button class="text-red-500 hover:text-red-700">
402
+ <i class="fas fa-trash"></i>
403
+ </button>
404
+ </td>
405
+ </tr>
406
+ <tr>
407
+ <td class="px-6 py-4 whitespace-nowrap">
408
+ <div class="flex items-center">
409
+ <div class="flex-shrink-0 h-10 w-10 bg-green-100 rounded-full flex items-center justify-center">
410
+ <i class="fas fa-spa text-green-600"></i>
411
+ </div>
412
+ <div class="ml-4">
413
+ <div class="text-sm font-medium text-gray-900">Hamam Bouhanifia</div>
414
+ </div>
415
+ </div>
416
+ </td>
417
+ <td class="px-6 py-4 whitespace-nowrap">
418
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Hamam</span>
419
+ </td>
420
+ <td class="px-6 py-4 whitespace-nowrap">
421
+ <div class="text-sm text-gray-900">21,339,004 DZD</div>
422
+ </td>
423
+ <td class="px-6 py-4 whitespace-nowrap">
424
+ <div class="text-sm text-gray-900">18,456,210 DZD</div>
425
+ </td>
426
+ <td class="px-6 py-4 whitespace-nowrap">
427
+ <div class="text-sm font-medium text-green-600">2,882,794 DZD</div>
428
+ </td>
429
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
430
+ <button class="text-primary hover:text-blue-700 mr-3">
431
+ <i class="fas fa-edit"></i>
432
+ </button>
433
+ <button class="text-red-500 hover:text-red-700">
434
+ <i class="fas fa-trash"></i>
435
+ </button>
436
+ </td>
437
+ </tr>
438
+ <tr>
439
+ <td class="px-6 py-4 whitespace-nowrap">
440
+ <div class="flex items-center">
441
+ <div class="flex-shrink-0 h-10 w-10 bg-purple-100 rounded-full flex items-center justify-center">
442
+ <i class="fas fa-hotel text-purple-600"></i>
443
+ </div>
444
+ <div class="ml-4">
445
+ <div class="text-sm font-medium text-gray-900">Hotel El Forssane</div>
446
+ </div>
447
+ </div>
448
+ </td>
449
+ <td class="px-6 py-4 whitespace-nowrap">
450
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">H么tel</span>
451
+ </td>
452
+ <td class="px-6 py-4 whitespace-nowrap">
453
+ <div class="text-sm text-gray-900">15,451,822 DZD</div>
454
+ </td>
455
+ <td class="px-6 py-4 whitespace-nowrap">
456
+ <div class="text-sm text-gray-900">14,789,650 DZD</div>
457
+ </td>
458
+ <td class="px-6 py-4 whitespace-nowrap">
459
+ <div class="text-sm font-medium text-green-600">662,172 DZD</div>
460
+ </td>
461
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
462
+ <button class="text-primary hover:text-blue-700 mr-3">
463
+ <i class="fas fa-edit"></i>
464
+ </button>
465
+ <button class="text-red-500 hover:text-red-700">
466
+ <i class="fas fa-trash"></i>
467
+ </button>
468
+ </td>
469
+ </tr>
470
+ <tr>
471
+ <td class="px-6 py-4 whitespace-nowrap">
472
+ <div class="flex items-center">
473
+ <div class="flex-shrink-0 h-10 w-10 bg-green-100 rounded-full flex items-center justify-center">
474
+ <i class="fas fa-spa text-green-600"></i>
475
+ </div>
476
+ <div class="ml-4">
477
+ <div class="text-sm font-medium text-gray-900">Hamam Boughrara</div>
478
+ </div>
479
+ </div>
480
+ </td>
481
+ <td class="px-6 py-4 whitespace-nowrap">
482
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Hamam</span>
483
+ </td>
484
+ <td class="px-6 py-4 whitespace-nowrap">
485
+ <div class="text-sm text-gray-900">15,466,479 DZD</div>
486
+ </td>
487
+ <td class="px-6 py-4 whitespace-nowrap">
488
+ <div class="text-sm text-gray-900">14,231,450 DZD</div>
489
+ </td>
490
+ <td class="px-6 py-4 whitespace-nowrap">
491
+ <div class="text-sm font-medium text-green-600">1,235,029 DZD</div>
492
+ </td>
493
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
494
+ <button class="text-primary hover:text-blue-700 mr-3">
495
+ <i class="fas fa-edit"></i>
496
+ </button>
497
+ <button class="text-red-500 hover:text-red-700">
498
+ <i class="fas fa-trash"></i>
499
+ </button>
500
+ </td>
501
+ </tr>
502
+ <tr>
503
+ <td class="px-6 py-4 whitespace-nowrap">
504
+ <div class="flex items-center">
505
+ <div class="flex-shrink-0 h-10 w-10 bg-green-100 rounded-full flex items-center justify-center">
506
+ <i class="fas fa-spa text-green-600"></i>
507
+ </div>
508
+ <div class="ml-4">
509
+ <div class="text-sm font-medium text-gray-900">Hamam Bouhdjar</div>
510
+ </div>
511
+ </div>
512
+ </td>
513
+ <td class="px-6 py-4 whitespace-nowrap">
514
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Hamam</span>
515
+ </td>
516
+ <td class="px-6 py-4 whitespace-nowrap">
517
+ <div class="text-sm text-gray-900">12,456,320 DZD</div>
518
+ </td>
519
+ <td class="px-6 py-4 whitespace-nowrap">
520
+ <div class="text-sm text-gray-900">11,231,450 DZD</div>
521
+ </td>
522
+ <td class="px-6 py-4 whitespace-nowrap">
523
+ <div class="text-sm font-medium text-green-600">1,224,870 DZD</div>
524
+ </td>
525
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
526
+ <button class="text-primary hover:text-blue-700 mr-3">
527
+ <i class="fas fa-edit"></i>
528
+ </button>
529
+ <button class="text-red-500 hover:text-red-700">
530
+ <i class="fas fa-trash"></i>
531
+ </button>
532
+ </td>
533
+ </tr>
534
+ <tr>
535
+ <td class="px-6 py-4 whitespace-nowrap">
536
+ <div class="flex items-center">
537
+ <div class="flex-shrink-0 h-10 w-10 bg-green-100 rounded-full flex items-center justify-center">
538
+ <i class="fas fa-spa text-green-600"></i>
539
+ </div>
540
+ <div class="ml-4">
541
+ <div class="text-sm font-medium text-gray-900">Hamam Rabi</div>
542
+ </div>
543
+ </div>
544
+ </td>
545
+ <td class="px-6 py-4 whitespace-nowrap">
546
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Hamam</span>
547
+ </td>
548
+ <td class="px-6 py-4 whitespace-nowrap">
549
+ <div class="text-sm text-gray-900">10,456,320 DZD</div>
550
+ </td>
551
+ <td class="px-6 py-4 whitespace-nowrap">
552
+ <div class="text-sm text-gray-900">9,231,450 DZD</div>
553
+ </td>
554
+ <td class="px-6 py-4 whitespace-nowrap">
555
+ <div class="text-sm font-medium text-green-600">1,224,870 DZD</div>
556
+ </td>
557
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
558
+ <button class="text-primary hover:text-blue-700 mr-3">
559
+ <i class="fas fa-edit"></i>
560
+ </button>
561
+ <button class="text-red-500 hover:text-red-700">
562
+ <i class="fas fa-trash"></i>
563
+ </button>
564
+ </td>
565
+ </tr>
566
+ <tr>
567
+ <td class="px-6 py-4 whitespace-nowrap">
568
+ <div class="flex items-center">
569
+ <div class="flex-shrink-0 h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center">
570
+ <i class="fas fa-hotel text-blue-600"></i>
571
+ </div>
572
+ <div class="ml-4">
573
+ <div class="text-sm font-medium text-gray-900">Hotel Tafna</div>
574
+ </div>
575
+ </div>
576
+ </td>
577
+ <td class="px-6 py-4 whitespace-nowrap">
578
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">H么tel</span>
579
+ </td>
580
+ <td class="px-6 py-4 whitespace-nowrap">
581
+ <div class="text-sm text-gray-900">14,456,320 DZD</div>
582
+ </td>
583
+ <td class="px-6 py-4 whitespace-nowrap">
584
+ <div class="text-sm text-gray-900">13,231,450 DZD</div>
585
+ </td>
586
+ <td class="px-6 py-4 whitespace-nowrap">
587
+ <div class="text-sm font-medium text-green-600">1,224,870 DZD</div>
588
+ </td>
589
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
590
+ <button class="text-primary hover:text-blue-700 mr-3">
591
+ <i class="fas fa-edit"></i>
592
+ </button>
593
+ <button class="text-red-500 hover:text-red-700">
594
+ <i class="fas fa-trash"></i>
595
+ </button>
596
+ </td>
597
+ </tr>
598
+ <tr>
599
+ <td class="px-6 py-4 whitespace-nowrap">
600
+ <div class="flex items-center">
601
+ <div class="flex-shrink-0 h-10 w-10 bg-yellow-100 rounded-full flex items-center justify-center">
602
+ <i class="fas fa-building text-yellow-600"></i>
603
+ </div>
604
+ <div class="ml-4">
605
+ <div class="text-sm font-medium text-gray-900">Agence</div>
606
+ </div>
607
+ </div>
608
+ </td>
609
+ <td class="px-6 py-4 whitespace-nowrap">
610
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Administratif</span>
611
+ </td>
612
+ <td class="px-6 py-4 whitespace-nowrap">
613
+ <div class="text-sm text-gray-900">1,456,320 DZD</div>
614
+ </td>
615
+ <td class="px-6 py-4 whitespace-nowrap">
616
+ <div class="text-sm text-gray-900">2,231,450 DZD</div>
617
+ </td>
618
+ <td class="px-6 py-4 whitespace-nowrap">
619
+ <div class="text-sm font-medium text-red-600">-775,130 DZD</div>
620
+ </td>
621
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
622
+ <button class="text-primary hover:text-blue-700 mr-3">
623
+ <i class="fas fa-edit"></i>
624
+ </button>
625
+ <button class="text-red-500 hover:text-red-700">
626
+ <i class="fas fa-trash"></i>
627
+ </button>
628
+ </td>
629
+ </tr>
630
+ <tr>
631
+ <td class="px-6 py-4 whitespace-nowrap">
632
+ <div class="flex items-center">
633
+ <div class="flex-shrink-0 h-10 w-10 bg-yellow-100 rounded-full flex items-center justify-center">
634
+ <i class="fas fa-building text-yellow-600"></i>
635
+ </div>
636
+ <div class="ml-4">
637
+ <div class="text-sm font-medium text-gray-900">Si猫ge</div>
638
+ </div>
639
+ </div>
640
+ </td>
641
+ <td class="px-6 py-4 whitespace-nowrap">
642
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Administratif</span>
643
+ </td>
644
+ <td class="px-6 py-4 whitespace-nowrap">
645
+ <div class="text-sm text-gray-900">1,156,320 DZD</div>
646
+ </td>
647
+ <td class="px-6 py-4 whitespace-nowrap">
648
+ <div class="text-sm text-gray-900">3,231,450 DZD</div>
649
+ </td>
650
+ <td class="px-6 py-4 whitespace-nowrap">
651
+ <div class="text-sm font-medium text-red-600">-2,075,130 DZD</div>
652
+ </td>
653
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
654
+ <button class="text-primary hover:text-blue-700 mr-3">
655
+ <i class="fas fa-edit"></i>
656
+ </button>
657
+ <button class="text-red-500 hover:text-red-700">
658
+ <i class="fas fa-trash"></i>
659
+ </button>
660
+ </td>
661
+ </tr>
662
+ </tbody>
663
+ </table>
664
+ </div>
665
+ </div>
666
+ </div>
667
+
668
+ <!-- Consolidation Tab -->
669
+ <div x-show="activeTab === 'consolidation'" x-cloak class="fade-in">
670
+ <div class="flex justify-between items-center mb-6">
671
+ <h2 class="text-xl font-bold text-dark">Consolidation des donn茅es</h2>
672
+ <div class="flex space-x-3">
673
+ <button class="bg-primary hover:bg-blue-700 text-white px-4 py-2 rounded-md flex items-center">
674
+ <i class="fas fa-file-export mr-2"></i> Exporter
675
+ </button>
676
+ <button class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md flex items-center">
677
+ <i class="fas fa-print mr-2"></i> Imprimer
678
+ </button>
679
+ </div>
680
+ </div>
681
+
682
+ <div class="bg-white rounded-lg shadow overflow-hidden mb-6">
683
+ <div class="px-6 py-4 border-b border-gray-200">
684
+ <div class="flex items-center justify-between">
685
+ <h3 class="text-lg font-semibold text-dark">Tableau de compte de r茅sultats comparatif</h3>
686
+ <div class="flex items-center space-x-2">
687
+ <div class="relative">
688
+ <select class="appearance-none bg-white border border-gray-300 rounded-md px-4 py-2 pr-8 focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary">
689
+ <option>Janvier 2024</option>
690
+ <option>Janvier 2025</option>
691
+ </select>
692
+ <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700">
693
+ <i class="fas fa-chevron-down"></i>
694
+ </div>
695
+ </div>
696
+ <div class="relative">
697
+ <select class="appearance-none bg-white border border-gray-300 rounded-md px-4 py-2 pr-8 focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary">
698
+ <option>Toutes les unit茅s</option>
699
+ <option>H么tels</option>
700
+ <option>Hamams</option>
701
+ </select>
702
+ <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700">
703
+ <i class="fas fa-chevron-down"></i>
704
+ </div>
705
+ </div>
706
+ </div>
707
+ </div>
708
+ </div>
709
+ <div class="overflow-x-auto">
710
+ <table class="min-w-full divide-y divide-gray-200">
711
+ <thead class="bg-gray-50">
712
+ <tr>
713
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Rubrique</th>
714
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Janv-2024</th>
715
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Janv-2025</th>
716
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">EVOL %</th>
717
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">PREVISIONS</th>
718
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">TAUX REAL</th>
719
+ </tr>
720
+ </thead>
721
+ <tbody class="bg-white divide-y divide-gray-200">
722
+ <tr>
723
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Ventes Boissons</td>
724
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">3 567 401</td>
725
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">3 056 283</td>
726
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500">-14%</td>
727
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">5 912 167</td>
728
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">52%</td>
729
+ </tr>
730
+ <tr>
731
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Ventes Denr茅es</td>
732
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">30 098 346</td>
733
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">28 036 653</td>
734
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500">-7%</td>
735
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">37 460 388</td>
736
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">75%</td>
737
+ </tr>
738
+ <tr>
739
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Ventes Heberg</td>
740
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">16 928 465</td>
741
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15 451 822</td>
742
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500">-9%</td>
743
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">22 768 360</td>
744
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">68%</td>
745
+ </tr>
746
+ <tr>
747
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Ventes Soins</td>
748
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">16 116 136</td>
749
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">16 293 435</td>
750
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-green-500">1%</td>
751
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">18 596 500</td>
752
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">88%</td>
753
+ </tr>
754
+ <tr>
755
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Ventes Bains</td>
756
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">21 339 004</td>
757
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15 466 479</td>
758
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500">-28%</td>
759
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">19 137 000</td>
760
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">81%</td>
761
+ </tr>
762
+ <tr>
763
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Ventes Divers</td>
764
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1 152 341</td>
765
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1 434 694</td>
766
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-green-500">25%</td>
767
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">4 999 881</td>
768
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">29%</td>
769
+ </tr>
770
+ <tr class="bg-gray-50">
771
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">VENTES ET PROD.ANNEXES.</td>
772
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">89 201 693</td>
773
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">79 739 365</td>
774
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-11%</td>
775
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">107 207 628</td>
776
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">74%</td>
777
+ </tr>
778
+ <tr>
779
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">PRODUCT IMMOBILISEE</td>
780
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
781
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">884 210</td>
782
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">/</td>
783
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
784
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">/</td>
785
+ </tr>
786
+ <tr class="bg-gray-50">
787
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Production exercice</td>
788
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">89 201 693</td>
789
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">80 623 575</td>
790
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-10%</td>
791
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">107 207 628</td>
792
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">75%</td>
793
+ </tr>
794
+ <tr>
795
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Co没ts Boissons</td>
796
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1 229 055</td>
797
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1 018 024</td>
798
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500">-17%</td>
799
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1 905 985</td>
800
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">53%</td>
801
+ </tr>
802
+ <tr>
803
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Co没ts Denr茅es</td>
804
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">10 853 225</td>
805
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">10 704 049</td>
806
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500">-1%</td>
807
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">13 769 080</td>
808
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">78%</td>
809
+ </tr>
810
+ <tr>
811
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Mati猫res et fournitures</td>
812
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">7 270 312</td>
813
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">5 768 088</td>
814
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500">-21%</td>
815
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">10 599 051</td>
816
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">54%</td>
817
+ </tr>
818
+ <tr>
819
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Services et A/Cons</td>
820
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">5 238 511</td>
821
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">3 427 815</td>
822
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500">-35%</td>
823
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">3 678 153</td>
824
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">93%</td>
825
+ </tr>
826
+ <tr class="bg-gray-50">
827
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Cons exercice</td>
828
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">24 591 104</td>
829
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">20 917 976</td>
830
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-15%</td>
831
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">29 952 268</td>
832
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">70%</td>
833
+ </tr>
834
+ <tr class="bg-gray-50">
835
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">VAL AJOUTEE EXP</td>
836
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">64 610 589</td>
837
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">59 705 600</td>
838
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-8%</td>
839
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">77 255 360</td>
840
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">77%</td>
841
+ </tr>
842
+ <tr>
843
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Charges Personnel</td>
844
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">53 687 230</td>
845
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">47 536 116</td>
846
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500">-11%</td>
847
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">47 696 880</td>
848
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">100%</td>
849
+ </tr>
850
+ <tr>
851
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Imp么ts et Taxes</td>
852
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1 912 136</td>
853
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1 699 728</td>
854
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500">-11%</td>
855
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">2 171 416</td>
856
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">78%</td>
857
+ </tr>
858
+ <tr class="bg-gray-50">
859
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">EXCED BRUT EXP</td>
860
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">9 011 222</td>
861
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">10 469 756</td>
862
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-green-500 font-bold">16%</td>
863
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">27 387 064</td>
864
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">38%</td>
865
+ </tr>
866
+ <tr>
867
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Autres produits operat</td>
868
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">861 354</td>
869
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">45 167</td>
870
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500">-95%</td>
871
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1 003 333</td>
872
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">5%</td>
873
+ </tr>
874
+ <tr>
875
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Autres charges operat</td>
876
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1 370 448</td>
877
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">393 134</td>
878
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500">-71%</td>
879
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">2 121 667</td>
880
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">19%</td>
881
+ </tr>
882
+ <tr>
883
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Amortissements et Provisions</td>
884
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15 036 449</td>
885
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15 815 326</td>
886
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-green-500">5%</td>
887
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">22 766 396</td>
888
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">69%</td>
889
+ </tr>
890
+ <tr>
891
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Rep. Perte Valeur et Prov.</td>
892
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">24 926</td>
893
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1 076 036</td>
894
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-green-500">4217%</td>
895
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">3 083 333</td>
896
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">35%</td>
897
+ </tr>
898
+ <tr class="bg-gray-50">
899
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">RESULTAT OPERAT</td>
900
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-6 509 395</td>
901
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-4 617 500</td>
902
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-29%</td>
903
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">6 585 669</td>
904
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-70%</td>
905
+ </tr>
906
+ <tr>
907
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Produits financiers</td>
908
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
909
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
910
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">/</td>
911
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
912
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">/</td>
913
+ </tr>
914
+ <tr>
915
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Charges financi猫res</td>
916
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
917
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
918
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">/</td>
919
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1 250 000</td>
920
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0%</td>
921
+ </tr>
922
+ <tr class="bg-gray-50">
923
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">RESULTAT FINANCIER</td>
924
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">0</td>
925
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">0</td>
926
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">/</td>
927
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-1 250 000</td>
928
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">0%</td>
929
+ </tr>
930
+ <tr class="bg-gray-50">
931
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">RESULTAT ORD. A.IMP</td>
932
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-6 509 395</td>
933
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-4 617 500</td>
934
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-29%</td>
935
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">7 835 669</td>
936
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-59%</td>
937
+ </tr>
938
+ <tr>
939
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Imp么ts exigibles sur r茅sultats ord.</td>
940
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
941
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
942
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">/</td>
943
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
944
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">/</td>
945
+ </tr>
946
+ <tr>
947
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Imp么ts Diff茅r茅s</td>
948
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
949
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
950
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">/</td>
951
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">-100 000</td>
952
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0%</td>
953
+ </tr>
954
+ <tr class="bg-gray-50">
955
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">T.PROD ACT ORDIN</td>
956
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">90 087 973</td>
957
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">81 744 779</td>
958
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-9%</td>
959
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">111 294 295</td>
960
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">73%</td>
961
+ </tr>
962
+ <tr class="bg-gray-50">
963
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">T.CHARG ACT ORDIN</td>
964
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">96 597 368</td>
965
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">86 362 280</td>
966
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-11%</td>
967
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">106 058 626</td>
968
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">81%</td>
969
+ </tr>
970
+ <tr class="bg-gray-50">
971
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">RESULT ACT ORDIN</td>
972
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-6 509 395</td>
973
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-4 617 500</td>
974
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-29%</td>
975
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">5 235 669</td>
976
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-88%</td>
977
+ </tr>
978
+ <tr>
979
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Produits extraordinaires</td>
980
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
981
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
982
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">/</td>
983
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
984
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">/</td>
985
+ </tr>
986
+ <tr>
987
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Charges Extraordinaires</td>
988
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
989
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
990
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">/</td>
991
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0</td>
992
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">/</td>
993
+ </tr>
994
+ <tr class="bg-gray-50">
995
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">RESULTAT EXTRAORDINAIRE</td>
996
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">0</td>
997
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">0</td>
998
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">/</td>
999
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">0</td>
1000
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-bold">/</td>
1001
+ </tr>
1002
+ <tr class="bg-blue-50">
1003
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-bold text-gray-900">RESULT NET EXERCICE.</td>
1004
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-bold text-red-500">-6 509 395</td>
1005
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-bold text-red-500">-
1006
+ </html>