<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>partner.gruene-seele.bio</title>
    <style>

        /* roboto-300 - latin */
            @font-face {
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 300;
                src: url('fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
            }
            /* roboto-regular - latin */
            @font-face {
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 400;
                src: url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
            }
            /* roboto-500 - latin */
            @font-face {
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 500;
                src: url('fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
            }
            /* roboto-700 - latin */
            @font-face {
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 700;
                src: url('fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
            }
        html {
            width: 100%;
            height: 100%;
        }

        body {
            position: relative;
            width: 100%;
            height: 100%;
            margin: 0 auto;
            padding: 0;
            color: #000;
            background: #fff;
            font-family: 'Roboto', sans-serif;
            font-size: 8pt;
            font-weight: 400 ;
        }
        table {
            border: none;
        }

        strong {
            font-weight: bold !important;
        }

        @page {
            margin: 0px;
        }
        @page {
            margin-top: 0px;
        }


        @page {
            margin: 75mm 0 40mm 0;
        }

        .font-weight-bold {
            font-weight: bold !important;
        }

        #address_box {
            position: absolute;
            top:-30mm;
            left: 15mm;
            width: 100mm;
            height: 45mm;
            z-index: 1;
            font-size: 8pt;
            line-height: 9pt;
            letter-spacing: 0.05em;
        }
        #address_box_top {
        font-size: 7pt;
           color:#858585;
        }

        #title_box {
            position: absolute;
            top:0mm;
            left: 15mm;
            width: 180mm;
            height: 10mm;
            z-index: 2;
            text-align: center;
        }
            #title_box .title {
                font-size: 15pt;
                line-height: 12pt;
            }
            #title_box .subtitle {
                font-size: 9pt;
                line-height: 9pt;
            }

        #detail_box_left {
            position: absolute;
            top:8mm;
            left: 15mm;
            width: 90mm;
            height: 15mm;
            z-index: 3;
            font-size: 8pt;
        }

        #detail_box_right {
            position: absolute;
            top:8mm;
            left: 105mm;
            width: 90mm;
            height: 15mm;
            z-index: 4;
            font-size: 8pt;
        }

        #detail_box_left table, #detail_box_right table  {
            width: 100%;
            line-height: 9pt;
        }

        #detail_box_left table td {
            text-align: left;
        }

        #detail_box_right table td {
            text-align: right;
        }


        #invoice_box {
            position: relative;
            padding-top: 20mm;
            margin-left: 15mm;
            width: 180mm;
            font-size: 8pt;
            line-height: 8pt;
        }

        #invoice_box table {
            width: 100%;
            border-collapse: collapse;
        }


        #invoice_box table tfoot tr  {
            page-break-after: avoid;
        }

        #invoice_box table tr td {
            vertical-align: top;
            padding-top: 2mm;
            padding-bottom: 2mm;
            padding-left: 1.5mm;
            padding-right: 1.5mm;
            border-top: 0.5pt dotted #1a1a18;
        }

        #invoice_box table tfoot tr td {
            border-top: none;
        }

        #invoice_box table tfoot tr.fullline td {
            border-top: 0.3pt solid #575755;
        }

        #invoice_box table tfoot tr.fullline td.no-border {
            border-top: none;
        }

        #invoice_box table tfoot tr td {
            padding-top: 1.2mm;
            padding-bottom: 1.2mm;

        }

        

        #invoice_box table td.small {
            width: 1%;
            white-space: nowrap;
        }

            #invoice_box table tr th {
               line-height: 12pt;
                padding-bottom: 1mm;
                padding-left: 1mm;
                padding-right: 1mm;
                background-color: rgb(212, 212, 212);

            }

            

            #invoice_box table td .title {
                font-size: 10pt;
            }
            #invoice_box table td .description {
                padding-top: 1mm;
                font-size: 9pt;

            }

            #invoice_box table td .price_net {
                padding-top: 1mm;
                font-size: 10pt;
                padding-bottom: 1mm;
            }

            #invoice_box table td .price_tax {
                padding-top: 0.7mm;
                padding-bottom: 0.7mm;
            }

            #invoice_box table td .price_total {
                padding-top: 2mm;
                font-size: 11pt;
            }
            .singel-line-top {
                border-top: 1pt solid #1a1a18;
            }
            .double-line {
                border-bottom: 2.5pt double #1a1a18;
            }
            .dotted-line {
                border-bottom: 0.8pt dotted #1a1a18;
            }

        #footer_box {
            position: relative;
            top:0mm;
            left: 15mm;
            width: 180mm;
            height: 20mm;
            z-index: 6;
            font-size: 8pt;
            line-height: 8pt;
        }

        .text-right {
            text-align: right;
        }
        .text-left {
            text-align: left;
        }
        .text-center {
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="address_box">
        <div id="address_box_top">GRÜNE SEELE  GmbH • Hauptstr. 174 • 51143 Köln</div>
        @if($user->account)
        @if($user->account->company)
             {{ $user->account->company }}<br>
        @else
             Firma <br>
        @endif
            {{ \App\Services\HTMLHelper::getSalutationLang($user->account->salutation) }}
            {{ $user->account->first_name }} {{ $user->account->last_name }}<br>
            {{ $user->account->address }}<br>
        @if($user->account->address_2)
            {{ $user->account->address_2 }}<br>
        @endif
            {{ $user->account->zipcode}} {{ $user->account->city }}<br>
       @if($user->account->country)
            {{ $user->account->country->getLocated() }}
        @endif
        @endif
    </div>

    <div id="title_box">
        <div class="title">GUTSCHRIFT</div>
        {{--  @if($cancellation)
            <div class="subtitle">{{ $invoice->invoice_name }}</div>
        @endif--}} 
    </div>

    <div id="detail_box_left">
        <table>
            <tr>
                <td>
                    {{ __('Gutschriftsnummer') }}: {{ $credit_number }}
                </td>
            </tr>
        </table>
    </div>
    <div id="detail_box_right">
        <table>
            <tr>
                <td>
                    {{ __('Datum') }}/{{ __('Leistungsdatum') }}: {{ $credit_date }}
                </td>
            </tr>
            @if($user->account->tax_number)
            <tr>
                <td>
                    {{ __('St.-Nr') }}: {{ $user->account->tax_number}}
                </td>
            </tr>
            @else
                @if($user->account->tax_identification_number)
                <tr>
                    <td>
                        {{ __('USt-IdNr.') }}: {{ $user->account->tax_identification_number}}
                    </td>
                </tr>
                @endif
            @endif
        </table>
    </div>
    <div id="invoice_box">
        <table>
            <thead>
            <tr>
                <th class="text-left" style="width: 75%">Gutschrift aus</th>              
                <th class="text-right" style="width: 25%">Betrag</th>
            </tr>
            </thead>
            <tbody>
            @foreach($user_credits->margins as $margin)
                <tr class="item">
                    <td class="small text-left">
                        {{ $margin->firstname }} {{ $margin->lastname }} / {{ $margin->reference }} / {{ $margin->created_at  }}
                    </td>
                    <td class="text-right small">
                        {{  \App\Services\Util::formatNumber($margin->net) }} &euro;*
                    </td>
                </tr>
            @endforeach

            @foreach($user_credits->credits as $credit)
            <tr class="item">
                <td class="small text-left">
                    {!! nl2br($credit->message) !!} / {{ $credit->created_at  }}
                </td>
                <td class="text-right small">
                    {{  \App\Services\Util::formatNumber($credit->net) }} &euro;*
                </td>
            </tr>
        @endforeach
            </tbody>
            <tfoot>
                <tr class="fullline">
                    <td class="text-right">
                        Zwischensumme
                    </td>
                    <td class="text-right">
                        {{  \App\Services\Util::formatNumber($user_credits->net) }} &euro;*
                    </td>
                </tr>

                @if ($user_credits->taxable)
                <tr class="">
                    <td class="text-right">
                        Mehrwertsteuer: {{ $user_credits->tax_rate }} % <br>
                    </td>
                    <td class="text-right">
                     {{  \App\Services\Util::formatNumber($user_credits->tax) }} &euro;                    
                    </td>
                </tr>
                
                 @else
                    <tr class="">
                        <td class="text-right">
                            Mehrwertsteuer: {{ $user_credits->tax_rate }} % <br>
                            Gutschriftsempfänger ist Kleinunternehmer nach § 19 (1) UStG.

                        </td>
                        <td class="text-right">
                         {{  \App\Services\Util::formatNumber($user_credits->tax) }} &euro;                    
                        </td>
                    </tr>
                @endif
               
                <tr class="fullline">
                    <td class="text-right">
                        <b>Auszahlungsbetrag (Brutto):</b>
                    </td>
                    <td class="text-right">
                        <b> {{  \App\Services\Util::formatNumber($user_credits->total) }} &euro;</b>
                        <br>
                        <span style="font-size: 0.9em"><em>* Nettobeträge</em></span>
                    </td>
                </tr>
               
                </tfoot>
        </table>
    </div>
    <div id="footer_box">
            <div class="text">
              
            </div>
    </div>
</body>
</html>