Export | Angebot

Angebot mit Logo und Footer.

Folgende Kontakte müssen im Event angelegt sein:

• Mieter:in
• Ansprechpartner:in

Vorschau

Template

<style>
        @page {
            size: A4;
            margin: 1cm 2cm 0.5cm;
        }

        .logo {
            width: auto;
            height: 2.5cm;
        }

        .page-container-table {
            width: 100%;
        }

        .page-footer {
            position: fixed;
            bottom: 1cm;
            width: 17cm;

        }

        .page-footer table {
            width: 100%;
            font-size: 0.7em;
        }

        .page-header {
            position: fixed;
            top: 1cm;
            right: 1cm;
        }

        .page-header,
        .page-header-space {
            height: 3cm;
        }

        .page-footer,
        .page-footer-space {
            height: 2cm;
            display: flex;
            align-content: end;
        }

        @media print {
            .page-header {
                top: 0 !important;
                right: 0 !important;
            }

            .page-footer {
                bottom: 0 !important;
            }
        }

        .alert {
            background-color: yellow;
            font-size: 1.5em;
        }

        h1 {
            font-family: Ubuntu;
            text-decoration: none;
        }

        body {
            position: relative;
            margin: 0;
            padding: 0;
        }

        body,
        h2,
        h3,
        h4,
        p,
        th,
        td {
            font-family: Ubuntu;
        }

        .page {
            margin-top: 2cm;
            padding-bottom: 2cm;
            page-break-after: auto;
        }

        .page table {
            width: 100%;
            border-spacing: 0px;
            border-collapse: separate;
        }

        .page td,
        .page th {
            text-align: left;
            border-bottom: 1px solid black;
            padding: 5px 10px;
            vertical-align: top;
            page-break-inside: avoid;
        }

        .smallText {
            font-size: 0.7rem;
        }
    </style>

