MAINHACK

Viewing / Editing File: template9.blade.php

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css?family=Lato&amp;display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/app.css') }}">
    <style type="text/css">
        .resize-observer[data-v-b329ee4c] {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
            border: none;
            background-color: transparent;
            pointer-events: none;
            display: block;
            overflow: hidden;
            opacity: 0
        }

.resize-observer[data-v-b329ee4c] object {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            overflow: hidden;
            pointer-events: none;
            z-index: -1
        }
    </style>
    <style type="text/css">
        p[data-v-f2a183a6] {
            line-height: 1.2em;
            margin: 0 0 2px 0;
        }

pre[data-v-f2a183a6] {
            margin: 0;
        }

.d-table[data-v-f2a183a6] {
            margin-top: 20px;
        }

.d-table-footer[data-v-f2a183a6] {
            display: -webkit-box;
            display: flex;
        }

.d-table-controls[data-v-f2a183a6] {
            -webkit-box-flex: 2;
            flex: 2;
        }

.d-table-summary[data-v-f2a183a6] {
            -webkit-box-flex: 1;
            flex: 1;
        }

.d-table-summary-item[data-v-f2a183a6] {
            width: 100%;
            display: -webkit-box;
            display: flex;
        }

.d-table-label[data-v-f2a183a6] {
            -webkit-box-flex: 1;
            flex: 1;
            display: -webkit-box;
            display: flex;
            -webkit-box-pack: end;
            justify-content: flex-end;
            padding-top: 9px;
            padding-bottom: 9px;
        }

.d-table-label .form-input[data-v-f2a183a6] {
            margin-left: 10px;
            width: 80px;
            height: 24px;
        }

.d-table-label .form-input-mask-text[data-v-f2a183a6] {
            top: 3px;
        }

.d-table-value[data-v-f2a183a6] {
            -webkit-box-flex: 1;
            flex: 1;
            text-align: right;
            padding-top: 9px;
            padding-bottom: 9px;
            padding-right: 10px;
        }

.d-table-spacer[data-v-f2a183a6] {
            margin-top: 5px;
        }

.d-table-tr[data-v-f2a183a6] {
            display: -webkit-box;
            display: flex;
            flex-wrap: wrap;
        }

.d-table-td[data-v-f2a183a6] {
            padding: 10px 10px 10px 10px;
        }

.d-table-th[data-v-f2a183a6] {
            padding: 10px 10px 10px 10px;
            font-weight: bold;
        }

.d-body[data-v-f2a183a6] {
            padding: 50px;
        }

.d[data-v-f2a183a6] {
            font-size: 0.9em !important;
            color: black;
            background: white;
            min-height: 1000px;
        }

.d-right[data-v-f2a183a6] {
            text-align: right;
        }

.d-title[data-v-f2a183a6] {
            font-size: 50px;
            line-height: 50px;
            font-weight: bold;
            margin-bottom: 20px;
        }

.d-header-50[data-v-f2a183a6] {
            -webkit-box-flex: 1;
            flex: 1;
        }

.d-header-inner[data-v-f2a183a6] {
            display: -webkit-box;
            display: flex;
            padding: 50px;
        }

.d-header-brand[data-v-f2a183a6] {
            width: 200px;
        }

.d-logo[data-v-f2a183a6] {
            max-width: 100%;
        }
    </style>
    <style type="text/css">
        p[data-v-37eeda86] {
            line-height: 1.2em;
            margin: 0 0 2px 0;
        }

pre[data-v-37eeda86] {
            margin: 0;
        }

img[data-v-37eeda86] {
            max-width: 100%;
        }

.d-table-value[data-v-37eeda86] {
            padding-right: 0;
        }

.d-table-controls[data-v-37eeda86] {
            -webkit-box-flex: 5;
            flex: 5;
        }

.d-table-summary[data-v-37eeda86] {
            -webkit-box-flex: 4;
            flex: 4;
        }
    </style>
    <style type="text/css">
        p[data-v-e95a8a8c] {
            line-height: 1.2em;
            margin: 0 0 2px 0;
        }

pre[data-v-e95a8a8c] {
            margin: 0;
        }

img[data-v-e95a8a8c] {
            max-width: 100%;
        }

