From 422bf74600168d0cb53993327ddd7f2b563ee789 Mon Sep 17 00:00:00 2001
From: Jay_Makwana <jaimakwana786@gmail.com>
Date: Tue, 22 Dec 2020 13:15:09 +0530
Subject: [PATCH] refactor template

---
 .../js/components/base/modal/EstimateTemplate.vue   | 13 ++++++++++++-
 .../js/components/base/modal/InvoiceTemplate.vue    | 13 ++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/resources/assets/js/components/base/modal/EstimateTemplate.vue b/resources/assets/js/components/base/modal/EstimateTemplate.vue
index e104756c..83167770 100644
--- a/resources/assets/js/components/base/modal/EstimateTemplate.vue
+++ b/resources/assets/js/components/base/modal/EstimateTemplate.vue
@@ -9,7 +9,7 @@
             'border border-solid border-primary-500':
               selectedTemplate === template.id,
           }"
-          class="relative m-2 border border-gray-200 border-solid"
+          class="relative m-2 border border-gray-200 border-solid flex flex-col"
         >
           <img
             :src="template.path"
@@ -24,6 +24,17 @@
             style="top: -6px; right: -5px"
             src="/assets/img/tick.png"
           />
+          <span
+            :class="[
+              'w-full p-0.5 bg-primary-100 text-xs text-center font-thin',
+              {
+                'text-primary-500': selectedTemplate === template.id,
+                'text-gray-600': selectedTemplate != template.id,
+              },
+            ]"
+          >
+            {{ template.name }}
+          </span>
         </div>
       </div>
     </div>
diff --git a/resources/assets/js/components/base/modal/InvoiceTemplate.vue b/resources/assets/js/components/base/modal/InvoiceTemplate.vue
index b1a8640b..f6ecf84e 100644
--- a/resources/assets/js/components/base/modal/InvoiceTemplate.vue
+++ b/resources/assets/js/components/base/modal/InvoiceTemplate.vue
@@ -9,7 +9,7 @@
             'border border-solid border-primary-500':
               selectedTemplate === template.id,
           }"
-          class="relative m-2 border border-gray-200 border-solid"
+          class="relative m-2 border border-gray-200 border-solid flex flex-col"
         >
           <img
             :src="template.path"
@@ -24,6 +24,17 @@
             style="top: -6px; right: -5px"
             src="/assets/img/tick.png"
           />
+          <span
+            :class="[
+              'w-full p-0.5 bg-primary-100 text-xs text-center font-thin',
+              {
+                'text-primary-500': selectedTemplate === template.id,
+                'text-gray-600': selectedTemplate != template.id,
+              },
+            ]"
+          >
+            {{ template.name }}
+          </span>
         </div>
       </div>
     </div>