Register fix and remove alerts on guest layout

resources/views/auth/register.blade.php

@@ -1,10 +1,10 @@
 <x-guest-layout>
-    <form wire:submit.prevent="register">
+    <form method="POST" action="{{ route('register') }}" class="mt-8">
         @csrf
         <!-- Name -->
         <div>
             <x-input-label for="name" :value="__('Name')"/>
-            <x-text-input id="name" class="block mt-1 w-full" type="text" wire:model="name" required autofocus
+            <x-text-input id="name" class="block mt-1 w-full" type="text" name="name" required autofocus
                           autocomplete="name"/>
             @error('name')
             <x-input-error :messages="$message" class="mt-2"/> @enderror
@@ -15,14 +15,14 @@
                 <!-- Phone Number -->
                 <div data-tip="Make sure we can contact you" class="mt-4 flex flex-col justify-start tooltip w-1/2 mr-2">
                     <x-input-label class="text-start mb-1" for="phone" :value="__('Phone Number')"></x-input-label>
-                    <x-text-input id="phone" class="block tooltip mt-1 w-full" type="tel" wire:model="phone" required
+                    <x-text-input id="phone" class="block tooltip mt-1 w-full" type="tel" name="phone" required
                                   autocomplete="phone"/>
                 </div>
 
                 <!-- Location -->
                 <div class="mt-4 ml-2">
                     <x-input-label for="location" :value="__('Location')"></x-input-label>
-                    <x-text-input id="location" disabled class="block opacity-30 mt-1 w-full" type="text" wire:model="location" required
+                    <x-text-input id="location" disabled class="block opacity-30 mt-1 w-full" type="text" name="location" required
                                   autocomplete="location"/>
                 </div>
             </div>
@@ -33,7 +33,7 @@
         <!-- Email Address -->
         <div class="mt-4">
             <x-input-label for="email" :value="__('Email')"/>
-            <x-text-input id="email" class="block mt-1 w-full" type="email" wire:model="email" required
+            <x-text-input id="email" class="block mt-1 w-full" type="email" name="email" required
                           autocomplete="username"/>
             @error('email')
             <x-input-error :messages="$message" class="mt-2"/> @enderror
@@ -42,7 +42,7 @@
         <!-- Password -->
         <div class="mt-4">
             <x-input-label for="password" :value="__('Password')"/>
-            <x-text-input id="password" class="block mt-1 w-full" type="password" wire:model="password" required
+            <x-text-input id="password" class="block mt-1 w-full" type="password" name="password" required
                           autocomplete="new-password"/>
             @error('password')
             <x-input-error :messages="$message" class="mt-2"/> @enderror
@@ -52,7 +52,7 @@
         <div class="mt-4">
             <x-input-label for="password_confirmation" :value="__('Confirm Password')"/>
             <x-text-input id="password_confirmation" class="block mt-1 w-full" type="password"
-                          wire:model="password_confirmation" required autocomplete="new-password"/>
+                          name="password_confirmation" required autocomplete="new-password"/>
             @error('password_confirmation')
             <x-input-error :messages="$message" class="mt-2"/> @enderror
         </div>
@@ -76,6 +76,8 @@
         let phoneInput = window.intlTelInput(phoneInputField, {
             utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js",
             initialCountry: "auto",
+            //add favourite countries
+            preferredCountries: ["us", "gb", "ca", "au", "nz"],
             geoIpLookup: function (success, failure) {
                 try {
                     fetch("https://ipinfo.io/json?token=cbcffb988673b9", {
@@ -108,6 +110,7 @@
         if (!update_location_success) {
             // Default to US if we can't get the location
             phoneInput.setCountry("us");
+            document.querySelector("#location").value = "United States";
         }
 
         // When we select a country, update the location field

resources/views/layouts/guest.blade.php

@@ -30,7 +30,6 @@
             </div>
 
             <div class="w-full flex flex-col sm:max-w-md mt-6 px-6 py-4 overflow-hidden sm:rounded-lg">
-                @include('session.alerts')
                 {{ $slot }}
             </div>