68 lines
2.7 KiB
HTML
68 lines
2.7 KiB
HTML
<!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">
|
|
<button id="backToForm" class="bg-gray-500 text-white px-4 py-2 rounded-md hover:bg-gray-600">
|
|
Retour
|
|
</button>
|
|
<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> |