diff --git a/app/Views/abha/card.php b/app/Views/abha/card.php index 49e0de2..5837b42 100644 --- a/app/Views/abha/card.php +++ b/app/Views/abha/card.php @@ -40,17 +40,7 @@ gap: 10px; min-width: 0; } - .nha-tag { - width: 38px; - height: 38px; - border-radius: 9px; - background: #104998; - color: #fff; - display: flex; - align-items: center; - justify-content: center; - font-weight: 800; - font-size: 13px; + .header-right { flex: 0 0 auto; } .header-text { @@ -82,16 +72,98 @@ height: 100%; object-fit: contain; } - .hospital-name { + .abdm-logo { + object-fit: cover; + object-position: center; + transform: scale(1.16); + } + .brand-wrap { + display: flex; + align-items: center; + gap: 8px; + padding: 6px 8px; + border: 1px solid #d5e4f7; + border-radius: 10px; + background: #f7fbff; + } + .brand-logo { + width: 38px; + height: 38px; + object-fit: contain; + border-radius: 7px; + background: #fff; + border: 1px solid #d7e5f8; + } + .brand-text { + line-height: 1.1; + } + .brand-name { + font-size: 16px; + font-weight: 800; + color: #0f3f7f; + } + .brand-sub { + font-size: 10px; + color: #4c6485; + font-weight: 600; + } + .hospital-strip { border: 1px solid #d5e4f8; background: #f4f9ff; border-radius: 11px; + padding: 8px; + margin-bottom: 12px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 8px; + } + .hospital-info { + display: flex; + align-items: center; + gap: 8px; + min-width: 0; + } + .hospital-mini-logo { + width: 32px; + height: 32px; + object-fit: contain; + border-radius: 6px; + border: 1px solid #cfe0f8; + background: #fff; + flex: 0 0 auto; + } + .hospital-name { font-size: 13px; color: #1e4a82; - padding: 8px 10px; - margin-bottom: 12px; + min-width: 0; } .hospital-name strong { color: #0f3f7f; } + .patient-id-strip { + width: 180px; + background: #fff; + border: 1px solid #d4e3f8; + border-radius: 8px; + padding: 4px 6px; + text-align: center; + flex: 0 0 auto; + } + .patient-id-strip svg { + width: 100%; + height: 28px; + } + .patient-id-label { + font-size: 9px; + color: #5f7291; + text-transform: uppercase; + letter-spacing: 0.8px; + } + .patient-id-value { + font-size: 11px; + color: #123f7d; + font-weight: 700; + line-height: 1.1; + } .patient-area { display: grid; grid-template-columns: 1fr 132px; @@ -198,27 +270,6 @@ overflow: hidden; text-overflow: clip; } - .barcode-wrap { - margin-top: 12px; - border: 1px solid #d7e5f8; - border-radius: 11px; - padding: 8px 10px; - background: #ffffff; - } - .barcode-label { - font-size: 10px; - text-transform: uppercase; - color: #5f7291; - letter-spacing: 1px; - margin-bottom: 4px; - } - .barcode-id { - text-align: center; - font-size: 12px; - font-weight: 700; - color: #1d3f69; - margin-top: 4px; - } .footer { margin-top: 10px; text-align: right; @@ -247,12 +298,25 @@ width: 132px; height: 46px; } + .brand-name { + font-size: 14px; + } + .brand-sub { + font-size: 9px; + } .header-text { font-size: 11px; } .header-text span { font-size: 10px; } + .hospital-strip { + flex-direction: column; + align-items: stretch; + } + .patient-id-strip { + width: 100%; + } .patient-area { grid-template-columns: 1fr; } @@ -293,6 +357,8 @@ $abhaNumDisp = esc($abha_num ?? ''); $genderDisp = esc($gender ?? ''); $dobDisp = esc($dob ?? ''); $hospitalName = esc($hospital_name ?? 'Hospital'); +$hospitalLogo = esc($hospital_logo_url ?? base_url('assets/img/logo.png')); +$brandName = esc($brand_name ?? 'E-Atria'); $nhaOfficialLogo = esc(base_url('assets/img/abdm_official_logo.svg')); $profilePhotoUrl = (string) ($profile_photo_url ?? '/assets/images/no_image.svg'); $profilePhotoUrlEsc = esc($profilePhotoUrl); @@ -306,18 +372,38 @@ $mobileVerified = (bool) ($mobile_verified ?? false);
-
NHA
+
+ +
Ayushman Bharat Digital Mission - ABHA Health Account Card + NHA | ABHA Health Account Card
-
- NHA Official Logo +
+
+ +
+
+
Digital Health Platform
+
+
-
Hospital:
+
+
+ +
Hospital:
+
+ +
+
Patient ID Barcode
+
+
+
+ +
@@ -359,14 +445,6 @@ $mobileVerified = (bool) ($mobile_verified ?? false);
- -
-
HMS ID Barcode
-
-
-
- -
diff --git a/public/assets/images/hospital_logo_20260707_010358_a5f13c98.png b/public/assets/images/hospital_logo_20260707_010358_a5f13c98.png deleted file mode 100644 index 973655e..0000000 Binary files a/public/assets/images/hospital_logo_20260707_010358_a5f13c98.png and /dev/null differ diff --git a/public/assets/images/hospital_logo_20260723_161110_75d8b3e0.png b/public/assets/images/hospital_logo_20260723_161110_75d8b3e0.png new file mode 100644 index 0000000..2a40648 Binary files /dev/null and b/public/assets/images/hospital_logo_20260723_161110_75d8b3e0.png differ