<div class="page-header">
    {{#if @root.baseData.images.[0].sizes}}
    <img class="logo" src="{{lookup @root.baseData.images.0.sizes "640"}}"/>
    {{else}}
    <div class="alert">
        Kein Logo in Stammdaten hochgeladen
    </div>
    {{/if}}
</div>

<div class="page-footer">
    <table>
        <tbody>
            <tr>
                <td class="smallText">
                    {{@root.baseData.name}} <br />
                    {{ linkByType @root.baseData.links "Web" }}
                </td>
                <td class="smallText">
                    Tel: {{ @root.baseData.phone }} <br />
                    E-Mail: {{ @root.baseData.email }}
                </td>
                <td class="smallText">
                    {{@root.baseData.addresses.0.address.street}} <br />
                    {{@root.baseData.addresses.0.address.zip}} {{@root.baseData.addresses.0.address.city}}
                </td>
            </tr>
        </tbody>
    </table>
</div>

<table class="page-container-table">
    <thead>
        <tr>
            <td>
                <!--place holder for the fixed-position header-->
                <div class="page-header-space"></div>
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>

{{#each events}}

<div class="page">

{{ assign 'ansprechpartner' (contactByRole this.contacts "Ansprechpartner:in") }}
{{ assign 'mieter' (contactByRole this.contacts "Mieter:in") }}

<div>

<div class="smallText">
    {{@root.baseData.name}} &middot; 
    {{@root.baseData.addresses.0.address.street}} &middot; 
    {{@root.baseData.addresses.0.address.zip}} {{@root.baseData.addresses.0.address.city}}
</div>

{{#if @root.mieter }}
{{ @root.mieter.displayName }}
{{@root.ansprechpartner.firstName}} {{@root.ansprechpartner.lastName}}
{{ @root.mieter.address.street }}
{{ @root.mieter.address.zip }} {{ @root.mieter.address.city }}
{{else}}
<div class="alert">
    Kontakt mit Rolle "Mieter:in" nicht angegeben
</div>
{{/if}}
</div>


<div style="margin-top: 1cm; text-align: right;">Erding: {{ currentDate "P" }} </div>

<div>

## Angebot  

Vielen Dank für Ihre Anfrage. Hiermit bieten wir Ihnen folgende Leistungen an:
</div>

<div style="margin-bottom: 0.5cm;">
Veranstaltung: <b>{{this.displayNames.eventTitleWithArtists}}</b>
</div>

{{#each this.offersOnEvent}}

{{this.description}}

{{assign 'anyLineItemHasDiscount' (add (sumBy this.roomsOnOffer 'discount') (sumBy this.resourcesOnOffer 'discount'))}}

<table>
    <thead>
        <tr>
            <th>Anz.</th>
            <th>Einheit</th>
            <th>Posten</th>
            <th class="numeric">Einzelpreis</th>{{!-- Notiz: Hier keinen Umbruch einfügen --}}{{#if @root.anyLineItemHasDiscount}}<th class="numeric">Rabatt</th>{{/if}}
            <th class="numeric">Gesamt</th>
        </tr>
    </thead>
    <tbody>
        {{#each this.roomsOnOffer}}
        <tr>
            <td class="numeric">-</td>
            <td>Pauschal</td>
            <td>{{this.room}}{{#if this.description}}<br/><em>{{this.description}}</em>{{/if}}</td>
            <td class="numeric">{{formatEuro this.price}}</td>{{!-- Notiz: Hier keinen Umbruch einfügen --}}{{#if @root.anyLineItemHasDiscount}}<td class="numeric">{{#if this.discount}}{{this.discount}} %{{else}}-{{/if}}</td>{{/if}}
            <td class="numeric">{{formatEuro this.netTotal}}</td>
        </tr>
        {{/each}}
        {{#each this.resourcesOnOffer}}
        <tr>
            <td class="numeric">{{this.amount}}</td>
            <td>{{#if (isEqual this.unit 'PIECE')}}Stück{{/if}}{{#if (isEqual this.unit 'DAY')}}Tag{{/if}}{{#if (isEqual this.unit 'HOUR')}}Stunde{{/if}}</td>
            <td>{{this.resource}}{{#if this.description}}<br/>{{this.description}}{{/if}}</td>
            <td class="numeric">{{formatEuro this.price}}</td>{{!-- Notiz: Hier keinen Umbruch einfügen --}}{{#if @root.anyLineItemHasDiscount}}<td class="numeric">{{#if this.discount}}{{this.discount}} %{{else}}-{{/if}}</td>{{/if}}
            <td class="numeric">{{formatEuro this.netTotal}}</td>
        </tr>
        {{/each}}
        {{#if this.discount}}
        <tr>
            <td colspan="{{#if @root.anyLineItemHasDiscount}}5{{else}}4{{/if}}">abzgl. {{this.discount}}% Rabatt</td>
            <td class="numeric">-{{formatEuro (multiply this.netTotal (divide this.discount 100))}}</td>
        </tr>
        {{/if}}
        <tr>
            <th colspan="{{#if @root.anyLineItemHasDiscount}}5{{else}}4{{/if}}">Gesamt netto</th>
            <th class="numeric">{{formatEuro this.netTotal}}</th>
        </tr>
        {{#each (keys this.netTotalByVat)}}
        <tr>
            <td colspan="{{#if @root.anyLineItemHasDiscount}}5{{else}}4{{/if}}">zzgl. {{this}}% MWSt.</td>
            <td class="numeric">{{formatEuro (multiply (lookup ../netTotalByVat this) (divide this 100))}}</td>
        </tr>
        {{/each}}
        <tr>
            <th colspan="{{#if @root.anyLineItemHasDiscount}}5{{else}}4{{/if}}">Gesamt brutto</th>
            <td class="numeric"><strong>{{formatEuro this.grossTotal}}<strong></td>
        </tr>
    </tfoot>
</table>
 
{{/each}}
  
Wir bedanken uns für die Anfrage und freuen uns auf Ihren Auftrag.

</div>
 
{{/each}}</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>
                    <!--place holder for the fixed-position footer-->
                    <div class="page-footer-space"></div>
                </td>
            </tr>
        </tfoot>
    </table>