From 9fad0657e9224f8aa086a77637b6d931c5ca5191 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Denis=20Duli=C3=A7i?= <denisdulici@gmail.com>
Date: Mon, 25 Jul 2022 16:19:49 +0300
Subject: [PATCH] styling contact show page

---
 .../views/banking/accounts/show.blade.php     |  2 +-
 .../contacts/show/content.blade.php           | 44 ++++++++-----------
 .../documents/index/document.blade.php        |  6 +--
 .../views/components/layouts/admin.blade.php  | 16 ++++---
 .../components/layouts/admin/header.blade.php |  8 +++-
 .../views/components/layouts/portal.blade.php | 16 ++++---
 .../layouts/portal/header.blade.php           |  8 +++-
 .../components/layouts/preview.blade.php      | 16 ++++---
 .../layouts/preview/header.blade.php          |  8 +++-
 .../views/components/layouts/signed.blade.php | 16 ++++---
 .../layouts/signed/header.blade.php           |  8 +++-
 .../views/components/show/status.blade.php    |  2 +-
 .../views/purchases/vendors/show.blade.php    |  2 +-
 .../views/sales/customers/show.blade.php      |  2 +-
 14 files changed, 96 insertions(+), 58 deletions(-)

diff --git a/resources/views/banking/accounts/show.blade.php b/resources/views/banking/accounts/show.blade.php
index 5bfa87706..de848def5 100644
--- a/resources/views/banking/accounts/show.blade.php
+++ b/resources/views/banking/accounts/show.blade.php
@@ -3,7 +3,7 @@
         {{ $account->name }}
     </x-slot>
 
-    <x-slot name="status">
+    <x-slot name="info">
         <div class="mt-3">
             @if (! $account->enabled)
                 <x-index.disable text="{{ trans_choice('general.accounts', 1) }}" />
diff --git a/resources/views/components/contacts/show/content.blade.php b/resources/views/components/contacts/show/content.blade.php
index d0f9c7a01..71f09bbbe 100644
--- a/resources/views/components/contacts/show/content.blade.php
+++ b/resources/views/components/contacts/show/content.blade.php
@@ -162,7 +162,7 @@
                             <x-table>
                                 <x-table.thead>
                                     <x-table.tr class="flex items-center px-1">
-                                        <x-table.th class="w-4/12 table-title hidden sm:table-cell">
+                                        <x-table.th class="w-3/12 hidden sm:table-cell">
                                             <x-slot name="first">
                                                 <x-sortablelink column="due_at" title="{{ trans('invoices.due_date') }}" />
                                             </x-slot>
@@ -172,11 +172,11 @@
                                             </x-slot>
                                         </x-table.th>
 
-                                        <x-table.th class="w-3/12 table-title hidden sm:table-cell">
+                                        <x-table.th class="w-3/12 hidden sm:table-cell">
                                             <x-sortablelink column="status" title="{{ trans_choice('general.statuses', 1) }}" />
                                         </x-table.th>
 
-                                        <x-table.th class="w-6/12 sm:w-3/12 table-title'">
+                                        <x-table.th class="w-3/12 sm:table-cell'">
                                             <x-slot name="first">
                                                 <x-sortablelink column="contact_name" title="{{ trans_choice('general.customers', 1) }}" />
                                             </x-slot>
@@ -186,7 +186,7 @@
                                             </x-slot>
                                         </x-table.th>
 
-                                        <x-table.th class="w-6/12 sm:w-2/12 ltr:pl-6 rtl:pr-6 py-3 ltr:text-right rtl:text-left text-sm font-medium text-black tracking-wider" override="class">
+                                        <x-table.th class="w-3/12" kind="amount">
                                             <x-sortablelink column="amount" title="{{ trans('general.amount') }}" />
                                         </x-table.th>
                                     </x-table.tr>
@@ -196,7 +196,7 @@
                                     @foreach($documents as $item)
                                         @php $paid = $item->paid; @endphp
                                         <x-table.tr href="{{ route(config('type.document.' . $item->type . '.route.prefix', 'invoices') . '.show', $item->id) }}">
