mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-27 11:41:09 -04:00
build version 400
This commit is contained in:
@ -1,7 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Invoice</title>
|
||||
<title>Payment</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
|
||||
<style type="text/css">
|
||||
@ -20,45 +20,50 @@
|
||||
}
|
||||
|
||||
hr {
|
||||
color:rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
left: 0px;
|
||||
right: -70px;
|
||||
width: 100%;
|
||||
color: rgba(0, 0, 0, 0.2);
|
||||
border: 0.5px solid #EAF1FB;
|
||||
}
|
||||
|
||||
/* -- Heeader -- */
|
||||
|
||||
.header-container {
|
||||
position: absolute;
|
||||
/* position: absolute; */
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
padding: 0 30px;
|
||||
margin-bottom: 50px;
|
||||
/* height: 150px;
|
||||
left: 0px;
|
||||
top: -60px;
|
||||
top: -60px; */
|
||||
}
|
||||
|
||||
.header-section-left {
|
||||
/* .header-section-left {
|
||||
padding-top: 45px;
|
||||
padding-bottom: 45px;
|
||||
padding-left: 30px;
|
||||
display:inline-block;
|
||||
width:30%;
|
||||
}
|
||||
} */
|
||||
|
||||
.header-logo {
|
||||
position: absolute;
|
||||
/* position: absolute; */
|
||||
height: 50px;
|
||||
text-transform: capitalize;
|
||||
color: #817AE3;
|
||||
padding-top: 0px;
|
||||
}
|
||||
.header-section-right {
|
||||
.company-address-container {
|
||||
width: 50%;
|
||||
text-transform: capitalize;
|
||||
padding-left: 80px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
/* .header-section-right {
|
||||
display:inline-block;
|
||||
position: absolute;
|
||||
right:0;
|
||||
padding: 15px 30px 15px 0px;
|
||||
float: right;
|
||||
}
|
||||
} */
|
||||
|
||||
.header {
|
||||
font-size: 20px;
|
||||
@ -79,11 +84,11 @@
|
||||
}
|
||||
|
||||
.company-address{
|
||||
text-align: left;
|
||||
font-size: 10px;
|
||||
/* margin-top: 12px; */
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
color: #595959;
|
||||
margin: 0px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
@ -131,6 +136,7 @@
|
||||
/* -- Billing -- */
|
||||
|
||||
.billing-address-container {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
@ -158,7 +164,8 @@
|
||||
line-height: 15px;
|
||||
color: #595959;
|
||||
margin:0px;
|
||||
width: 160px;
|
||||
width: 180px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* -- Payment Details -- */
|
||||
@ -169,7 +176,7 @@
|
||||
float: right;
|
||||
width: 40%;
|
||||
height: 120px;
|
||||
padding: 20px 30px 0 0;
|
||||
padding: 5px 30px 0 0;
|
||||
}
|
||||
|
||||
.attribute-label {
|
||||
@ -208,7 +215,7 @@
|
||||
}
|
||||
|
||||
.content-heading {
|
||||
margin-top: 120px;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
@ -262,7 +269,7 @@
|
||||
<table width="100%">
|
||||
<tr>
|
||||
@if($logo)
|
||||
<td class="header-section-left">
|
||||
<td width="50%" class="header-section-left">
|
||||
<img class="header-logo" src="{{ $logo }}" alt="Company Logo">
|
||||
@else
|
||||
@if($payment->user->company)
|
||||
@ -271,8 +278,8 @@
|
||||
@endif
|
||||
@endif
|
||||
</td>
|
||||
<td class="header-section-right company-details">
|
||||
@include('app.pdf.payment.partials.company-address')
|
||||
<td width="50%" class="header-section-right company-details company-address">
|
||||
{!! $company_address !!}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@ -281,14 +288,17 @@
|
||||
<hr style="border: 0.620315px solid #E8E8E8;">
|
||||
|
||||
<p class="content-heading">
|
||||
<span>PAYMENT RECEIPT</span>
|
||||
<span>@lang('pdf_payment_receipt_label')</span>
|
||||
</p>
|
||||
|
||||
<div class="content-wrapper">
|
||||
<div class="main-content">
|
||||
<div class="customer-address-container">
|
||||
<div class="billing-address-container">
|
||||
@include('app.pdf.payment.partials.billing-address')
|
||||
<div class="billing-address-container billing-address">
|
||||
@if($billing_address)
|
||||
@lang('pdf_received_from')
|
||||
{!! $billing_address !!}
|
||||
@endif
|
||||
</div>
|
||||
<div class="billing-address-container--right">
|
||||
</div>
|
||||
@ -298,20 +308,20 @@
|
||||
<div class="payment-details-container">
|
||||
<table width="100%">
|
||||
<tr>
|
||||
<td class="attribute-label">Payment Date</td>
|
||||
<td class="attribute-label">@lang('pdf_payment_date')</td>
|
||||
<td class="attribute-value"> {{$payment->formattedPaymentDate}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="attribute-label">Payment Number</td>
|
||||
<td class="attribute-label">@lang('pdf_payment_number')</td>
|
||||
<td class="attribute-value"> {{$payment->payment_number}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="attribute-label">Payment Mode</td>
|
||||
<td class="attribute-label">@lang('pdf_payment_mode')</td>
|
||||
<td class="attribute-value"> {{$payment->paymentMethod ? $payment->paymentMethod->name : '-'}}</td>
|
||||
</tr>
|
||||
@if ($payment->invoice && $payment->invoice->invoice_number)
|
||||
<tr>
|
||||
<td class="attribute-label">Invoice</td>
|
||||
<td class="attribute-label">@lang('pdf_invoice_label')</td>
|
||||
<td class="attribute-value"> {{$payment->invoice->invoice_number}}</td>
|
||||
</tr>
|
||||
@endif
|
||||
@ -321,7 +331,7 @@
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
<div class="total-display-box">
|
||||
<p class="total-display-label">Amount Received</p>
|
||||
<p class="total-display-label">@lang('pdf_payment_amount_received_label')</p>
|
||||
<span>{!! format_money_pdf($payment->amount, $payment->user->currency) !!}</span>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user