2024-07-06 19:44:11 +02:00
parent c6f6d96d37 51774a62fb
commit f83ef19e8d
2 changed files with 104 additions and 0 deletions
							
							
							
						
@@ -0,0 +1,104 @@
<!DOCTYPE html>
<html>
<head>
    <title>XINON Invoice Header</title>
    <style>
        body {
            border: 0;
            margin: 0;
            font-family: sans-serif, Verdana;
            font-size: 12px;
        }
        .info-table {
            border-collapse: collapse;
            width: 100%;
        }
        .customer-details {
            vertical-align: bottom;
            font-size: 14px;
        }
        .invoice-details {
            border: 2px solid #e1e1e1;
            padding: 6px;
        }
        .invoice-details td {
            text-align: left;
        }
        .invoice-details td:first-child {
            text-align: right;
        }
        .separator {
            margin-top: 24px;
            height: 1px;
        }
        #topSpacer {
         margin-bottom: 32px;
            height: 20px;
        }
    </style>
</head>
<body>
<div id="topSpacer"></div>
<div style="height: 50px; margin-bottom: 8px">
    <img alt="Xinon Logo" src="{{ basedir }}/public/assets/images/xinon-full.jpg" style="text-align:left;height: 85px;">
</div>
<table style="width: 100%; border-collapse: collapse;">
    <tr>
        <td class="customer-details">
            <div>{{ addressLine_1 }}</div>
            <div>{{ addressLine_2 }}</div>
            <div>{{ addressLine_3 }}</div>
            <div>{{ addressLine_4 }}</div>
            <div>{{ addressLine_5 }}</div>
        </td>
        <td style="float: right">
            <table class="info-table">
                <tr>
                    <td></td>
                    <td>
                        <table class="invoice-details">
                            <tr>
                                <td>Kundennummer:</td>
                                <td>{{ customerNumber }}</td>
                            </tr>
                            <tr>
                                <td>Verrechnungskonto:</td>
                                <td>{{ billingAccount }}</td>
                            </tr>
                            <tr>
                                <td>Rechnungsnummer:</td>
                                <td>{{ invoiceNumber }}</td>
                            </tr>
                            <tr>
                                <td>Belegdatum:</td>
                                <td>{{ invoiceDate }}</td>
                            </tr>
                            {{ vatHtml }}
                        </table>
                    </td>
                </tr>
            </table>
        </td>
        <td style="float: right;margin-top:18px">
            <img alt="QR-Code" src="{{ qrCodeSrc }}" style="text-align:right;height: 85px;">
        </td>
    </tr>
</table>
<div class="separator"></div>
</body>
</html>
			
				
					Side by Side
					
				
			
			
				
					
						
						
						
							After
							
							
								
									Width: 
									 | 
									Height: 
									 | 
								
								Size: 1.9 MiB