-                                            <x-table.td class="w-4/12 table-title hidden sm:table-cell">
+                                            <x-table.td class="w-3/12 hidden sm:table-cell">
                                                 <x-slot name="first" class="font-bold truncate" override="class">
                                                     {{ \Date::parse($item->due_at)->diffForHumans() }}
                                                 </x-slot>
@@ -206,11 +206,11 @@
                                                 </x-slot>
                                             </x-table.td>
 
-                                            <x-table.td class="w-3/12 table-title hidden sm:table-cell">
+                                            <x-table.td class="w-3/12 hidden sm:table-cell">
                                                 <x-show.status status="{{ $item->status }}" background-color="bg-{{ $item->status_label }}" text-color="text-text-{{ $item->status_label }}" />
                                             </x-table.td>
 
-                                            <x-table.td class="w-6/12 sm:w-3/12 table-title'">
+                                            <x-table.td class="w-3/12 sm:table-cell">
                                                 <x-slot name="first">
                                                     {{ $item->contact_name }}
                                                 </x-slot>
@@ -226,7 +226,7 @@
                                                 </x-slot>
                                             </x-table.td>
 
-                                            <x-table.td class="w-6/12 sm:w-2/12 ltr:pl-6 rtl:pr-6 py-3 ltr:text-right rtl:text-left text-sm font-medium text-black tracking-wider" override="class">
+                                            <x-table.td class="w-3/12 relative" kind="amount">
                                                 <x-money :amount="$item->amount" :currency="$item->currency_code" convert />
                                             </x-table.td>
 
@@ -251,7 +251,7 @@
                             <x-table>
                                 <x-table.thead>
                                     <x-table.tr class="flex items-center px-1">
-                                        <x-table.th class="w-4/12 sm:w-3/12">
+                                        <x-table.th class="w-3/12 hidden sm:table-cell">
                                             <x-slot name="first">
                                                 <x-sortablelink column="paid_at" title="{{ trans('general.date') }}" />
                                             </x-slot>
@@ -260,7 +260,7 @@
                                             </x-slot>
                                         </x-table.th>
 
-                                        <x-table.th class="w-2/12 hidden sm:table-cell">
+                                        <x-table.th class="w-3/12">
                                             <x-slot name="first">
                                                 <x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" />
                                             </x-slot>
@@ -269,20 +269,16 @@
                                             </x-slot>
                                         </x-table.th>
 
-                                        <x-table.th class="w-4/12 sm:w-3/12">
-                                            <x-sortablelink column="account.name" title="{{ trans_choice('general.accounts', 1) }}" />
-                                        </x-table.th>
-
-                                        <x-table.th class="w-2/12 hidden sm:table-cell">
+                                        <x-table.th class="w-3/12 hidden sm:table-cell">
                                             <x-slot name="first">
-                                                <x-sortablelink column="contact.name" title="{{ trans_choice('general.contacts', 1) }}" />
+                                                <x-sortablelink column="account.name" title="{{ trans_choice('general.accounts', 1) }}" />
                                             </x-slot>
                                             <x-slot name="second">
                                                 <x-sortablelink column="document.document_number" title="{{ trans_choice('general.documents', 1) }}" />
                                             </x-slot>
                                         </x-table.th>
 
-                                        <x-table.th class="w-4/12 sm:w-2/12 ltr:pl-6 rtl:pr-6 py-3 ltr:text-right rtl:text-left text-xs font-medium text-black tracking-wider" override="class">
+                                        <x-table.th class="w-3/12" kind="amount">
                                             <x-sortablelink column="amount" title="{{ trans('general.amount') }}" />
                                         </x-table.th>
                                     </x-table.tr>
@@ -291,7 +287,7 @@
                                 <x-table.tbody>
                                     @foreach($transactions as $item)
                                         <x-table.tr href="{{ route('transactions.show', $item->id) }}">
-                                            <x-table.td class="w-4/12 sm:w-3/12">
+                                            <x-table.td class="w-3/12 hidden sm:table-cell">
                                                 <x-slot name="first" class="font-bold truncate" override="class">
                                                     <x-date date="{{ $item->paid_at }}" />
                                                 </x-slot>
@@ -300,7 +296,7 @@
                                                 </x-slot>
                                             </x-table.td>
 