.d[data-v-e95a8a8c] {
            font-family: monospace;
        }

.fancy-title[data-v-e95a8a8c] {
            margin-top: 0;
            padding-top: 0;
        }

.d-table-value[data-v-e95a8a8c] {
            padding-right: 0;
        }

.d-table-controls[data-v-e95a8a8c] {
            -webkit-box-flex: 5;
            flex: 5;
        }

.d-table-summary[data-v-e95a8a8c] {
            -webkit-box-flex: 4;
            flex: 4;
        }
    </style>
    <style type="text/css">
        p[data-v-363339a0] {
            line-height: 1.2em;
            margin: 0 0 2px 0;
        }

pre[data-v-363339a0] {
            margin: 0;
        }

img[data-v-363339a0] {
            max-width: 100%;
        }

.fancy-title[data-v-363339a0] {
            margin-top: 0;
            font-size: 30px;
            line-height: 1.2em;
            padding-top: 0;
        }

.f-b[data-v-363339a0] {
            font-size: 17px;
            line-height: 1.2em;
        }

.thank[data-v-363339a0] {
            font-size: 45px;
            line-height: 1.2em;
            text-align: right;
            font-style: italic;
            padding-right: 25px;
        }

.f-remarks[data-v-363339a0] {
            padding-left: 25px;
        }

.d-table-value[data-v-363339a0] {
            padding-right: 0;
        }

.d-table-controls[data-v-363339a0] {
            -webkit-box-flex: 5;
            flex: 5;
        }

.d-table-summary[data-v-363339a0] {
            -webkit-box-flex: 4;
            flex: 4;
        }
    </style>
    <style type="text/css">
        p[data-v-e23d9750] {
            line-height: 1.2em;
            margin: 0 0 2px 0;
        }

pre[data-v-e23d9750] {
            margin: 0;
        }

img[data-v-e23d9750] {
            max-width: 100%;
        }

.fancy-title[data-v-e23d9750] {
            margin-top: 0;
            font-size: 40px;
            line-height: 1.2em;
            font-weight: bold;
            padding: 25px;
            margin-right: 25px;
        }

.f-b[data-v-e23d9750] {
            font-size: 17px;
            line-height: 1.2em;
        }

.thank[data-v-e23d9750] {
            font-size: 45px;
            line-height: 1.2em;
            text-align: right;
            font-style: italic;
            padding-right: 25px;
        }

.f-remarks[data-v-e23d9750] {
            padding: 25px;
        }

.d-table-value[data-v-e23d9750] {
            padding-right: 0;
        }

.d-table-controls[data-v-e23d9750] {
            -webkit-box-flex: 5;
            flex: 5;
        }

.d-table-summary[data-v-e23d9750] {
            -webkit-box-flex: 4;
            flex: 4;
        }
    </style>
    <style type="text/css">
        p[data-v-4b3dcb8a] {
            line-height: 1.2em;
            margin: 0 0 2px 0;
        }

pre[data-v-4b3dcb8a] {
            margin: 0;
        }

img[data-v-4b3dcb8a] {
            max-width: 100%;
        }

.fancy-title[data-v-4b3dcb8a] {
            margin-top: 0;
            padding-top: 0;
        }

.sub-title[data-v-4b3dcb8a] {
            margin: 5px 0 3px 0;
            display: block;
        }

.d-table-value[data-v-4b3dcb8a] {
            padding-right: 0;
        }

.d-table-controls[data-v-4b3dcb8a] {
            -webkit-box-flex: 5;
            flex: 5;
        }

.d-table-summary[data-v-4b3dcb8a] {
            -webkit-box-flex: 4;
            flex: 4;
        }
    </style>
    <style type="text/css">
        p[data-v-1ad6e3b9] {
            line-height: 1.2em;
            margin: 0 0 2px 0;
        }

pre[data-v-1ad6e3b9] {
            margin: 0;
        }

img[data-v-1ad6e3b9] {
            max-width: 100%;
        }

.fancy-title[data-v-1ad6e3b9] {
            margin-top: 0;
            padding-top: 0;
        }

.sub-title[data-v-1ad6e3b9] {
            margin: 5px 0 3px 0;
            display: block;
        }

