Add header and footer templates for report generation

- Created a footer template with contact information and page number.
- Created a header template displaying patient details including name, age, height, weight, and focus.

report_gen/page_6.html

@@ -1,20 +1,6 @@
 <div class="w-full page bg-white">
   <!-- Header Section -->
-  <div class="bg-black text-white px-6 py-4 flex items-center justify-between">
-    <div class="flex items-center">
-      <div class="text-lg font-bold mr-2">ISHP</div>
-      <div class="w-6 h-4 bg-cyan-400 mr-8"></div>
-    </div>
-    <div class="flex space-x-8 text-sm">
-      <span>Name: {{ patient_name | default('Keirstyn Moran') }}</span>
-      <span>Age: {{ age | default('34') }}</span>
-      <span>Height: {{ height | default('5\'4"') }}</span>
-      <span>Weight: {{ weight | default('123lbs') }}</span>
-      <span>Focus: {{ focus | default('Endurance') }}</span>
-    </div>
-  </div>
-
-  <!-- Main Content -->
+  <!-- main content -->
   <div class="px-8 py-6">
     <!-- Page Title -->
     <h1 class="text-3xl font-bold text-black mb-8 text-center">Weekly Meal Plan Breakdown</h1>
@@ -24,9 +10,9 @@
       <h2 class="text-2xl font-bold text-black mb-6 text-center">Caloric Deficit Example</h2>
       
       <!-- Weekly Grid -->
-      <div class="grid grid-cols-7 gap-2 mb-8">
+      <div class="grid grid-cols-7 gap-3 mb-8">
         <!-- Monday -->
-        <div class="bg-cyan-300 p-3 text-center rounded-lg">
+        <div class="bg-cyan-300 p-3 text-left rounded-lg">
           <div class="font-bold text-black mb-2">Monday</div>
           <div class="text-lg font-bold text-black mb-2">{{ deficit_calories | default('1725KCals') }}</div>
           <div class="text-xs text-black space-y-1">
@@ -38,7 +24,7 @@
         </div>
         
         <!-- Tuesday -->
-        <div class="bg-cyan-300 p-3 text-center rounded-lg">
+        <div class="bg-cyan-300 p-3 text-left rounded-lg">
           <div class="font-bold text-black mb-2">Tuesday</div>
           <div class="text-lg font-bold text-black mb-2">{{ deficit_calories | default('1725KCals') }}</div>
           <div class="text-xs text-black space-y-1">
@@ -50,7 +36,7 @@
         </div>
         
         <!-- Wednesday -->
-        <div class="bg-cyan-300 p-3 text-center rounded-lg">
+        <div class="bg-cyan-300 p-3 text-left rounded-lg">
           <div class="font-bold text-black mb-2">Wednesday</div>
           <div class="text-lg font-bold text-black mb-2">{{ deficit_calories | default('1725KCals') }}</div>
           <div class="text-xs text-black space-y-1">
@@ -62,7 +48,7 @@
         </div>
         
         <!-- Thursday -->
-        <div class="bg-cyan-300 p-3 text-center rounded-lg">
+        <div class="bg-cyan-300 p-3 text-left rounded-lg">
           <div class="font-bold text-black mb-2">Thursday</div>
           <div class="text-lg font-bold text-black mb-2">{{ deficit_calories | default('1725KCals') }}</div>
           <div class="text-xs text-black space-y-1">
@@ -74,7 +60,7 @@
         </div>
         
         <!-- Friday -->
-        <div class="bg-cyan-300 p-3 text-center rounded-lg">
+        <div class="bg-cyan-300 p-3 text-left rounded-lg">
           <div class="font-bold text-black mb-2">Friday</div>
           <div class="text-lg font-bold text-black mb-2">{{ deficit_calories | default('1725KCals') }}</div>
           <div class="text-xs text-black space-y-1">
@@ -86,7 +72,7 @@
         </div>
         
         <!-- Saturday -->
-        <div class="bg-gray-200 p-3 text-center rounded-lg">
+        <div class="p-3 text-left rounded-lg">
           <div class="font-bold text-black mb-2">Saturday</div>
           <div class="text-lg font-bold text-black mb-2">{{ deficit_calories | default('1725KCals') }}</div>
           <div class="text-xs text-black space-y-1">
@@ -98,7 +84,7 @@
         </div>
         
         <!-- Sunday -->