-                                            <x-table.td class="w-2/12 hidden sm:table-cell">
+                                            <x-table.td class="w-3/12">
                                                 <x-slot name="first">
                                                     {{ $item->type_title }}
                                                 </x-slot>
@@ -309,13 +305,9 @@
                                                 </x-slot>
                                             </x-table.td>
 
-                                            <x-table.td class="w-4/12 sm:w-3/12">
-                                                {{ $item->account->name }}
-                                            </x-table.td>
-
-                                            <x-table.td class="w-2/12 hidden sm:table-cell">
+                                            <x-table.td class="w-3/12 hidden sm:table-cell">
                                                 <x-slot name="first">
-                                                    {{ $item->contact->name }}
+                                                    {{ $item->account->name }}
                                                 </x-slot>
                                                 <x-slot name="second">
                                                     @if ($item->document)
@@ -328,7 +320,7 @@
                                                 </x-slot>
                                             </x-table.td>
 
-                                            <x-table.td class="relative w-4/12 sm:w-2/12 ltr:pl-6 rtl:pr-6 py-3 ltr:text-right rtl:text-left text-sm font-normal text-black tracking-wider" override="class">
+                                            <x-table.td class="w-3/12 relative" kind="amount">
                                                 <x-money :amount="$item->amount" :currency="$item->currency_code" convert />
                                             </x-table.td>
 
diff --git a/resources/views/components/documents/index/document.blade.php b/resources/views/components/documents/index/document.blade.php
index 6967920f9..2687955e8 100644
--- a/resources/views/components/documents/index/document.blade.php
+++ b/resources/views/components/documents/index/document.blade.php
@@ -121,9 +121,7 @@
                 @if (!$hideStatus)
                     <x-table.td class="{{ $classStatus }}">
                         @stack('status_td_inside_start')
-                        <span class="px-2.5 py-1 text-xs font-medium rounded-xl bg-{{ $item->status_label }} text-text-{{ $item->status_label }}">
-                            {{ trans($textDocumentStatus . $item->status) }}
-                        </span>
+                        <x-show.status status="{{ $item->status }}" background-color="bg-{{ $item->status_label }}" text-color="text-text-{{ $item->status_label }}" />
                         @stack('status_td_inside_end')
                     </x-table.td>
                 @endif
@@ -179,4 +177,4 @@
     </x-table.tbody>
 </x-table>
 
-<x-pagination :items="$documents" />
\ No newline at end of file
+<x-pagination :items="$documents" />
diff --git a/resources/views/components/layouts/admin.blade.php b/resources/views/components/layouts/admin.blade.php
index 313a77ea8..a1298847c 100644
--- a/resources/views/components/layouts/admin.blade.php
+++ b/resources/views/components/layouts/admin.blade.php
@@ -27,19 +27,25 @@
                 <div class="container">
                     <x-layouts.admin.header>
                         <x-slot name="title">
-                            {!! !empty($title->attributes->has('title')) ? $title->attributes->get('title') : $title !!}
+                            {!! ! empty($title->attributes->has('title')) ? $title->attributes->get('title') : $title !!}
                         </x-slot>
 
-                        @if (!empty($status))
+                        @if (! empty($status))
                             <x-slot name="status">
-                                {!! $status ?? '' !!}
+                                {!! $status !!}
                             </x-slot>
                         @endif
 
-                        @if (!empty($favorite) || (!empty($favorite) && $favorite->attributes->has('title')))
+                        @if (! empty($info))
+                            <x-slot name="info">
+                                {!! $info !!}
+                            </x-slot>
+                        @endif
+
+                        @if (! empty($favorite) || (! empty($favorite) && $favorite->attributes->has('title')))
                             @if (! $favorite->attributes->has('title'))
                                 <x-slot name="favorite">
-                                    {!! $favorite ?? '' !!}
+                                    {!! $favorite !!}
                                 </x-slot>
                             @else
                                 @php
diff --git a/resources/views/components/layouts/admin/header.blade.php b/resources/views/components/layouts/admin/header.blade.php
index a19d1dff2..1576049c8 100644
--- a/resources/views/components/layouts/admin/header.blade.php
+++ b/resources/views/components/layouts/admin/header.blade.php
@@ -10,7 +10,13 @@
                     @yield('dashboard_action')
                 </h1>
 
