77 lines
3.3 KiB
HTML
77 lines
3.3 KiB
HTML
{% load i18n %}
|
|
<!DOCTYPE html>
|
|
<html {% block html_attrs %}lang="en" dir="ltr"{% endblock %}>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{% block title %}{% trans "Report" %} - PX360{% endblock %}</title>
|
|
<style>
|
|
@font-face { font-family: 'Noto Kufi Arabic'; font-style: normal; font-weight: 400; src: url('vendor/fonts/noto-kufi-arabic/files/noto-kufi-arabic-full-regular.ttf') format('truetype'); }
|
|
@font-face { font-family: 'Noto Kufi Arabic'; font-style: normal; font-weight: 700; src: url('vendor/fonts/noto-kufi-arabic/files/noto-kufi-arabic-full-bold.ttf') format('truetype'); }
|
|
|
|
:root {
|
|
--blue: #005696;
|
|
--blue-light: #007bbd;
|
|
--ink: #1e293b;
|
|
--body: #334155;
|
|
--muted: #64748b;
|
|
--border: #cbd5e1;
|
|
--surface: #f1f5f9;
|
|
--font: 'Noto Kufi Arabic', sans-serif;
|
|
}
|
|
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body { font-family: var(--font); color: var(--ink); background: #fff; }
|
|
|
|
/* Default page: portrait A4. Header/footer repeat on every page via margin boxes. */
|
|
@page {
|
|
size: A4;
|
|
margin: 30mm 20mm 22mm 20mm;
|
|
@top-center { content: element(page-header); }
|
|
@bottom-center { content: element(page-footer); }
|
|
}
|
|
{% block page_override %}{% endblock %}
|
|
|
|
/* Running elements (lifted into the margin boxes, repeat on every page) */
|
|
.page-header { position: running(page-header); width: 100%; }
|
|
.page-footer { position: running(page-footer); width: 100%; }
|
|
|
|
/* Header */
|
|
.header-ar { float: left; width: 38%; text-align: left; padding-top: 3mm; }
|
|
.header-logo-wrap { float: left; width: 24%; text-align: center; }
|
|
.header-en { float: right; width: 38%; text-align: right; padding-top: 3mm; }
|
|
.letterhead-logo { width: 55px; height: auto; object-fit: contain; }
|
|
.header-hospital-name { font-size: 14px; font-weight: 700; color: var(--blue); font-family: var(--font); }
|
|
.header-cr { font-size: 9px; font-weight: 700; color: var(--blue); font-family: var(--font); }
|
|
.header-line { clear: both; height: 2px; background: var(--blue); margin-top: 6px; }
|
|
|
|
/* Footer */
|
|
.footer-line { height: 2px; background: var(--blue); margin-bottom: 4px; }
|
|
.footer-content { text-align: center; font-size: 8px; color: var(--muted); line-height: 1.8; font-family: var(--font); }
|
|
.footer-ar { direction: rtl; }
|
|
.footer-en { direction: ltr; }
|
|
|
|
{% block extra_css %}{% endblock %}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page-header">
|
|
<div class="header-ar">
|
|
<div class="header-hospital-name">Al Hammadi Hospitals</div>
|
|
<div class="header-cr">C.R 1010740187</div>
|
|
</div>
|
|
<div class="header-logo-wrap">
|
|
<img src="{{ logo_path }}" alt="" class="letterhead-logo">
|
|
</div>
|
|
<div class="header-en">
|
|
<div class="header-hospital-name">مستشفيات الحمادي</div>
|
|
<div class="header-cr">س.ت 1010740187</div>
|
|
</div>
|
|
<div class="header-line"></div>
|
|
</div>
|
|
|
|
{% include "complaints/partials/pdf_letterhead_footer.html" %}
|
|
|
|
{% block pdf_content %}{% endblock %}
|
|
</body>
|
|
</html>
|