From 54b5960b847595d0ff1283564d65c94165372c1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=BCneyt=20=C5=9Eent=C3=BCrk?= <cneytsenturk@gmail.com>
Date: Wed, 12 Apr 2023 17:02:56 +0300
Subject: [PATCH] Document item hide price column styling..

---
 resources/lang/en-GB/documents.php            |  2 +
 .../components/documents/form/items.blade.php | 15 +++++---
 .../documents/form/line-item.blade.php        | 38 +++++++++----------
 3 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/resources/lang/en-GB/documents.php b/resources/lang/en-GB/documents.php
index aa68c1644..81ecb7ea1 100644
--- a/resources/lang/en-GB/documents.php
+++ b/resources/lang/en-GB/documents.php
@@ -10,6 +10,8 @@ return [
     'billing'                   => 'Billing',
     'advanced'                  => 'Advanced',
 
+    'item_price_hidden'         => 'This column is hidden on your :type.',
+
     'actions' => [
         'cancel'                => 'Cancel',
     ],
diff --git a/resources/views/components/documents/form/items.blade.php b/resources/views/components/documents/form/items.blade.php
index 01c2a10d9..4fb37daaa 100644
--- a/resources/views/components/documents/form/items.blade.php
+++ b/resources/views/components/documents/form/items.blade.php
@@ -49,7 +49,7 @@
                         @stack('quantity_th_start')
 
                         <th class="px-3 py-1 ltr:text-left rtl:text-right text-xs font-normal border-t-0 border-r-0 border-b-0" style="vertical-align:bottom;">
-                            @if (! $hideItemQuantity)    
+                            @if (! $hideItemQuantity)
                                 {{ trans($textItemQuantity) }}
                             @endif
                         </th>
@@ -59,8 +59,13 @@
                         @stack('price_th_start')
 
                         <th class="px-3 py-1 ltr:text-left rtl:text-right text-xs font-normal border-t-0 border-r-0 border-b-0 pr-1" style="vertical-align:bottom;">
-                            @if (! $hideItemPrice)    
-                                {{ trans($textItemPrice) }}
+                            {{ trans($textItemPrice) }}
+
+                            @if ($hideItemPrice)
+                                &nbsp;&nbsp;
+                                <x-tooltip id="tooltip-item-price" placement="top" message="{{ trans('documents.item_price_hidden', ['type' => config('type.document.' . $type . '.translation.prefix')]) }}">
+                                    <x-icon icon="visibility_off" class="text-sm font-normal"></x-icon>
+                                </x-tooltip>
                             @endif
                         </th>
                         
@@ -69,7 +74,7 @@
                         @stack('total_th_start')
 
                         <th class="px-3 py-1 ltr:text-right rtl:text-left text-xs font-normal border-t-0 border-b-0 item-total" style="vertical-align:bottom;">
-                            @if (! $hideItemAmount)    
+                            @if (! $hideItemAmount)
                                 {{ trans($textItemAmount) }}
                             @endif
                         </th>
@@ -107,4 +112,4 @@
             </table>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/resources/views/components/documents/form/line-item.blade.php b/resources/views/components/documents/form/line-item.blade.php
index 762d1bda2..e968d7cfd 100644
--- a/resources/views/components/documents/form/line-item.blade.php
+++ b/resources/views/components/documents/form/line-item.blade.php
@@ -126,28 +126,26 @@
                         @stack('price_td_start')
 
                         <td class="px-3 py-3 pr-1 border-b-0 price">
-                            @if (! $hideItemPrice)
-                                <div>
-                                    @stack('price_input_start')
+                            <div>
+                                @stack('price_input_start')
 
-                                    <x-form.input.money
-                                        name="price"
-                                        value="0"
-                                        row-input
-                                        data-item="price"
-                                        v-model="row.price"
-                                        v-error="form.errors.get('items.' + index + '.price')"
-                                        v-error-message="form.errors.get('items.' + index + '.price')"
-                                        change="row.price = $event; form.errors.clear('items.' + index + '.price'); onCalculateTotal"
-                                        :currency="$currency"
-                                        dynamicCurrency="currency"
-                                        money-class="text-right mt-0"
-                                        form-group-class="text-right"
-                                    />
+                                <x-form.input.money
+                                    name="price"
+                                    value="0"
+                                    row-input
+                                    data-item="price"
+                                    v-model="row.price"
+                                    v-error="form.errors.get('items.' + index + '.price')"
+                                    v-error-message="form.errors.get('items.' + index + '.price')"
+                                    change="row.price = $event; form.errors.clear('items.' + index + '.price'); onCalculateTotal"
+                                    :currency="$currency"
+                                    dynamicCurrency="currency"
+                                    money-class="text-right mt-0"
+                                    form-group-class="text-right"
+                                />
 
-                                    @stack('price_input_end')
-                                </div>
-                            @endif
+                                @stack('price_input_end')
+                            </div>
                         </td>
 
                         @stack('price_td_end')