-                {!! $status ?? '' !!}
+                @if (! empty($status))
+                <div class="ltr:ml-4 rtl:mr-4">
+                    {!! $status !!}
+                </div>
+                @endif
+
+                {!! $info ?? '' !!}
 
                 {!! $favorite ?? '' !!}
             </div>
diff --git a/resources/views/components/layouts/portal.blade.php b/resources/views/components/layouts/portal.blade.php
index 7a229ce43..c8d901f4d 100644
--- a/resources/views/components/layouts/portal.blade.php
+++ b/resources/views/components/layouts/portal.blade.php
@@ -21,19 +21,25 @@
                 <div class="container">
                     <x-layouts.portal.header>
                         <x-slot name="title">
-                            {!! !empty($title->attributes->has('title')) ? $title->attributes->get('title') : $title !!}
+                            {!! ! empty($title->attributes->has('title')) ? $title->attributes->get('title') : $title !!}
                         </x-slot>
 
-                        @if (!empty($status))
+                        @if (! empty($status))
                             <x-slot name="status">
-                                {!! $status ?? '' !!}
+                                {!! $status !!}
                             </x-slot>
                         @endif
 
-                        @if (!empty($favorite) || (!empty($favorite) && $favorite->attributes->has('title')))
+                        @if (! empty($info))
+                            <x-slot name="info">
+                                {!! $info !!}
+                            </x-slot>
+                        @endif
+
+                        @if (! empty($favorite) || (! empty($favorite) && $favorite->attributes->has('title')))
                             @if (! $favorite->attributes->has('title'))
                                 <x-slot name="favorite">
-                                    {!! $favorite ?? '' !!}
+                                    {!! $favorite !!}
                                 </x-slot>
                             @else
                                 @php
diff --git a/resources/views/components/layouts/portal/header.blade.php b/resources/views/components/layouts/portal/header.blade.php
index d7e838045..c16665f54 100644
--- a/resources/views/components/layouts/portal/header.blade.php
+++ b/resources/views/components/layouts/portal/header.blade.php
@@ -10,7 +10,13 @@
                     @yield('dashboard_action')
                 </h1>
 
-                {!! $status ?? '' !!}
+                @if (! empty($status))
+                <div class="ltr:ml-4 rtl:mr-4">
+                    {!! $status !!}
+                </div>
+                @endif
+
+                {!! $info ?? '' !!}
 
                 {!! $favorite ?? '' !!}
             </div>
diff --git a/resources/views/components/layouts/preview.blade.php b/resources/views/components/layouts/preview.blade.php
index 7f3fb4a0d..303393f56 100644
--- a/resources/views/components/layouts/preview.blade.php
+++ b/resources/views/components/layouts/preview.blade.php
@@ -32,19 +32,25 @@
                 <div class="w-full lg:max-w-6xl m-auto">
                     <x-layouts.preview.header>
                         <x-slot name="title">
-                            {!! !empty($title->attributes->has('title')) ? $title->attributes->get('title') : $title !!}
+                            {!! ! empty($title->attributes->has('title')) ? $title->attributes->get('title') : $title !!}
                         </x-slot>
 
-                        @if (!empty($status))
+                        @if (! empty($status))
                             <x-slot name="status">
-                                {!! $status ?? '' !!}
+                                {!! $status !!}
                             </x-slot>
                         @endif
 
-                        @if (!empty($favorite) || (!empty($favorite) && $favorite->attributes->has('title')))
+                        @if (! empty($info))
+                            <x-slot name="info">
+                                {!! $info !!}
+                            </x-slot>
+                        @endif
+
+                        @if (! empty($favorite) || (! empty($favorite) && $favorite->attributes->has('title')))
                             @if (! $favorite->attributes->has('title'))
                                 <x-slot name="favorite">
-                                    {!! $favorite ?? '' !!}
+                                    {!! $favorite !!}
                                 </x-slot>
                             @else
                                 @php
diff --git a/resources/views/components/layouts/preview/header.blade.php b/resources/views/components/layouts/preview/header.blade.php
index d7e838045..c16665f54 100644
--- a/resources/views/components/layouts/preview/header.blade.php
+++ b/resources/views/components/layouts/preview/header.blade.php
@@ -10,7 +10,13 @@
                     @yield('dashboard_action')
                 </h1>
 