.d-no-pad[data-v-1ad6e3b9] {
            padding: 0px;
        }

.grey-box[data-v-1ad6e3b9] {
            padding: 50px;
            background: #f8f8f8;
        }

.d-inner-2[data-v-1ad6e3b9] {
            padding: 50px;
        }
    </style>
    <style type="text/css">
        p[data-v-136bf9b5] {
            line-height: 1.2em;
            margin: 0 0 2px 0;
        }

pre[data-v-136bf9b5] {
            margin: 0;
        }

img[data-v-136bf9b5] {
            max-width: 100%;
        }

.fancy-title[data-v-136bf9b5] {
            margin-top: 0;
            padding-top: 0;
        }

.d-table-value[data-v-136bf9b5] {
            padding-right: 0px;
        }
    </style>
    <style type="text/css">
        p[data-v-7d9d14b5] {
            line-height: 1.2em;
            margin: 0 0 2px 0;
        }

pre[data-v-7d9d14b5] {
            margin: 0;
        }

img[data-v-7d9d14b5] {
            max-width: 100%;
        }

.fancy-title[data-v-7d9d14b5] {
            margin-top: 0;
            padding-top: 0;
        }

.sub-title[data-v-7d9d14b5] {
            margin: 0 0 5px 0;
        }

.padd[data-v-7d9d14b5] {
            margin-left: 5px;
            padding-left: 5px;
            border-left: 1px solid #f8f8f8;
            margin-right: 5px;
            padding-right: 5px;
            border-right: 1px solid #f8f8f8;
        }

.d-inner[data-v-7d9d14b5] {
            padding-right: 0px;
        }

.d-table-value[data-v-7d9d14b5] {
            padding-right: 5px;
        }

.d-table-controls[data-v-7d9d14b5] {
            -webkit-box-flex: 5;
            flex: 5;
        }

.d-table-summary[data-v-7d9d14b5] {
            -webkit-box-flex: 4;
            flex: 4;
        }
    </style>
    <style type="text/css">
        p[data-v-b8f60a0c] {
            line-height: 1.2em;
            margin: 0 0 2px 0;
        }

pre[data-v-b8f60a0c] {
            margin: 0;
        }

img[data-v-b8f60a0c] {
            max-width: 100%;
        }

.fancy-title[data-v-b8f60a0c] {
            margin-top: 0;
            padding-top: 10px;
        }

.d-table-value[data-v-b8f60a0c] {
            padding-right: 0;
        }

.d-table-controls[data-v-b8f60a0c] {
            -webkit-box-flex: 5;
            flex: 5;
        }

.d-table-summary[data-v-b8f60a0c] {
            -webkit-box-flex: 4;
            flex: 4;
        }
    </style>
</head>

<body>
    <div class="container">
        <div id="app" class="content">
            <div class="editor">
                <div class="invoice-preview-inner">
                    <div class="editor-content">
                        <div class="preview-main client-preview">
                            <div data-v-7d9d14b5="" class="d"
                                style="width:800px;margin-left: auto;margin-right: auto;" id="boxes">
                                <div data-v-7d9d14b5="" class="d-inner"
                                    style="border-right: 50px solid {{ $color }};">
                                    <div data-v-7d9d14b5="" class="row">
                                        <div data-v-7d9d14b5="" class="col-3">
                                            <h1 data-v-7d9d14b5="" class="fancy-title tu mb5"
                                                style="color: {{ $color == '#ffffff' ? 'black' : $color }};">
                                                {{ __('INVOICE') }}</h1>
                                            <h3 data-v-7d9d14b5="">
                                                {{ App\Models\Utility::invoiceNumberFormat($invoice->invoice_id) }}</h3>
                                            <p data-v-7d9d14b5="">
                                                {{ App\Models\Utility::dateFormat($invoice->issue_date) }}</p>
                                        </div>
                                        <div data-v-7d9d14b5="" class="col-1"><img data-v-7d9d14b5="" class="d-logo"
                                                src="@if ($currentWorkspace->logo) {{ asset(Storage::url('logo/' . $currentWorkspace->logo)) }}@else{{ asset(Storage::url('logo/logo-light.png')) }} @endif"
                                                style="max-width: 150px;"></div>
                                        @if ($currentWorkspace->qr_display == 'on')
                                            <P> {!! DNS2D::getBarcodeHTML(
                                                route('pay.invoice', [$currentWorkspace->slug, \Illuminate\Support\Facades\Crypt::encrypt($invoice->id)]),
                                                'QRCODE',
                                                2,
                                                2,
                                            ) !!} </p>
                                        @endif
                                    </div>
                                    <div data-v-7d9d14b5="" class="break-50"></div>
                                    <div data-v-7d9d14b5="" class="row">
                                        <div data-v-7d9d14b5="" class="col-33">
                                            <h3 data-v-7d9d14b5="" class="sub-title">
                                                @if ($currentWorkspace->company)
                                                    {{ $currentWorkspace->company }}
                                                @endif
                                            </h3>
                                            <pre data-v-7d9d14b5="">
