diff --git a/resources/views/visitor/badge.blade.php b/resources/views/visitor/badge.blade.php index 5a4baf2..77566e4 100644 --- a/resources/views/visitor/badge.blade.php +++ b/resources/views/visitor/badge.blade.php @@ -7,8 +7,16 @@ * { margin: 0; padding: 0; box-sizing: border-box; } @page { - size: 80mm 50mm; + size: 80mm auto; + margin: 0mm; + } + + html, body { + width: 80mm; + height: 50mm; margin: 0; + padding: 0; + overflow: hidden; } body { @@ -23,7 +31,7 @@ .badge { width: 80mm; height: 50mm; - border: 1px solid #333; + border: 1.5px solid #000; display: flex; flex-direction: column; overflow: hidden; @@ -70,22 +78,29 @@ } .field-row { - display: flex; - gap: 1mm; + display: grid; + grid-template-columns: 16mm 3mm 1fr; line-height: 1.3; + margin-bottom: 0.7mm; } .field-label { - color: #555; - min-width: 14mm; + color: #000; /* was #555 — now pure black */ font-size: 6.5pt; + font-weight: 700; /* was normal — now bold */ + } + + .field-colon { + color: #000; /* was #555 — now pure black */ + font-size: 6.5pt; + font-weight: 700; /* added bold */ + text-align: center; } .field-value { - font-weight: 600; + font-weight: 700; /* was 600 — now fully bold */ font-size: 6.5pt; - color: #111; - flex: 1; + color: #000; /* was #111 — now pure black */ } /* ── Photo (right) ── */ @@ -107,31 +122,34 @@ .badge-photo .no-photo { width: 16mm; height: 18mm; - border: 1px dashed #aaa; + border: 1.5px dashed #000; /* was #aaa — darker border */ display: flex; align-items: center; justify-content: center; - font-size: 5.5pt; - color: #aaa; + font-size: 6pt; /* slightly larger */ + color: #000; /* was #aaa */ + font-weight: 700; text-align: center; } .host-sign { - font-size: 5.5pt; - color: #555; + font-size: 6pt; /* was 5.5pt — slightly larger */ + color: #000; /* was #555 — now pure black */ + font-weight: 700; /* added bold */ text-align: center; - border-top: 0.5px solid #aaa; + border-top: 1px solid #000; /* was 0.5px #aaa — darker line */ padding-top: 0.5mm; width: 100%; } /* ── Footer ── */ .badge-footer { - border-top: 0.5px solid #ddd; + border-top: 1px solid #000; /* was 0.5px #ddd — darker line */ padding: 1mm 2mm; text-align: right; - font-size: 5.5pt; - color: #888; + font-size: 6pt; /* was 5.5pt — slightly larger */ + color: #000; /* was #888 — now pure black */ + font-weight: 700; /* added bold */ } @media print { @@ -157,7 +175,7 @@ {{-- Header --}}
{{ strtoupper($visitor->type ?? 'VISITOR') }} - #{{ strtoupper($visitor->register_id) }} + #{{ str_pad($visitor->register_id, 5, '0', STR_PAD_LEFT) }}
{{-- Body --}} @@ -165,45 +183,42 @@ {{-- Left: fields --}}
-
- Name: - {{ strtoupper($visitor->name) }} +
+ Name + : + {{ strtoupper($visitor->name) }} +
+
+ Company + : + {{ $visitor->company }} +
+
+ To Meet + : + {{ strtoupper($visitor->employeeMaster?->name ?? '—') }} +
+
+ Dept + : + {{ strtoupper($visitor->employeeMaster?->department ?? $visitor->department ?? '—') }} +
+
+ Valid Upto + : + {{ $visitor->valid_upto ? \Carbon\Carbon::parse($visitor->valid_upto)->format('d/m/Y H:i:s') : '—' }} +
+
+ Date & Time + : + {{ $visitor->in_time ? \Carbon\Carbon::parse($visitor->in_time)->format('d/m/Y H:i:s') : '—' }} +
+
+ No of Visitors + : + {{ $visitor->number_of_person ?? 1 }} +
-
- Company: - {{ $visitor->company }} -
-
- To Meet: - {{ strtoupper($visitor->employeeMaster?->name ?? '—') }} -
-
- Dept: - - {{ strtoupper($visitor->employeeMaster?->department ?? $visitor->department ?? '—') }} - -
-
- Valid upto: - - {{-- {{ $visitor->valid_upto ? \Carbon\Carbon::parse($visitor->valid_upto)->format('d/m/Y H:i') : '—' }} --}} - {{ !empty($visitor->valid_upto) - ? \Carbon\Carbon::parse($visitor->valid_upto)->format('d/m/Y H:i:s') - : '—' - }} - -
-
- Date&Time: - - {{ $visitor->in_time ? \Carbon\Carbon::parse($visitor->in_time)->format('d/m/Y H:i:s') : '—' }} - -
-
- No of Visitor: - {{ $visitor->number_of_person ?? 1 }} -
-
{{-- Right: photo + host sign --}}