From c6a992784e6a19c1e7f97406b5803dcfa686c22a Mon Sep 17 00:00:00 2001
From: Guilherme Capanema <guilherme@capanema.me>
Date: Wed, 3 Jun 2020 19:57:23 -0300
Subject: [PATCH] =?UTF-8?q?Melhora=20funcionamento=20do=20seletor=20de=20c?=
 =?UTF-8?q?ontribui=C3=A7=C3=A3o=20financeira?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/components/input/text.blade.php     |  7 ++++
 .../auth/register/individual.blade.php        | 38 +++++++++++++++----
 2 files changed, 38 insertions(+), 7 deletions(-)

diff --git a/resources/views/components/input/text.blade.php b/resources/views/components/input/text.blade.php
index 3593c35..0387500 100644
--- a/resources/views/components/input/text.blade.php
+++ b/resources/views/components/input/text.blade.php
@@ -26,6 +26,13 @@
             @elseif ($mask === 'phone')
                 phone: true,
                 phoneRegionCode: 'BR'
+            @elseif ($mask === 'currency')
+                delimiter: '.',
+                numeralDecimalMark: ',',
+                numeral: true,
+                numeralPositiveOnly: true,
+                numeralThousandsGroupStyle: 'none',
+                numeralDecimalScale: 0,
             @endif
         });
     </script>
diff --git a/resources/views/livewire/auth/register/individual.blade.php b/resources/views/livewire/auth/register/individual.blade.php
index 069af59..8a6d7d6 100644
--- a/resources/views/livewire/auth/register/individual.blade.php
+++ b/resources/views/livewire/auth/register/individual.blade.php
@@ -217,21 +217,45 @@
                         <x-input.textarea wire:model.lazy="profile.bike_use" id="profile-bike_use" placeholder="Realiza atividades ou participa para promover a bicicleta (descreva brevemente)?" :state="$errors->has('profile.bike_use') ? false : null" />
                     </x-input.group>
 
-                    <x-input.radio-group label="{{ __('users.attributes.contribution') }}" for="contribution" :error="$errors->first('contribution')">
+                    <x-input.radio-group
+                        x-data="{ custom_contribution: false }"
+                        @click="custom_contribution = false"
+                        label="{{ __('users.attributes.contribution') }}"
+                        for="contribution"
+                        :error="$errors->first('contribution')"
+                    >
+
                         <x-input.radio wire:model.lazy="contribution" name="contribution" label="Não desejo contribuir" value="0" :state="$errors->has('contribution') ? false : null" required />
                         <x-input.radio wire:model.lazy="contribution" name="contribution" label="R$ 15,00" value="15" :state="$errors->has('contribution') ? false : null" required />
                         <x-input.radio wire:model.lazy="contribution" name="contribution" label="R$ 30,00" value="30" :state="$errors->has('contribution') ? false : null" required />
                         <x-input.radio wire:model.lazy="contribution" name="contribution" label="R$ 60,00" value="60" :state="$errors->has('contribution') ? false : null" required />
                         <x-input.radio wire:model.lazy="contribution" name="contribution" label="R$ 120,00" value="120" :state="$errors->has('contribution') ? false : null" required />
-                        <x-input.radio name="contribution" :state="$errors->has('contribution') ? false : null" required>
-
-                            <span class="text-sm">
-                                Outro:
-                            </span>
 
-                            <x-input.text wire:model.lazy="contribution" :state="$errors->has('contribution') ? false : null" />
+                        <x-input.radio
+                            name="contribution"
+                            @click="
+                                $event.stopPropagation();
+                                custom_contribution = true;
+                                $nextTick(() => { $refs.customContributionInput.focus() });
+                            "
+                            :state="$errors->has('contribution') ? false : null"
+                            required
+                        >
+
+                            <span class="text-sm">Outro</span>
+
+                            <x-input.text
+                                wire:model.lazy="contribution"
+                                x-ref="customContributionInput"
+                                @click="$event.stopPropagation();"
+                                x-show="custom_contribution"
+                                id="contribution-other"
+                                mask="currency"
+                                :state="$errors->has('contribution') ? false : null"
+                            />
 
                         </x-input.radio>
+
                     </x-input.radio-group>
 
                 </div>