feat: gestion des factures, génération PDF, corrections DB, .gitignore
This commit is contained in:
68
static/preview.html
Normal file
68
static/preview.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Prévisualisation de la Facture</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/static/styles.css">
|
||||
</head>
|
||||
<body class="bg-gray-100 min-h-screen">
|
||||
<div class="container mx-auto px-4 py-8">
|
||||
<div class="flex justify-between items-center mb-8">
|
||||
<h1 class="text-3xl font-bold">Prévisualisation de la Facture</h1>
|
||||
<div class="space-x-4">
|
||||
<a href="/generator" class="bg-gray-500 text-white px-4 py-2 rounded-md hover:bg-gray-600">
|
||||
Retour
|
||||
</a>
|
||||
<button id="validateInvoice" class="bg-green-500 text-white px-4 py-2 rounded-md hover:bg-green-600">
|
||||
Valider la Facture
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-lg shadow-md p-8 max-w-4xl mx-auto">
|
||||
<div class="grid grid-cols-2 gap-8">
|
||||
<!-- Informations de l'émetteur -->
|
||||
<div>
|
||||
<h2 class="text-xl font-semibold mb-4">Émetteur</h2>
|
||||
<div class="space-y-2">
|
||||
<p>Cheap Motion Pictures</p>
|
||||
<p>rue de l'ale 1</p>
|
||||
<p>1003 Lausanne, Suisse</p>
|
||||
<p>Tél: +41 77 471 11 34</p>
|
||||
<p>Email: contact@cheapmo.ch</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Informations du destinataire -->
|
||||
<div>
|
||||
<h2 class="text-xl font-semibold mb-4">Destinataire</h2>
|
||||
<div class="space-y-2" id="recipientInfo">
|
||||
<!-- Rempli dynamiquement -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8">
|
||||
<h2 class="text-xl font-semibold mb-4">Détails de la Facture</h2>
|
||||
<div class="space-y-4" id="invoiceDetails">
|
||||
<!-- Rempli dynamiquement -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 border-t pt-8">
|
||||
<h2 class="text-xl font-semibold mb-4">Informations de Paiement</h2>
|
||||
<div class="space-y-2">
|
||||
<p>Banque: Wise</p>
|
||||
<p>IBAN: BE22905094540247</p>
|
||||
<p>BIC/SWIFT: TRWIBEB1XXX</p>
|
||||
<p>Titulaire: Robin Szymczak</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/static/preview.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user