@if ($currentWorkspace->address)
{{ $currentWorkspace->address }}
@endif
</pre>
                                            <p data-v-7d9d14b5="">
                                                @if ($currentWorkspace->city)
                                                    {{ $currentWorkspace->city }},
                                                    @endif @if ($currentWorkspace->state)
                                                        {{ $currentWorkspace->state }}
                                                        @endif @if ($currentWorkspace->zipcode)
                                                            - {{ $currentWorkspace->zipcode }}
                                                        @endif
                                            </p>
                                            <p data-v-7d9d14b5="">
                                                @if ($currentWorkspace->country)
                                                    {{ $currentWorkspace->country }}
                                                @endif
                                            </p>
                                            <p data-v-7d9d14b5="">
                                                @if ($currentWorkspace->telephone)
                                                    {{ $currentWorkspace->telephone }}
                                                @endif
                                            </p>
                                        </div>
                                        <div data-v-7d9d14b5="" class="col-33">
                                            <div data-v-7d9d14b5="" class="padd"><strong data-v-7d9d14b5=""
                                                    class="mb5">{{ __('To') }}:</strong>
                                                <p data-v-7d9d14b5="">{{ $invoice->client->name }}</p>
                                                @if ($invoice->client->address)
                                                    {{ $invoice->client->address }}
                                                @endif
                                                @if ($invoice->client->city)
                                                    <br> {{ $invoice->client->city }},
                                                    @endif @if ($invoice->client->state)
                                                        {{ $invoice->client->state }}
                                                    @endif
                                                    @if ($invoice->client->zipcode)
                                                        - {{ $invoice->client->zipcode }}
                                                    @endif
                                                    @if ($invoice->client->country)
                                                        <br>{{ $invoice->client->country }}
                                                    @endif
                                                    <br>{{ $invoice->client->email }}
                                                    @if ($invoice->client->telephone)
                                                        <br>{{ $invoice->client->telephone }}
                                                    @endif
                                            </div>
                                        </div>
                                        <div data-v-7d9d14b5="" class="col-33">
                                            <table data-v-7d9d14b5="" class="summary-table">
                                                <tbody data-v-7d9d14b5="">
                                                    <tr data-v-7d9d14b5="">
                                                        <td data-v-7d9d14b5="" class="fwb">{{ __('Project') }}:</td>
                                                        <td data-v-7d9d14b5="" class="text-right">
                                                            {{ $invoice->project->name }}</td>
                                                    </tr>
                                                    <tr data-v-7d9d14b5="">
                                                        <td data-v-7d9d14b5="" class="fwb">{{ __('Due Date') }}:
                                                        </td>
                                                        <td data-v-7d9d14b5="" class="text-right">
                                                            {{ App\Models\Utility::dateFormat($invoice->due_date) }}
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div data-v-7d9d14b5="" class="break-25"></div>
                                    <div data-v-7d9d14b5="" class="d-table">
                                        <div data-v-7d9d14b5="" class="d-table">
                                            <div data-v-7d9d14b5="" class="tu d-table-tr"
                                                style="color: {{ $font_color }}; background: {{ $color }};">
                                                <div data-v-7d9d14b5="" class="d-table-th w-2" style="padding: 3px;">
                                                    {{ __('#') }}</div>
                                                <div data-v-7d9d14b5="" class="d-table-th w-17" style="padding: 3px;">
                                                    {{ __('Item') }}</div>
                                                <div data-v-7d9d14b5="" class="d-table-th w-5 text-right"
                                                    style="padding: 3px;">{{ __('Totals') }}</div>
                                            </div>
                                            <div data-v-7d9d14b5="" class="d-table-body">

