149 lines
7.9 KiB
PHP
149 lines
7.9 KiB
PHP
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Rental Contract #{{ $rental->id }}</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
@media print {
|
|
html, body { height: auto; overflow: visible; }
|
|
.container { page-break-after: avoid; page-break-inside: avoid; }
|
|
}
|
|
@page { size: A4; margin: 10mm; }
|
|
body { font-family: Arial, sans-serif; font-size: 11px; line-height: 1.4; color: #333; }
|
|
.container { max-width: 700px; margin: 0 auto; padding: 15px; page-break-after: auto; }
|
|
|
|
/* Header */
|
|
.header { text-align: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #333; }
|
|
.logo { max-width: 150px; max-height: 50px; margin-bottom: 5px; }
|
|
.company-name { font-size: 18px; font-weight: bold; color: #1f2937; }
|
|
.company-tagline { font-size: 10px; color: #666; margin-bottom: 8px; }
|
|
.contract-title { font-size: 16px; font-weight: bold; margin-top: 8px; color: #374151; }
|
|
.contract-no { font-size: 10px; color: #6b7280; }
|
|
|
|
/* Sections */
|
|
.section { margin-bottom: 12px; }
|
|
.section-title { font-size: 12px; font-weight: bold; margin-bottom: 6px; color: #1f2937; border-bottom: 1px solid #e5e7eb; padding-bottom: 3px; }
|
|
.info-grid { display: table; width: 100%; }
|
|
.info-row { display: table-row; }
|
|
.info-label { display: table-cell; width: 35%; padding: 2px 8px 2px 0; color: #6b7280; }
|
|
.info-value { display: table-cell; padding: 2px 0; font-weight: 500; color: #1f2937; }
|
|
|
|
/* Two columns */
|
|
.two-col { display: table; width: 100%; }
|
|
.col { display: table-cell; width: 50%; padding: 5px; vertical-align: top; }
|
|
|
|
/* Box styles */
|
|
.box { background: #f9fafb; padding: 10px; text-align: center; margin-top: 10px; }
|
|
.amount { font-size: 20px; font-weight: bold; color: #1f2937; }
|
|
.amount-small { font-size: 14px; color: #6b7280; }
|
|
|
|
/* Signature */
|
|
.signatures { display: table; width: 100%; margin-top: 15px; }
|
|
.signature-box { display: table-cell; width: 50%; padding: 5px 15px; text-align: center; vertical-align: top; min-height: 70px; }
|
|
.signature-line { border-top: 1px solid #333; margin-top: 30px; padding-top: 5px; font-size: 10px; color: #6b7280; }
|
|
.sig-img { max-width: 150px; max-height: 50px; margin-bottom: 5px; }
|
|
|
|
/* Footer */
|
|
.footer { margin-top: 10px; padding-top: 8px; border-top: 1px solid #e5e7eb; text-align: center; font-size: 9px; color: #9ca3af; }
|
|
|
|
/* Status badge */
|
|
.status { display: inline-block; padding: 2px 8px; background: #22c55e; color: white; border-radius: 3px; font-size: 10px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<!-- Header with Logo -->
|
|
<div class="header">
|
|
@if(config('settings.logo'))
|
|
<img src="{{ asset(config('settings.logo')) }}" alt="Logo" class="logo">
|
|
@else
|
|
<div class="logo">🚗</div>
|
|
@endif
|
|
<div class="company-name">{{ config('settings.company_name') }}</div>
|
|
<div class="company-tagline">{{ config('settings.company_tagline') }}</div>
|
|
<div class="contract-title">RENTAL CONTRACT</div>
|
|
<div class="contract-no">Contract No: #{{ str_pad($rental->id, 6, '0', STR_PAD_LEFT) }}</div>
|
|
</div>
|
|
|
|
<!-- Customer & Vehicle Info -->
|
|
<div class="two-col">
|
|
<div class="col">
|
|
<div class="section">
|
|
<div class="section-title">Customer Information</div>
|
|
<div class="info-grid">
|
|
<div class="info-row"><div class="info-label">Name:</div><div class="info-value">{{ $rental->customer->name }}</div></div>
|
|
<div class="info-row"><div class="info-label">Email:</div><div class="info-value">{{ $rental->customer->email }}</div></div>
|
|
<div class="info-row"><div class="info-label">Phone:</div><div class="info-value">{{ $rental->customer->phone }}</div></div>
|
|
<div class="info-row"><div class="info-label">License:</div><div class="info-value">{{ $rental->customer->license_number }}</div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="section">
|
|
<div class="section-title">Vehicle Information</div>
|
|
<div class="info-grid">
|
|
<div class="info-row"><div class="info-label">Make & Model:</div><div class="info-value">{{ $rental->car->brand }} {{ $rental->car->model }}</div></div>
|
|
<div class="info-row"><div class="info-label">Year:</div><div class="info-value">{{ $rental->car->year }}</div></div>
|
|
<div class="info-row"><div class="info-label">Color:</div><div class="info-value">{{ $rental->car->color }}</div></div>
|
|
<div class="info-row"><div class="info-label">License Plate:</div><div class="info-value">{{ $rental->car->license_plate }}</div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Rental Details -->
|
|
<div class="section">
|
|
<div class="section-title">Rental Details</div>
|
|
<div class="info-grid">
|
|
<div class="info-row"><div class="info-label">Rental Type:</div><div class="info-value" style="text-transform: capitalize;">{{ $rental->rental_type }}</div></div>
|
|
<div class="info-row"><div class="info-label">Pickup:</div><div class="info-value">{{ $rental->start_date->format('d M Y') }} @if($rental->pickup_time){{ $rental->pickup_time->format('H:i') }}@endif</div></div>
|
|
<div class="info-row"><div class="info-label">Return:</div><div class="info-value">{{ $rental->end_date->format('d M Y') }} @if($rental->return_time){{ $rental->return_time->format('H:i') }}@endif</div></div>
|
|
<div class="info-row"><div class="info-label">Status:</div><div class="info-value"><span class="status">{{ strtoupper($rental->status) }}</span></div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Payment Summary -->
|
|
<div class="box">
|
|
<div>Total Rental Amount</div>
|
|
<div class="amount">{{ number_format($rental->total_amount, 3) }} BHD</div>
|
|
@if($rental->advance_payment > 0)
|
|
<div class="amount-small">
|
|
Advance Paid: {{ number_format($rental->advance_payment, 3) }} BHD |
|
|
Remaining: {{ number_format($rental->total_amount - $rental->advance_payment, 3) }} BHD
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
@if($rental->notes)
|
|
<div class="section">
|
|
<div class="section-title">Notes</div>
|
|
<p style="font-size: 10px; color: #6b7280;">{{ $rental->notes }}</p>
|
|
</div>
|
|
@endif
|
|
|
|
<!-- Signatures -->
|
|
<div class="signatures">
|
|
<div class="signature-box">
|
|
@if($rental->customer_signature)
|
|
<img src="{{ $rental->customer_signature }}" alt="Customer Signature" class="sig-img">
|
|
@else
|
|
<div style="height: 50px;"></div>
|
|
@endif
|
|
<div class="signature-line">Tenant Signature</div>
|
|
</div>
|
|
<div class="signature-box">
|
|
<div style="height: 50px;"></div>
|
|
<div class="signature-line">Company Representative</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<div class="footer">
|
|
<p>Generated by {{ config('settings.company_name') }} Car Rental Management System | {{ now()->format('d M Y H:i') }}</p>
|
|
<p>{{ config('settings.address') }} | {{ config('settings.phone') }} | {{ config('settings.email') }}</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|