kent-logistics/Kent-logistics-Laravel
SHA256
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Invoice Frontend

Browse Source
This commit is contained in:
Utkarsh Khedkar
2025-11-18 14:35:58 +05:30
parent 56a17cf1e0
commit 837f4fe566
13 changed files with 1695 additions and 303 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
resources/views/admin/pdf/invoice.blade.php
View File

@@ -3,98 +3,135 @@
<head>
<meta charset="UTF-8">
<title>{{ $invoice->invoice_number }}</title>
<style>
body {
font-family: sans-serif;
font-size: 13px;
color: #333;
font-family: 'Segoe UI', 'Roboto', Arial, sans-serif;
font-size: 14px;
background: #f6f8fb;
color: #2f3440;
letter-spacing: 0.02em;
}
.header-box {
text-align: center;
padding: 10px 0;
border-bottom: 2px solid #000;
margin-bottom: 20px;
border-bottom: 3px solid #1b2430;
background: linear-gradient(to right, #0766ad 0%, #85c6ee 100%);
padding: 26px 0 18px 0;
margin-bottom: 28px;
border-radius: 0 0 15px 15px;
box-shadow: 0 2px 12px rgba(35,82,124,0.08);
}
.logo {
width: 120px;
margin-bottom: 8px;
margin-bottom: 12px;
filter: drop-shadow(0 2px 5px #0001);
}
.title {
font-size: 22px;
font-size: 28px;
font-weight: bold;
color: #000;
color: #1a4c8b;
letter-spacing: 2px;
margin-bottom: 5px;
text-shadow: 0 2px 9px #90caf944;
}
.subtitle {
font-size: 14px;
font-size: 15px;
margin-top: 3px;
color: #666;
color: #376f9e;
font-weight: 500;
letter-spacing: 1px;
}
.section-title {
font-size: 16px;
font-size: 19px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 6px;
color: #222;
margin-top: 28px;
margin-bottom: 10px;
color: #0766ad;
text-transform: uppercase;
letter-spacing: 1px;
border-left: 4px solid #0766ad;
padding-left: 12px;
}
.info-box {
border: 1px solid #ccc;
padding: 10px;
line-height: 1.6;
background: #f9f9f9;
border: 1px solid #d3e3fd;
padding: 13px 18px;
line-height: 1.8;
background: #ecf7ff;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(100,143,176,0.05);
margin-bottom: 7px;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 12px;
margin-top: 15px;
background: #fff;
box-shadow: 0 2px 18px rgba(91,146,196,0.05);
border-radius: 10px;
overflow: hidden;
}
th {
background: #efefef;
padding: 6px;
font-size: 13px;
font-weight: bold;
border: 1px solid #444;
}
td {
padding: 6px;
border: 1px solid #444;
font-size: 12px;
}
.totals-box {
margin-top: 20px;
padding: 10px;
border: 1px solid #bbb;
background: #fafafa;
background: linear-gradient(90deg, #e3f1fb 80%, #f0f6ff 100%);
padding: 10px 7px;
font-size: 14px;
line-height: 1.8;
font-weight: 700;
color: #085d99;
border: 1px solid #b1cbe1;
text-align: center;
}
td {
padding: 8px 7px;
border: 1px solid #dae5ec;
color: #395471;
font-size: 13px;
background: #fafcff;
text-align: center;
}
tbody tr:nth-child(even) td {
background: #f3fafd;
}
tbody tr:hover td {
background: #e2f1fa;
transition: background 0.2s;
}
.totals-box {
margin-top: 22px;
margin-bottom: 16px;
padding: 14px 22px;
border: 1.5px solid #b1cbe1;
background: linear-gradient(90deg, #eaf6fb 70%, #f8fbfe 100%);
font-size: 16px;
line-height: 2.1;
border-radius: 11px;
box-shadow: 0 2px 10px rgba(120,160,200,0.08);
}
.totals-box strong {
color: #0766ad;
font-size: 15.5px;
}
@media (max-width: 680px) {
.header-box, .info-box, .totals-box {
padding: 10px;
}
.section-title {
font-size: 15.5px;
padding-left: 7px;
margin-bottom: 7px;
margin-top: 20px;
}
th, td {
font-size: 12px;
padding: 5px;
}
}
</style>
</head>
<body>
<!-- HEADER -->
<div class="header-box">
<!-- LOGO -->
<img src="{{ public_path('images/kent_logo2.png') }}" class="logo">
<img src="{{ public_path('images/kent_logo2.png') }}" alt="logo" class="logo">
<div class="title">KENT LOGISTICS</div>
<div class="subtitle">Official Invoice</div>
</div>
<!-- INVOICE INFO -->
<div class="info-box">
<strong>Invoice No:</strong> {{ $invoice->invoice_number }} <br>
@@ -102,7 +139,6 @@
<strong>Due Date:</strong> {{ $invoice->due_date }} <br>
<strong>Status:</strong> {{ ucfirst($invoice->status) }}
</div>
<!-- CUSTOMER DETAILS -->
<div class="section-title">Customer Details</div>
<div class="info-box">
@@ -112,10 +148,8 @@
{{ $invoice->customer_email }} <br>
{{ $invoice->customer_address }}
</div>
<!-- ITEMS TABLE -->
<div class="section-title">Invoice Items</div>
<table>
<thead>
<tr>
@@ -134,7 +168,6 @@
<th>Shop No</th>
</tr>
</thead>
<tbody>
@foreach($invoice->items as $i => $item)
<tr>
@@ -155,15 +188,12 @@
@endforeach
</tbody>
</table>
<!-- TOTALS -->
<div class="section-title">Totals</div>
<div class="totals-box">
<strong>Amount:</strong> ₹{{ number_format($invoice->final_amount, 2) }} <br>
<strong>GST ({{ $invoice->gst_percent }}%):</strong> ₹{{ number_format($invoice->gst_amount, 2) }} <br>
<strong>Total With GST:</strong> <strong>₹{{ number_format($invoice->final_amount_with_gst, 2) }}</strong>
</div>
</body>
</html>