@if ($items = $invoice->items)
                                                    @foreach ($items as $key => $item)
                                                        <div data-v-7d9d14b5="" class="d-table-tr"
                                                            style="border-bottom: 1px solid rgb(248, 248, 248);">
                                                            <div data-v-7d9d14b5="" class="d-table-td w-2"
                                                                style="padding: 3px;"><span>{{ $key + 1 }}</span>
                                                            </div>
                                                            <div data-v-7d9d14b5="" class="d-table-td w-17"
                                                                style="padding: 3px;">
                                                                <pre data-v-7d9d14b5="">{{ $item->task ? $item->task->title : '' }}</pre>
                                                            </div>
                                                            <div data-v-7d9d14b5="" class="d-table-td w-5 text-right"
                                                                style="padding: 3px;"><span
                                                                    data-v-7d9d14b5="">{{ $currentWorkspace->priceFormat($item->price * $item->qty) }}</span>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                            <div data-v-7d9d14b5="" class="d-table-footer">
                                                <div data-v-7d9d14b5="" class="d-table-controls"></div>
                                                <div data-v-7d9d14b5="" class="d-table-summary">
                                                    <div data-v-7d9d14b5="" class="d-table-summary-item">
                                                        <div data-v-7d9d14b5="" class="tu d-table-label">
                                                            {{ __('Sub Total') }}:</div>
                                                        <div data-v-7d9d14b5="" class="d-table-value">
                                                            {{ $currentWorkspace->priceFormat($invoice->getSubTotal()) }}
                                                        </div>
                                                    </div>
                                                    @if ($invoice->discount)
                                                        <div data-v-7d9d14b5="" class="d-table-summary-item">
                                                            <div data-v-7d9d14b5="" class="tu d-table-label">
                                                                {{ __('Discount') }}:</div>
                                                            <div data-v-7d9d14b5="" class="d-table-value">-
                                                                {{ $currentWorkspace->priceFormat($invoice->discount) }}
                                                            </div>
                                                        </div>
                                                    @endif
                                                    @if ($invoice->tax)
                                                        <div data-v-7d9d14b5="" class="d-table-summary-item">
                                                            <div data-v-7d9d14b5="" class="tu d-table-label">
                                                                {{ $invoice->tax->name }}
                                                                ({{ $invoice->tax->rate }}%):</div>
                                                            <div data-v-7d9d14b5="" class="d-table-value">
                                                                {{ $currentWorkspace->priceFormat($invoice->getTaxTotal()) }}
                                                            </div>
                                                        </div>
                                                    @endif
                                                    <div data-v-7d9d14b5="" class="d-table-summary-item"
                                                        style="background: {{ $color }}; color: {{ $font_color }};">
                                                        <div data-v-7d9d14b5="" class="tu d-table-label">
                                                            {{ __('Total') }}:</div>
                                                        <div data-v-7d9d14b5="" class="d-table-value">
                                                            {{ $currentWorkspace->priceFormat($invoice->getTotal()) }}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-v-7d9d14b5="" class="break-25"></div>
                                    <div data-v-7d9d14b5="" class="break-25"></div>
                                    <div data-v-7d9d14b5="">
                                        <h1 data-v-7d9d14b5=""
                                            style="color: {{ $color == '#ffffff' ? 'black' : $color }};">
                                            {{ __('Thank you!') }}</h1>
                                    </div>

<div data-v-f2a183a6="" class="d-header-50">
                                        <p data-v-f2a183a6="">
                                            @if ($currentWorkspace->invoice_footer_title != '' || $currentWorkspace->invoice_footer_notes != '')
                                                {{ $currentWorkspace->invoice_footer_title }} :<br>
                                                {{ $currentWorkspace->invoice_footer_notes }}
                                            @endif
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if (!isset($preview))
        @include('invoices.script');
    @endif
</body>

</html>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: template9.blade.php

Server Info

System Features

User Info