From 0c0b30cde79c4b8033c4d3bb84ba50885ae2fa23 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Tue, 21 Mar 2023 19:01:19 +0100
Subject: [PATCH] wip #5790 @1:00

---
 resources/styles/components/my-account.styl    |  3 +++
 resources/views/pages/my_account.blade.php     | 18 ++++++++++--------
 resources/views/partials/account.blade.php     |  9 ++++++---
 resources/views/partials/nav-account.blade.php |  6 +++---
 4 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/resources/styles/components/my-account.styl b/resources/styles/components/my-account.styl
index ae9790d..bf5b5af 100644
--- a/resources/styles/components/my-account.styl
+++ b/resources/styles/components/my-account.styl
@@ -27,6 +27,9 @@
     padding: 46px 96px
 
   &-address
+    .ajax-form:not(:last-child)
+      padding-bottom: 48px
+      border-bottom: 1px solid theme('colors.light-b')
     form
       label:first-child
         padding-top: 0 !important
diff --git a/resources/views/pages/my_account.blade.php b/resources/views/pages/my_account.blade.php
index 5e0180b..9036617 100644
--- a/resources/views/pages/my_account.blade.php
+++ b/resources/views/pages/my_account.blade.php
@@ -26,29 +26,29 @@
                             </p>
                             <a href="">{{ __('Signaler une modification') }}</a>
                         </div>
-                        <div class="ajax-form flex flex-col max-w-half-form pt-12">
+                        <div class="ajax-form flex flex-col pt-12">
                             <h2 class="text-2xl m-0">{{ __('Mes coordonnées') }}</h2>
-                            <form id="update-details" class="form-portal" @submit.prevent="update('update-details')">
+                            <form id="update-details" class="form-portal max-w-half-form" @submit.prevent="update('update-details')">
                                 <div class="form-group fields grid">
                                     <label class="form-input half text-navy">
                                         {{ __('Nom') }}<span>*</span>
-                                        <input class="py-3 mt-3" type="text" value="{{ $client->lastname }}" required="required" name="lastname" />
+                                        <input class="py-3 mt-3" type="text"  v-model="user.lastname" required="required" name="lastname" />
                                     </label>
                                     <label class="form-input half text-navy">
                                         {{ __('Prénom') }}<span>*</span>
-                                        <input class="py-3 mt-3" type="text" value="{{ $client->firstname }}" required="required" name="firstname" />
+                                        <input class="py-3 mt-3" type="text" v-model="user.firstname" required="required" name="firstname" />
                                     </label>
                                 </div>
                                 <div class="form-group">
                                     <label class="form-input half text-navy">
                                         {{ __('Adresse email') }}<span>*</span>
-                                        <input class="py-3 mt-3" type="email" value="" required="required" name="email" />
+                                        <input class="py-3 mt-3" type="email" v-model="user.email" required="required" name="email" />
                                     </label>
                                 </div>
                                 <div class="form-group">
                                     <label class="form-input half text-navy">
                                         {{ __('Téléphone') }}<span></span>
-                                        <input class="py-3 mt-3" type="text" value="{{ $client->phone }}" required="required" name="password" />
+                                        <input class="py-3 mt-3" type="text" v-model="user.phone" required="required" name="phone" />
                                     </label>
                                 </div>
                                 <div class="form-footer flex flex-wrap-reverse justify-between items-center mt-12">
@@ -71,8 +71,10 @@
                                 @svg('icon-white-add')
                             </button>
                         </div>
-                        <div class="ajax-form flex flex-col max-w-half-form pt-8" v-for="add in address">
-                            <address-form />
+                        <div>
+                            <div class="ajax-form flex flex-col pt-12" v-for="(address, key) in addresses" :key="key">
+                                <address-form />
+                            </div>
                         </div>
                     </div>
 
diff --git a/resources/views/partials/account.blade.php b/resources/views/partials/account.blade.php
index 54bc12b..02ef123 100644
--- a/resources/views/partials/account.blade.php
+++ b/resources/views/partials/account.blade.php
@@ -1,9 +1,12 @@
 <span class="account-header-title">
-    @if(Auth::guard('web-clients')->check())
-        {{ Auth::guard('web-clients')->user()->firstname }}
+    @auth('web-clients')
+        <span v-if="!user.firstname">{{ Auth::guard('web-clients')->user()->firstname }}</span>
+        <span v-cloak>@{{ user.firstname }}</span>&nbsp
+        <span v-if="!user.lastname">{{ Auth::guard('web-clients')->user()->lastname }}</span>
+        <span v-cloak>@{{ user.lastname }}</span>&nbsp
     @else
         {{ __('Se connecter') }}
-    @endif
+    @endauth
 </span>
 <span class="header-icon-wrapper account-icon-wrapper">
     @svg('icon-account', 'account-header-icon header-icon')
diff --git a/resources/views/partials/nav-account.blade.php b/resources/views/partials/nav-account.blade.php
index 7f1ba9c..2286270 100644
--- a/resources/views/partials/nav-account.blade.php
+++ b/resources/views/partials/nav-account.blade.php
@@ -1,7 +1,7 @@
-@if(Auth::guard('web-clients')->check())
+@auth('web-clients')
     <ul class="account-header-list">
         <li>
-            <a href="">
+            <a href="/mon-compte">
                 <span>{{ __('Mon compte') }}</span>
             </a>
         </li>
@@ -21,4 +21,4 @@
             </a>
         </li>
     </ul>
-@endif
+@endauth
-- 
2.39.5