changed logic in badge blade file

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;
+            display: grid;
-            gap: 1mm;
+            grid-template-columns: 16mm 3mm 1fr;
             line-height: 1.3;
+            margin-bottom: 0.7mm;
         }
 
         .field-label {
-            color: #555;
+            color: #000;              /* was #555 — now pure black */
-            min-width: 14mm;
             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;
+            color: #000;              /* was #111 — now pure black */
-            flex: 1;
         }
 
         /* ── 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;
+            font-size: 6pt;               /* slightly larger */
-            color: #aaa;
+            color: #000;                  /* was #aaa */
+            font-weight: 700;
             text-align: center;
         }
 
         .host-sign {
-            font-size: 5.5pt;
+            font-size: 6pt;           /* was 5.5pt — slightly larger */
-            color: #555;
+            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;
+            font-size: 6pt;              /* was 5.5pt — slightly larger */
-            color: #888;
+            color: #000;                 /* was #888 — now pure black */
+            font-weight: 700;            /* added bold */
         }
 
         @media print {
@@ -157,7 +175,7 @@
         {{-- Header --}}
         <div class="badge-header">
             <span class="type">{{ strtoupper($visitor->type ?? 'VISITOR') }}</span>
-            <span class="badge-id">#{{ strtoupper($visitor->register_id) }}</span>
+            <span class="badge-id">#{{ str_pad($visitor->register_id, 5, '0', STR_PAD_LEFT) }}</span>
         </div>
 
         {{-- Body --}}
@@ -165,45 +183,42 @@
 
             {{-- Left: fields --}}
             <div class="badge-fields">
-                <div class="field-row">
+                    <div class="field-row">
-                    <span class="field-label">Name:</span>
+                        <span class="field-label">Name</span>
-                    <span class="field-value">{{ strtoupper($visitor->name) }}</span>
+                        <span class="field-colon">:</span>
+                        <span class="field-value">{{ strtoupper($visitor->name) }}</span>
+                    </div>
+                    <div class="field-row">
+                        <span class="field-label">Company</span>
+                        <span class="field-colon">:</span>
+                        <span class="field-value">{{ $visitor->company }}</span>
+                    </div>
+                    <div class="field-row">
+                        <span class="field-label">To Meet</span>
+                        <span class="field-colon">:</span>
+                        <span class="field-value">{{ strtoupper($visitor->employeeMaster?->name ?? '—') }}</span>
+                    </div>
+                    <div class="field-row">
+                        <span class="field-label">Dept</span>
+                        <span class="field-colon">:</span>
+                        <span class="field-value">{{ strtoupper($visitor->employeeMaster?->department ?? $visitor->department ?? '—') }}</span>
+                    </div>
+                    <div class="field-row">
+                        <span class="field-label">Valid Upto</span>
+                        <span class="field-colon">:</span>
+                        <span class="field-value">{{ $visitor->valid_upto ? \Carbon\Carbon::parse($visitor->valid_upto)->format('d/m/Y H:i:s') : '—' }}</span>
+                    </div>
+                    <div class="field-row">
+                        <span class="field-label">Date & Time</span>
+                        <span class="field-colon">:</span>
+                        <span class="field-value">{{ $visitor->in_time ? \Carbon\Carbon::parse($visitor->in_time)->format('d/m/Y H:i:s') : '—' }}</span>
+                    </div>
+                    <div class="field-row">
+                        <span class="field-label">No of Visitors</span>
+                        <span class="field-colon">:</span>
+                        <span class="field-value">{{ $visitor->number_of_person ?? 1 }}</span>
+                    </div>
                 </div>
-                <div class="field-row">
-                    <span class="field-label">Company:</span>
-                    <span class="field-value">{{ $visitor->company }}</span>
-                </div>
-                <div class="field-row">
-                    <span class="field-label">To Meet:</span>
-                    <span class="field-value">{{ strtoupper($visitor->employeeMaster?->name ?? '—') }}</span>
-                </div>
-                <div class="field-row">
-                    <span class="field-label">Dept:</span>
-                    <span class="field-value">
-                        {{ strtoupper($visitor->employeeMaster?->department ?? $visitor->department ?? '—') }}
-                    </span>
-                </div>
-                <div class="field-row">
-                    <span class="field-label">Valid upto:</span>
-                    <span class="field-value">
-                        {{-- {{ $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')
-                            : '—'
-                        }}
-                    </span>
-                </div>
-                <div class="field-row">
-                    <span class="field-label">Date&Time:</span>
-                    <span class="field-value">
-                        {{ $visitor->in_time ? \Carbon\Carbon::parse($visitor->in_time)->format('d/m/Y H:i:s') : '—' }}
-                    </span>
-                </div>
-                <div class="field-row">
-                    <span class="field-label">No of Visitor:</span>
-                    <span class="field-value">{{ $visitor->number_of_person ?? 1 }}</span>
-                </div>
-            </div>
 
             {{-- Right: photo + host sign --}}
             <div class="badge-photo">