-        <div class="bg-gray-200 p-3 text-center rounded-lg">
+        <div class="p-3 text-left rounded-lg">
           <div class="font-bold text-black mb-2">Sunday</div>
           <div class="text-lg font-bold text-black mb-2">{{ deficit_calories | default('1725KCals') }}</div>
           <div class="text-xs text-black space-y-1">
@@ -118,7 +104,7 @@
       <!-- Weekly Grid -->
       <div class="grid grid-cols-7 gap-2 mb-8">
         <!-- Monday -->
-        <div class="bg-cyan-300 p-3 text-center rounded-lg">
+        <div class="bg-cyan-300 p-3 text-left rounded-lg">
           <div class="font-bold text-black mb-2">Monday</div>
           <div class="text-lg font-bold text-black mb-2">{{ refeed_weekday_calories | default('1615KCals') }}</div>
           <div class="text-xs text-black space-y-1">
@@ -130,7 +116,7 @@
         </div>
         
         <!-- Tuesday -->
-        <div class="bg-cyan-300 p-3 text-center rounded-lg">
+        <div class="bg-cyan-300 p-3 text-left rounded-lg">
           <div class="font-bold text-black mb-2">Tuesday</div>
           <div class="text-lg font-bold text-black mb-2">{{ refeed_weekday_calories | default('1615KCals') }}</div>
           <div class="text-xs text-black space-y-1">
@@ -142,7 +128,7 @@
         </div>
         
         <!-- Wednesday -->
-        <div class="bg-cyan-300 p-3 text-center rounded-lg">
+        <div class="bg-cyan-300 p-3 text-left rounded-lg">
           <div class="font-bold text-black mb-2">Wednesday</div>
           <div class="text-lg font-bold text-black mb-2">{{ refeed_weekday_calories | default('1615KCals') }}</div>
           <div class="text-xs text-black space-y-1">
@@ -154,7 +140,7 @@
         </div>
         
         <!-- Thursday -->
-        <div class="bg-cyan-300 p-3 text-center rounded-lg">
+        <div class="p-3 text-left rounded-lg">
           <div class="font-bold text-black mb-2">Thursday</div>
           <div class="text-lg font-bold text-black mb-2">{{ refeed_weekday_calories | default('1615KCals') }}</div>
           <div class="text-xs text-black space-y-1">
@@ -166,7 +152,7 @@
         </div>
         
         <!-- Friday -->
-        <div class="bg-cyan-300 p-3 text-center rounded-lg">
+        <div class="p-3 text-left rounded-lg">
           <div class="font-bold text-black mb-2">Friday</div>
           <div class="text-lg font-bold text-black mb-2">{{ refeed_weekday_calories | default('1615KCals') }}</div>
           <div class="text-xs text-black space-y-1">
@@ -178,7 +164,7 @@
         </div>
         
         <!-- Saturday -->
-        <div class="bg-gray-200 p-3 text-center rounded-lg">
+        <div class="p-3 text-left rounded-lg">
           <div class="font-bold text-black mb-2">Saturday</div>
           <div class="text-lg font-bold text-black mb-2">{{ refeed_weekend_calories | default('2000KCals') }}</div>
           <div class="text-xs text-black space-y-1">
@@ -190,7 +176,7 @@
         </div>
         
         <!-- Sunday -->
-        <div class="bg-gray-200 p-3 text-center rounded-lg">
+        <div class="p-3 text-left rounded-lg">
           <div class="font-bold text-black mb-2">Sunday</div>
           <div class="text-lg font-bold text-black mb-2">{{ refeed_weekend_calories | default('2000KCals') }}</div>
           <div class="text-xs text-black space-y-1">
@@ -230,17 +216,4 @@
     </div>
   </div>
 
-  <!-- Footer Section -->
-  <div class="absolute bottom-0 left-0 right-0 bg-black text-white px-6 py-3">
-    <div class="flex justify-between items-center text-sm">
-      <div class="flex space-x-8">
-        <span>CONTACT: {{ contact_email | default('info@ishplabs.com') }}</span>
-        <span>WEBSITE: {{ website | default('www.ishplabs.com') }}</span>
-        <span>SOCIAL: {{ social | default('@ishplabs') }}</span>
-      </div>
-      <div class="bg-white text-black font-bold px-3 py-1 text-lg">
-        {{ page_number | default('6') }}
-      </div>
-    </div>
-  </div>
 </div>