invoice-manager/static/preview.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>