alpha1989/printperfect-client-printer-pro
0
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>PrintPerfect - Liste Clients</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>9 <script src="https://unpkg.com/feather-icons"></script>10 <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>11 <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.28/jspdf.plugin.autotable.min.js"></script>12 <link rel="stylesheet" href="style.css">13<style>14 @page {15 size: A4;16 margin: 0;17 }18 @media print {19 body {20 margin: 1.5cm;21 }22 }23 </style>24</head>25<body class="bg-gray-50 print:bg-white">26 <custom-header></custom-header>27 28 <main class="container mx-auto px-4 py-8">29 <div class="flex justify-between items-center mb-8">30 <h1 class="text-3xl font-bold text-gray-800">Liste des Clients</h1>31 <button onclick="window.print()" class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg flex items-center gap-2">32 <i data-feather="printer"></i>33 Imprimer34 </button>35 </div>36 37 <div class="bg-white rounded-xl shadow-sm overflow-hidden print:shadow-none">38 <div class="grid grid-cols-7 bg-gray-100 p-4 font-medium text-gray-700 print:grid-cols-6">39 <div>ID</div>40 <div class="col-span-2">Nom / Entreprise</div>41 <div>Catégorie</div>42 <div>Crocheté</div>43 <div class="print:hidden">Actions</div>44 </div>45<div id="clientList" class="divide-y divide-gray-200">46 <!-- Client data will be inserted here by JavaScript -->47 </div>48 </div>49 </main>50 51 <custom-footer></custom-footer>52 53 <!-- Web Components -->54 <script src="components/header.js"></script>55 <script src="components/footer.js"></script>56 57 <script src="script.js"></script>58 <script>59 feather.replace();60 </script>61<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>62</body>63</html>