akaunting/resources/views/sales/invoices/print_modern.blade.php

@extends('layouts.print')

@section('title', trans_choice('general.invoices', 1) . ': ' . $invoice->invoice_number)

@section('content')
    <div class="row" style="background-color:{{ setting('invoice.color') }} !important; -webkit-print-color-adjust: exact;">
        <div class="col-58 m-first-column">
            <div class="text company pl-2 m-fc-left">
                <img src="{{ $logo }}" alt="{{ setting('company.name') }}"/>
            </div>
            <div class="text company m-fc-right">
                <strong class="text-white">{{ setting('company.name') }}</strong>
            </div>
        </div>

        <div class="col-42">
            <div class="text company">
                <strong class="text-white">{!! nl2br(setting('company.address')) !!}</strong><br><br>

                <strong class="text-white">
                    @if (setting('company.tax_number'))
                        {{ trans('general.tax_number') }}: {{ setting('company.tax_number') }}
                    @endif
                </strong><br><br>

                <strong class="text-white">
                    @if (setting('company.phone'))
                        {{ setting('company.phone') }}
                    @endif
                </strong><br><br>

                <strong class="text-white">{{ setting('company.email') }}</strong><br><br>
            </div>
        </div>
    </div>

    <div class="row mt-2">
        <div class="col-58">
            <div class="text company">
                <strong>{{ trans('invoices.bill_to') }}</strong><br>
                @stack('name_input_start')
                    <strong>{{ $invoice->contact_name }}</strong><br><br>
                @stack('name_input_end')

                @stack('address_input_start')
                    {!! nl2br($invoice->contact_address) !!}<br><br>
                @stack('address_input_end')

                @stack('tax_number_input_start')
                    @if ($invoice->contact_tax_number)
                       {{ trans('general.tax_number') }}: {{ $invoice->contact_tax_number }}<br><br>
                    @endif
                @stack('tax_number_input_end')

                @stack('phone_input_start')
                    @if ($invoice->contact_phone)
                        {{ $invoice->contact_phone }}<br><br>
                    @endif
                @stack('phone_input_end')

                @stack('email_start')
                    {{ $invoice->contact_email }}<br><br>
                @stack('email_input_end')
            </div>
        </div>

        <div class="col-42">
            <div class="text company">
                @stack('order_number_input_start')
                    @if ($invoice->order_number)
                        <strong>{{ trans('invoices.order_number') }}:</strong>
                        <span class="float-right">{{ $invoice->order_number }}</span><br><br>
                    @endif
                @stack('order_number_input_end')

                @stack('invoice_number_input_start')
                    <strong>{{ trans('invoices.invoice_number') }}:</strong>
                    <span class="float-right">{{ $invoice->invoice_number }}</span><br><br>
                @stack('invoice_number_input_end')

                @stack('invoiced_at_input_start')
                    <strong>{{ trans('invoices.invoice_date') }}:</strong>
                    <span class="float-right">@date($invoice->invoiced_at)</span><br><br>
                @stack('invoiced_at_input_end')

                @stack('due_at_input_start')
                    <strong>{{ trans('invoices.payment_due') }}:</strong>
                    <span class="float-right">@date($invoice->due_at)</span>
                @stack('due_at_input_end')
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-100">
            <div class="text">
                <table class="m-lines">
                    <thead style="background-color:{{ setting('invoice.color') }} !important; -webkit-print-color-adjust: exact;">
                        <tr>
                            @stack('name_th_start')
                                <th class="item text-left text-white">{{ trans_choice($text_override['items'], 2) }}</th>
                            @stack('name_th_end')

                            @stack('quantity_th_start')
                                <th class="quantity text-white">{{ trans($text_override['quantity']) }}</th>
                            @stack('quantity_th_end')

                            @stack('price_th_start')
                                <th class="price text-white">{{ trans($text_override['price']) }}</th>
                            @stack('price_th_end')

                            @stack('total_th_start')
                                <th class="total text-white">{{ trans('invoices.total') }}</th>
                            @stack('total_th_end')
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($invoice->items as $invoice_item)
                            <tr>
                                @stack('name_td_start')
                                    <td class="item">
                                        {{ $invoice_item->name }}
                                        @if (!empty($invoice_item->item->description))
                                            <br><small>{!! \Illuminate\Support\Str::limit($invoice_item->item->description, 500) !!}</small>
                                        @endif
                                    </td>
                                @stack('name_td_end')

                                @stack('quantity_td_start')
                                    <td class="quantity">{{ $invoice_item->quantity }}</td>
                                @stack('quantity_td_end')

                                @stack('price_td_start')
                                    <td class="price">@money($invoice_item->price, $invoice->currency_code, true)</td>
                                @stack('price_td_end')

                                @stack('total_td_start')
                                    <td class="total">@money($invoice_item->total, $invoice->currency_code, true)</td>
                                @stack('total_td_end')
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="row mt-7">
        <div class="col-58">
            <div class="text company">
                @stack('notes_input_start')
                    @if ($invoice->notes)
                        <strong>{{ trans_choice('general.notes', 2) }}</strong><br><br>
                        {{ $invoice->notes }}
                    @endif
                @stack('notes_input_end')
            </div>
        </div>

        <div class="col-42">
            <div class="text company pr-2">
                @foreach ($invoice->totals as $total)
                    @if ($total->code != 'total')
                        @stack($total->code . '_td_start')
                            <strong>{{ trans($total->title) }}:</strong>
                            <span class="float-right">@money($total->amount, $invoice->currency_code, true)</span><br><br>
                        @stack($total->code . '_td_end')
                    @else
                        @if ($invoice->paid)
                            <strong>{{ trans('invoices.paid') }}:</strong>
                            <span class="float-right">- @money($invoice->paid, $invoice->currency_code, true)</span><br><br>
                        @endif
                        @stack('grand_total_td_start')
                            <strong>{{ trans($total->name) }}:</strong>
                            <span class="float-right">@money($total->amount - $invoice->paid, $invoice->currency_code, true)</span>
                        @stack('grand_total_td_end')
                    @endif
                @endforeach
            </div>
        </div>
    </div>

    @if ($invoice->footer)
        <div class="row mt-7">
            <div class="col-100 py-2" style="background-color:{{ setting('invoice.color') }} !important; -webkit-print-color-adjust: exact;">
                <div class="text pl-2">
                    <strong class="text-white">{!! $invoice->footer !!}</strong>
                </div>
            </div>
        </div>
    @endif
@endsection