-                {!! $status ?? '' !!}
+                @if (! empty($status))
+                <div class="ltr:ml-4 rtl:mr-4">
+                    {!! $status !!}
+                </div>
+                @endif
+
+                {!! $info ?? '' !!}
 
                 {!! $favorite ?? '' !!}
             </div>
diff --git a/resources/views/components/layouts/signed.blade.php b/resources/views/components/layouts/signed.blade.php
index 6d3a785c1..69cff0d24 100644
--- a/resources/views/components/layouts/signed.blade.php
+++ b/resources/views/components/layouts/signed.blade.php
@@ -12,19 +12,25 @@
         <div class="container-fluid content-layout mt-4">
             <x-layouts.signed.header>
                 <x-slot name="title">
-                    {!! !empty($title->attributes->has('title')) ? $title->attributes->get('title') : $title !!}
+                    {!! ! empty($title->attributes->has('title')) ? $title->attributes->get('title') : $title !!}
                 </x-slot>
 
-                @if (!empty($status))
+                @if (! empty($status))
                     <x-slot name="status">
-                        {!! $status ?? '' !!}
+                        {!! $status !!}
                     </x-slot>
                 @endif
 
-                @if (!empty($favorite) || (!empty($favorite) && $favorite->attributes->has('title')))
+                @if (! empty($info))
+                    <x-slot name="info">
+                        {!! $info !!}
+                    </x-slot>
+                @endif
+
+                @if (! empty($favorite) || (! empty($favorite) && $favorite->attributes->has('title')))
                     @if (! $favorite->attributes->has('title'))
                         <x-slot name="favorite">
-                            {!! $favorite ?? '' !!}
+                            {!! $favorite !!}
                         </x-slot>
                     @else
                         @php
diff --git a/resources/views/components/layouts/signed/header.blade.php b/resources/views/components/layouts/signed/header.blade.php
index d7e838045..c16665f54 100644
--- a/resources/views/components/layouts/signed/header.blade.php
+++ b/resources/views/components/layouts/signed/header.blade.php
@@ -10,7 +10,13 @@
                     @yield('dashboard_action')
                 </h1>
 
-                {!! $status ?? '' !!}
+                @if (! empty($status))
+                <div class="ltr:ml-4 rtl:mr-4">
+                    {!! $status !!}
+                </div>
+                @endif
+
+                {!! $info ?? '' !!}
 
                 {!! $favorite ?? '' !!}
             </div>
diff --git a/resources/views/components/show/status.blade.php b/resources/views/components/show/status.blade.php
index 6bf4e42bc..47f859956 100644
--- a/resources/views/components/show/status.blade.php
+++ b/resources/views/components/show/status.blade.php
@@ -1,5 +1,5 @@
 <span @class([
-        'px-2.5 py-1 ltr:ml-2 rtl:mr-2 text-xs font-medium rounded-xl',
+        'px-2.5 py-1 text-xs font-medium rounded-xl',
         $backgroundColor,
         $textColor,
     ])
diff --git a/resources/views/purchases/vendors/show.blade.php b/resources/views/purchases/vendors/show.blade.php
index d37624832..23f5546c7 100644
--- a/resources/views/purchases/vendors/show.blade.php
+++ b/resources/views/purchases/vendors/show.blade.php
@@ -3,7 +3,7 @@
         {{ $vendor->name }}
     </x-slot>
 
-    <x-slot name="status">
+    <x-slot name="info">
         @if (! $vendor->enabled)
             <x-index.disable text="{{ trans_choice('general.vendors', 1) }}" />
         @endif
diff --git a/resources/views/sales/customers/show.blade.php b/resources/views/sales/customers/show.blade.php
index 54376a91a..1403db2d0 100644
--- a/resources/views/sales/customers/show.blade.php
+++ b/resources/views/sales/customers/show.blade.php
@@ -3,7 +3,7 @@
         {{ $customer->name }}
     </x-slot>
 
-    <x-slot name="status">
+    <x-slot name="info">
         @if (! $customer->enabled)
             <x-index.disable text="{{ trans_choice('general.customers', 1) }}" />
         @endif