From d873f4870407518a9c61630de89a54709817beff Mon Sep 17 00:00:00 2001
From: Craig Smith <craig.smith@customd.com>
Date: Fri, 6 May 2022 13:51:24 +1200
Subject: [PATCH] fix: password reveal populate

---
 resources/views/password.blade.php | 112 ++++++++++++++++++-----------
 1 file changed, 71 insertions(+), 41 deletions(-)

diff --git a/resources/views/password.blade.php b/resources/views/password.blade.php
index 13da0be..aa02e20 100644
--- a/resources/views/password.blade.php
+++ b/resources/views/password.blade.php
@@ -1,57 +1,87 @@
 @php
 $datalistOptions = $getDatalistOptions();
 
-$sideLabelClasses = [
-'whitespace-nowrap group-focus-within:text-primary-500',
-'text-gray-400' => ! $errors->has($getStatePath()),
-'text-danger-400' => $errors->has($getStatePath()),
-];
+$sideLabelClasses = ['whitespace-nowrap group-focus-within:text-primary-500', 'text-gray-400' => !$errors->has($getStatePath()), 'text-danger-400' => $errors->has($getStatePath())];
 @endphp
 
-<x-dynamic-component :component="$getFieldWrapperView()" :id="$getId()" :label="$getLabel()"
-    :label-sr-only="$isLabelHidden()" :helper-text="$getHelperText()" :hint="$getHint()" :hint-icon="$getHintIcon()"
-    :required="$isRequired()" :state-path="$getStatePath()">
-    <div {{ $attributes->merge($getExtraAttributes())->class(['flex items-center space-x-1 rtl:space-x-reverse group
-        filament-forms-text-input-component']) }}>
+<x-dynamic-component
+    :component="$getFieldWrapperView()"
+    :id="$getId()"
+    :label="$getLabel()"
+    :label-sr-only="$isLabelHidden()"
+    :helper-text="$getHelperText()"
+    :hint="$getHint()"
+    :hint-icon="$getHintIcon()"
+    :required="$isRequired()"
+    :state-path="$getStatePath()"
+>
+    <div
+        {{ $attributes->merge($getExtraAttributes())->class([
+            'flex items-center space-x-1 rtl:space-x-reverse group
+                                                        filament-forms-text-input-component',
+        ]) }}>
         @if ($label = $getPrefixLabel())
-        <span @class($sideLabelClasses)>
-            {{ $label }}
-        </span>
+            <span @class($sideLabelClasses)>
+                {{ $label }}
+            </span>
         @endif
 
 
 
 
-        <div class="flex-1 relative" x-data="{show: false}">
-            <input :type="show ? 'text' : 'password'"
-            dusk="filament.forms.{{ $getStatePath() }}"
-            {!! ($autocomplete = $getAutocomplete()) ? "autocomplete=\"{$autocomplete}\"" : null !!}
+        <div
+            class="relative flex-1"
+            x-data="{ show: false }"
+        >
+            <input
+                :type="show ? 'text' : 'password'"
+                {{ $applyStateBindingModifiers('wire:model') }}="{{ $getStatePath() }}"
+                dusk="filament.forms.{{ $getStatePath() }}"
+                {!! ($autocomplete = $getAutocomplete()) ? "autocomplete=\" {$autocomplete}\"" : null !!}
                 {!! $isAutofocused() ? 'autofocus' : null !!}
                 {!! $isDisabled() ? 'disabled' : null !!}
                 id="{{ $getId() }}"
-                {!! filled($value = $getMaxValue()) ? "max=\"{$value}\"" : null !!}
-                {!! ($placeholder = $getPlaceholder()) ? "placeholder=\"{$placeholder}\"" : null !!}
+                {!! filled($value = $getMaxValue()) ? "max=\" {$value}\"" : null !!}
+                {!! ($placeholder = $getPlaceholder()) ? "placeholder=\" {$placeholder}\"" : null !!}
                 {!! $isRequired() ? 'required' : null !!}
-            {{ $getExtraInputAttributeBag()->class([
-                    'block w-full transition duration-75 rounded-lg shadow-sm focus:border-primary-600 focus:ring-1 focus:ring-inset focus:ring-primary-600 disabled:opacity-70',
+                {{ $getExtraInputAttributeBag()->class([
+                    'block w-full transition duration-75 rounded-lg shadow-sm focus:border-primary-600 focus:ring-1
+                                                                                                            focus:ring-inset focus:ring-primary-600 disabled:opacity-70',
                     'dark:bg-gray-700 dark:text-white' => config('forms.dark_mode'),
-                    'border-gray-300' => ! $errors->has($getStatePath()),
-                    'dark:border-gray-600' => (! $errors->has($getStatePath())) && config('forms.dark_mode'),
+                    'border-gray-300' => !$errors->has($getStatePath()),
+                    'dark:border-gray-600' => !$errors->has($getStatePath()) && config('forms.dark_mode'),
                     'border-danger-600 ring-danger-600' => $errors->has($getStatePath()),
-                ]) }}>
-            <div class="absolute inset-y-0 right-0 pr-2 flex items-center text-sm leading-5">
+                ]) }}
+            >
+            <div class="absolute inset-y-0 right-0 flex items-center pr-2 text-sm leading-5">
 
-                <svg class="h-5 dark:bg-gray-700 dark:text-white'" fill="none" @click="show = !show" :class="{'hidden': show, 'block':!show }"
-                    xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512">
-                    <path fill="currentColor"
-                        d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z">
+                <svg
+                    class="h-5 dark:bg-gray-700 dark:text-white'"
+                    fill="none"
+                    @click="show = !show"
+                    :class="{ 'hidden': show, 'block': !show }"
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewbox="0 0 576 512"
+                >
+                    <path
+                        fill="currentColor"
+                        d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"
+                    >
                     </path>
                 </svg>
 
-                <svg class="h-5 dark:bg-gray-700 dark:text-white'" fill="none" @click="show = !show" :class="{'block': show, 'hidden':!show }"
-                    xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512">
-                    <path fill="currentColor"
-                        d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z">
+                <svg
+                    class="h-5 dark:bg-gray-700 dark:text-white'"
+                    fill="none"
+                    @click="show = !show"
+                    :class="{ 'block': show, 'hidden': !show }"
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewbox="0 0 640 512"
+                >
+                    <path
+                        fill="currentColor"
+                        d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z"
+                    >
                     </path>
                 </svg>
 
@@ -63,17 +93,17 @@
 
 
         @if ($label = $getPostfixLabel())
-        <span @class($sideLabelClasses)>
-            {{ $label }}
-        </span>
+            <span @class($sideLabelClasses)>
+                {{ $label }}
+            </span>
         @endif
     </div>
 
     @if ($datalistOptions)
-    <datalist id="{{ $getId() }}-list">
-        @foreach ($datalistOptions as $option)
-        <option value="{{ $option }}" />
-        @endforeach
-    </datalist>
+        <datalist id="{{ $getId() }}-list">
+            @foreach ($datalistOptions as $option)
+                <option value="{{ $option }}" />
+            @endforeach
+        </datalist>
     @endif
 </x-dynamic-component>