mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-05-22 21:14:42 +00:00
frontend update
This commit is contained in:
@@ -0,0 +1,193 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{{ config('vuefilemanager.app_name') }}</title>
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;900&display=swap"
|
||||
rel="stylesheet">
|
||||
<link href="{{ env('APP_ENV') !== 'local' ? asset('css/invoice.css') : mix('css/invoice.css') }}?v={{ get_version() }}" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="toolbar-wrapper">
|
||||
<button class="button" onclick="window.print();">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-printer">
|
||||
<polyline points="6 9 6 2 18 2 18 9"></polyline>
|
||||
<path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path>
|
||||
<rect x="6" y="14" width="12" height="8"></rect>
|
||||
</svg>
|
||||
<span class="label">Print Document</span>
|
||||
</button>
|
||||
</div>
|
||||
<div id="invoice-wrapper">
|
||||
<header class="invoice-header">
|
||||
<div class="logo">
|
||||
<img src="/assets/images/vuefilemanager-horizontal-logo.svg" alt="VueFileManager">
|
||||
</div>
|
||||
<div class="title">
|
||||
<h1>Invoice</h1>
|
||||
</div>
|
||||
</header>
|
||||
<section class="invoice-subject">
|
||||
<ul class="list">
|
||||
<li class="list-item">
|
||||
<b>Date:</b>
|
||||
<span>{{ $invoice->created_at }}</span>
|
||||
</li>
|
||||
<li class="list-item">
|
||||
<b>Product:</b>
|
||||
<span>Subscription</span>
|
||||
</li>
|
||||
<li class="list-item">
|
||||
<b>Invoice Number:</b>
|
||||
<span>{{ $invoice->order }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<div class="invoice-partners">
|
||||
<div class="partner">
|
||||
<h2 class="partner-title">Seller:</h2>
|
||||
<ul class="list">
|
||||
@isset($invoice->seller['billing_vat_number'])
|
||||
<li class="list-item">
|
||||
<b>VAT number:</b>
|
||||
<span>{{ $invoice->seller['billing_vat_number'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
|
||||
@isset($invoice->seller['billing_name'])
|
||||
<li class="list-item">
|
||||
<b>Name:</b>
|
||||
<span>{{ $invoice->seller['billing_name'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
|
||||
@isset($invoice->seller['billing_phone_number'])
|
||||
<li class="list-item">
|
||||
<b>Phone:</b>
|
||||
<span>{{ $invoice->seller['billing_phone_number'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
</ul>
|
||||
|
||||
<ul class="list">
|
||||
@isset($invoice->seller['billing_address'])
|
||||
<li class="list-item">
|
||||
<b>Address:</b>
|
||||
<span>{{ $invoice->seller['billing_address'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
|
||||
@isset($invoice->seller['billing_city'])
|
||||
<li class="list-item">
|
||||
<b>City:</b>
|
||||
<span>{{ $invoice->seller['billing_city'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
|
||||
@isset($invoice->seller['billing_state'])
|
||||
<li class="list-item">
|
||||
<b>State:</b>
|
||||
<span>{{ $invoice->seller['billing_state'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
|
||||
@isset($invoice->seller['billing_postal_code'])
|
||||
<li class="list-item">
|
||||
<b>Postal code:</b>
|
||||
<span>{{ $invoice->seller['billing_postal_code'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
|
||||
@isset($invoice->seller['billing_country'])
|
||||
<li class="list-item">
|
||||
<b>Country:</b>
|
||||
<span>{{ $invoice->seller['billing_country'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
</ul>
|
||||
</div>
|
||||
<div class="partner">
|
||||
<h2 class="partner-title">Client:</h2>
|
||||
<ul class="list">
|
||||
|
||||
@isset($invoice->client['billing_name'])
|
||||
<li class="list-item">
|
||||
<b>Name:</b>
|
||||
<span>{{ $invoice->client['billing_name'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
|
||||
@isset($invoice->client['billing_phone_number'])
|
||||
<li class="list-item">
|
||||
<b>Phone:</b>
|
||||
<span>{{ $invoice->client['billing_phone_number'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
</ul>
|
||||
<ul class="list">
|
||||
@isset($invoice->client['billing_address'])
|
||||
<li class="list-item">
|
||||
<b>Address:</b>
|
||||
<span>{{ $invoice->client['billing_address'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
|
||||
@isset($invoice->client['billing_city'])
|
||||
<li class="list-item">
|
||||
<b>City:</b>
|
||||
<span>{{ $invoice->client['billing_city'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
|
||||
@isset($invoice->client['billing_state'])
|
||||
<li class="list-item">
|
||||
<b>State:</b>
|
||||
<span>{{ $invoice->client['billing_state'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
|
||||
@isset($invoice->client['billing_postal_code'])
|
||||
<li class="list-item">
|
||||
<b>Postal code:</b>
|
||||
<span>{{ $invoice->client['billing_postal_code'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
|
||||
@isset($invoice->client['billing_country'])
|
||||
<li class="list-item">
|
||||
<b>Country:</b>
|
||||
<span>{{ $invoice->client['billing_country'] }}</span>
|
||||
</li>
|
||||
@endisset
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="invoice-order">
|
||||
<table class="table">
|
||||
<thead class="table-header">
|
||||
<tr>
|
||||
<td>Description</td>
|
||||
<td>Date</td>
|
||||
<td>Amount</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="table-body">
|
||||
@foreach($invoice->bag as $item)
|
||||
<tr>
|
||||
<td>{{ $item['description'] }} (1)</td>
|
||||
<td>{{ $item['date'] }}</td>
|
||||
<td>{{ $item['amount'] }} {{ $invoice->currency }}</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="invoice-summary">
|
||||
<b>Total {{ $invoice->total }} {{ $invoice->currency }}</b>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user