From 5f632517ce8f27b099823e3f609d5f6187457df3 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Thu, 23 Mar 2023 02:20:28 +0100
Subject: [PATCH] wip #5792 @0:15

---
 resources/views/pages/my_account.blade.php | 62 ++++++++++++++++++----
 1 file changed, 53 insertions(+), 9 deletions(-)

diff --git a/resources/views/pages/my_account.blade.php b/resources/views/pages/my_account.blade.php
index 9036617..5dde497 100644
--- a/resources/views/pages/my_account.blade.php
+++ b/resources/views/pages/my_account.blade.php
@@ -64,23 +64,67 @@
                     </div>
 
                     <div id="account-address" class="account-address" v-cloak v-if="tab === 'address'">
-                        <div class="flex items-center justify-between pb-8 border-b border-b-light-b">
+                        <div class="account-address-header flex items-center justify-between border-b border-b-light-b relative">
                             <h2 class="text-2xl m-0">{{ __('Mes adresses') }}</h2>
-                            <button class="btn btn-custom xs:w-full flex items-center" @click.prevent="addAddressToForm()">
+                            <button class="btn btn-custom xs:w-full flex items-center absolute right-0" @click.prevent="addAddressToForm()">
                                 <span class="pr-2">{{ __('Ajouter une adresse') }}</span>
                                 @svg('icon-white-add')
                             </button>
                         </div>
-                        <div>
-                            <div class="ajax-form flex flex-col pt-12" v-for="(address, key) in addresses" :key="key">
-                                <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 id="account-pw" v-cloak v-if="tab === 'pw'">
-                        <div>
-
+                    <div id="account-pw" class="account-password" v-cloak v-if="tab === 'pw'">
+                        <div class="pb-12 border-b border-b-light-b">
+                            <h2 class="text-2xl m-0">{{ __('Modifier mon mot de passe') }}</h2>
+                        </div>
+                        <div class="ajax-form flex flex-col pt-12">
+                            <form class="form-portal max-w-half-form" @submit.prevent="update('update-details')">
+                                <div class="form-group fields grid">
+                                    <label class="form-input text-navy">
+                                        {{ __('Mot de passe actuel') }}<span>*</span>
+                                        <input class="py-3 mt-3" type="text" required="required" name="password" />
+                                    </label>
+                                    <label class="form-input text-navy">
+                                        {{ __('Nouveau mot de passe') }}<span>*</span>
+                                        <div class="relative">
+                                            <input class="py-3 mt-3" :type="type" required="required" name="new_password" />
+                                            <button class="btn-show-pwd bg-white w-12" @click.prevent="toggleType">
+                                                <span v-if="type === 'password' ">
+                                                    @svg('icon-eye')
+                                                </span>
+                                                <span v-else>
+                                                    @svg('icon-eye-hidden')
+                                                </span>
+                                            </button>
+                                        </div>
+                                    </label>
+                                    <label class="form-input text-navy">
+                                        {{ __('Confirmer le nouveau mot de passe') }}<span>*</span>
+                                        <div class="relative">
+                                            <input class="py-3 mt-3" :type="type" required="required" name="confirm_password" />
+                                            <button class="btn-show-pwd bg-white w-12" @click.prevent="toggleType">
+                                                <span v-if="type === 'password' ">
+                                                    @svg('icon-eye')
+                                                </span>
+                                                <span v-else>
+                                                    @svg('icon-eye-hidden')
+                                                </span>
+                                            </button>
+                                        </div>
+                                    </label>
+                                </div>
+                                <div class="form-footer flex flex-wrap-reverse justify-between items-center mt-12">
+                                    <span class="form-required-legend inline-block my-4 mr-3 text-grey-dark xs:self-start xs:mt-5">
+                                        *{{ __('Champs obligatoires') }}
+                                    </span>
+                                    <button type="submit" class="form-submit-button btn btn-custom xs:w-full">
+                                        {{ __('Enregistrer les modifications') }}
+                                    </button>
+                                </div>
+                            </form>
                         </div>
                     </div>
                 </div>
-- 
2.39.5