opção de instituição - ufape

app/Http/Controllers/Auth/RegisterController.php

@@ -62,7 +62,8 @@ class RegisterController extends Controller
             'password' => ['required', 'string', 'min:8', 'confirmed'],
             'cpf' => ['required', 'cpf'],
             'celular' => ['required','string'],
-            'instituicao' => ['required','string','max:255'],     
+            'instituicao' => ['required_if:instituicaoSelect,Outra','max:255'],
+            'instituicaoSelect' => ['required_without:instituicao'],     
             'cargo' => ['required'],
             'vinculo' => ['required'],
             'outro' => ['required_if:vinculo,Outro'],
@@ -96,7 +97,11 @@ class RegisterController extends Controller
         $user->password = bcrypt($data['password']);
         $user->cpf = $data['cpf'];
         $user->celular = $data['celular'];
-        $user->instituicao = $data['instituicao'];
+        if($data['instituicao'] != null){
+            $user->instituicao = $data['instituicao'];
+        }else if (isset($data['instituicaoSelect']) && $data['instituicaoSelect'] != "Outra"){
+            $user->instituicao = $data['instituicaoSelect'];
+        }
 
         if($data['cargo'] === "Estudante" && $data['vinculo'] !== "Pós-doutorando"){
             $user->tipo = 'participante';

resources/views/auth/register.blade.php

@@ -43,14 +43,24 @@
         <div class="form-group row">
             <div class="col-md-8">
                 <label for="instituicao" class="col-form-label">{{ __('Instituição de Vínculo*') }}</label>
-                <input id="instituicao" type="text" class="form-control @error('instituicao') is-invalid @enderror" name="instituicao" value="{{ old('instituicao') }}" required autocomplete="instituicao" autofocus>
+                <input style="display: none;" id="instituicao" type="text" class="form-control @error('instituicao') is-invalid @enderror" name="instituicao" value="{{ old('instituicao') }}" placeholder="Digite o nome da Instituição" autocomplete="instituicao" autofocus>
+                <select style="display: inline" onchange="showInstituicao()" class="form-control @error('instituicaoSelect') is-invalid @enderror" name="instituicaoSelect" id="instituicaoSelect">
+                    <option value="" disabled selected hidden>-- Instituição --</option>
+                    <option value="UFAPE">Universidade Federal do Agreste de Pernambuco - UFAPE</option>
+                    <option>Outra</option>
+                </select>
 
                 @error('instituicao')
                 <span class="invalid-feedback" role="alert">
                     <strong>{{ $message }}</strong>
                 </span>
                 @enderror
-            </div>
+                @error('instituicaoSelect')
+                <span class="invalid-feedback" role="alert">
+                    <strong>{{ $message }}</strong>
+                </span>
+                @enderror
+            </div>           
             <div class="col-md-4">
                 <label for="celular" class="col-form-label">{{ __('Celular*') }}</label>
                 <input id="celular" type="text" class="form-control @error('celular') is-invalid @enderror" name="celular" value="{{ old('celular') }}" required autocomplete="celular" autofocus>
@@ -299,10 +309,6 @@
         }
     }
 
-    window.onload = mudarNivel();
-    window.onload = outroVinculo();
-    window.onload = mudar();
-
     function mudarNivel() {
         var bolsista = document.getElementById('bolsistaProdutividade');
         var nivel = document.getElementById('nivelInput');
@@ -313,5 +319,24 @@
             nivel.style.display = "none";
         }
     }
+
+    function showInstituicao(){
+        var instituicao = document.getElementById('instituicao');
+        var instituicaoSelect = document.getElementById('instituicaoSelect');
+
+        if(instituicaoSelect.value === "Outra"){
+            instituicaoSelect.style.display = "none";
+            instituicao.style.display = "inline";
+        }
+    }
+
+    function onload(){
+        mudarNivel();
+        outroVinculo();
+        mudar();
+        showInstituicao();
+    }
+
+    window.onload = onload();
 </script>
 @endsection
\ No newline at end of file