Browse Source

Melhora formulário de cadastro e implementa autocomplete de endereço

usuarios_separados
Guilherme Capanema 6 years ago
parent
commit
78dff5307b
11 changed files with 917 additions and 94 deletions
  1. +262
    -0
      app/Country.php
  2. +46
    -23
      app/Http/Livewire/Auth/Register/Individual.php
  3. +248
    -12
      app/UserNature.php
  4. +1
    -1
      public/css/app.css
  5. +1
    -1
      public/js/app.js.map
  6. +2
    -2
      public/mix-manifest.json
  7. +1
    -0
      resources/js/app.js
  8. +248
    -0
      resources/lang/pt-BR/countries.php
  9. +23
    -0
      resources/views/components/input/radio-group.blade.php
  10. +14
    -0
      resources/views/components/input/select.blade.php
  11. +71
    -55
      resources/views/livewire/auth/register/individual.blade.php

+ 262
- 0
app/Country.php View File

@ -0,0 +1,262 @@
<?php
namespace App;
use Illuminate\Database\Eloquent\Model;
use Sushi\Sushi;
class Country extends Model
{
use Sushi;
protected $rows = [
[ 'code' => 'AF'],
[ 'code' => 'AX'],
[ 'code' => 'AL'],
[ 'code' => 'DZ'],
[ 'code' => 'AS'],
[ 'code' => 'AD'],
[ 'code' => 'AO'],
[ 'code' => 'AI'],
[ 'code' => 'AQ'],
[ 'code' => 'AG'],
[ 'code' => 'AR'],
[ 'code' => 'AM'],
[ 'code' => 'AW'],
[ 'code' => 'AU'],
[ 'code' => 'AT'],
[ 'code' => 'AZ'],
[ 'code' => 'BS'],
[ 'code' => 'BH'],
[ 'code' => 'BD'],
[ 'code' => 'BB'],
[ 'code' => 'BY'],
[ 'code' => 'BE'],
[ 'code' => 'BZ'],
[ 'code' => 'BJ'],
[ 'code' => 'BM'],
[ 'code' => 'BT'],
[ 'code' => 'BA'],
[ 'code' => 'BW'],
[ 'code' => 'BV'],
[ 'code' => 'BR'],
[ 'code' => 'IO'],
[ 'code' => 'BN'],
[ 'code' => 'BG'],
[ 'code' => 'BF'],
[ 'code' => 'BI'],
[ 'code' => 'KH'],
[ 'code' => 'CM'],
[ 'code' => 'CA'],
[ 'code' => 'CV'],
[ 'code' => 'KY'],
[ 'code' => 'CF'],
[ 'code' => 'TD'],
[ 'code' => 'CL'],
[ 'code' => 'CN'],
[ 'code' => 'CX'],
[ 'code' => 'CC'],
[ 'code' => 'CO'],
[ 'code' => 'KM'],
[ 'code' => 'CG'],
[ 'code' => 'CK'],
[ 'code' => 'CR'],
[ 'code' => 'CI'],
[ 'code' => 'HR'],
[ 'code' => 'CU'],
[ 'code' => 'CW'],
[ 'code' => 'CY'],
[ 'code' => 'CZ'],
[ 'code' => 'DK'],
[ 'code' => 'DJ'],
[ 'code' => 'DM'],
[ 'code' => 'DO'],
[ 'code' => 'EC'],
[ 'code' => 'EG'],
[ 'code' => 'SV'],
[ 'code' => 'GQ'],
[ 'code' => 'ER'],
[ 'code' => 'EE'],
[ 'code' => 'ET'],
[ 'code' => 'FK'],
[ 'code' => 'FO'],
[ 'code' => 'FJ'],
[ 'code' => 'FI'],
[ 'code' => 'FR'],
[ 'code' => 'GF'],
[ 'code' => 'PF'],
[ 'code' => 'TF'],
[ 'code' => 'GA'],
[ 'code' => 'GM'],
[ 'code' => 'GE'],
[ 'code' => 'DE'],
[ 'code' => 'GH'],
[ 'code' => 'GI'],
[ 'code' => 'GR'],
[ 'code' => 'GL'],
[ 'code' => 'GD'],
[ 'code' => 'GP'],
[ 'code' => 'GU'],
[ 'code' => 'GT'],
[ 'code' => 'GG'],
[ 'code' => 'GN'],
[ 'code' => 'GW'],
[ 'code' => 'GY'],
[ 'code' => 'HT'],
[ 'code' => 'HM'],
[ 'code' => 'VA'],
[ 'code' => 'HN'],
[ 'code' => 'HK'],
[ 'code' => 'HU'],
[ 'code' => 'IS'],
[ 'code' => 'IN'],
[ 'code' => 'ID'],
[ 'code' => 'IQ'],
[ 'code' => 'IE'],
[ 'code' => 'IM'],
[ 'code' => 'IL'],
[ 'code' => 'IT'],
[ 'code' => 'JM'],
[ 'code' => 'JP'],
[ 'code' => 'JE'],
[ 'code' => 'JO'],
[ 'code' => 'KZ'],
[ 'code' => 'KE'],
[ 'code' => 'KI'],
[ 'code' => 'KW'],
[ 'code' => 'KG'],
[ 'code' => 'LA'],
[ 'code' => 'LV'],
[ 'code' => 'LB'],
[ 'code' => 'LS'],
[ 'code' => 'LR'],
[ 'code' => 'LY'],
[ 'code' => 'LI'],
[ 'code' => 'LT'],
[ 'code' => 'LU'],
[ 'code' => 'MO'],
[ 'code' => 'MK'],
[ 'code' => 'MG'],
[ 'code' => 'MW'],
[ 'code' => 'MY'],
[ 'code' => 'MV'],
[ 'code' => 'ML'],
[ 'code' => 'MT'],
[ 'code' => 'MH'],
[ 'code' => 'MQ'],
[ 'code' => 'MR'],
[ 'code' => 'MU'],
[ 'code' => 'YT'],
[ 'code' => 'MX'],
[ 'code' => 'MC'],
[ 'code' => 'MN'],
[ 'code' => 'ME'],
[ 'code' => 'MS'],
[ 'code' => 'MA'],
[ 'code' => 'MZ'],
[ 'code' => 'MM'],
[ 'code' => 'NA'],
[ 'code' => 'NR'],
[ 'code' => 'NP'],
[ 'code' => 'NL'],
[ 'code' => 'NC'],
[ 'code' => 'NZ'],
[ 'code' => 'NI'],
[ 'code' => 'NE'],
[ 'code' => 'NG'],
[ 'code' => 'NU'],
[ 'code' => 'NF'],
[ 'code' => 'MP'],
[ 'code' => 'NO'],
[ 'code' => 'OM'],
[ 'code' => 'PK'],
[ 'code' => 'PW'],
[ 'code' => 'PA'],
[ 'code' => 'PG'],
[ 'code' => 'PY'],
[ 'code' => 'PE'],
[ 'code' => 'PH'],
[ 'code' => 'PN'],
[ 'code' => 'PL'],
[ 'code' => 'PT'],
[ 'code' => 'PR'],
[ 'code' => 'QA'],
[ 'code' => 'RE'],
[ 'code' => 'RO'],
[ 'code' => 'RU'],
[ 'code' => 'RW'],
[ 'code' => 'BL'],
[ 'code' => 'SH'],
[ 'code' => 'KN'],
[ 'code' => 'LC'],
[ 'code' => 'MF'],
[ 'code' => 'PM'],
[ 'code' => 'VC'],
[ 'code' => 'WS'],
[ 'code' => 'SM'],
[ 'code' => 'ST'],
[ 'code' => 'SA'],
[ 'code' => 'SN'],
[ 'code' => 'RS'],
[ 'code' => 'SC'],
[ 'code' => 'SL'],
[ 'code' => 'SG'],
[ 'code' => 'SX'],
[ 'code' => 'SK'],
[ 'code' => 'SI'],
[ 'code' => 'SB'],
[ 'code' => 'SO'],
[ 'code' => 'ZA'],
[ 'code' => 'GS'],
[ 'code' => 'ES'],
[ 'code' => 'LK'],
[ 'code' => 'SD'],
[ 'code' => 'SR'],
[ 'code' => 'SJ'],
[ 'code' => 'SZ'],
[ 'code' => 'SE'],
[ 'code' => 'CH'],
[ 'code' => 'SY'],
[ 'code' => 'TJ'],
[ 'code' => 'TH'],
[ 'code' => 'TL'],
[ 'code' => 'TG'],
[ 'code' => 'TK'],
[ 'code' => 'TO'],
[ 'code' => 'TT'],
[ 'code' => 'TN'],
[ 'code' => 'TR'],
[ 'code' => 'TM'],
[ 'code' => 'TC'],
[ 'code' => 'TV'],
[ 'code' => 'UG'],
[ 'code' => 'UA'],
[ 'code' => 'AE'],
[ 'code' => 'GB'],
[ 'code' => 'UM'],
[ 'code' => 'US'],
[ 'code' => 'UY'],
[ 'code' => 'UZ'],
[ 'code' => 'VU'],
[ 'code' => 'VN'],
[ 'code' => 'WF'],
[ 'code' => 'EH'],
[ 'code' => 'YE'],
[ 'code' => 'ZM'],
[ 'code' => 'ZW'],
[ 'code' => 'VE'],
[ 'code' => 'VG'],
[ 'code' => 'KP'],
[ 'code' => 'FM'],
[ 'code' => 'IR'],
[ 'code' => 'PS'],
[ 'code' => 'BO'],
[ 'code' => 'TW'],
[ 'code' => 'KR'],
[ 'code' => 'MD'],
[ 'code' => 'BQ'],
[ 'code' => 'VI'],
[ 'code' => 'TZ'],
[ 'code' => 'CD'],
];
}

+ 46
- 23
app/Http/Livewire/Auth/Register/Individual.php View File

@ -9,6 +9,8 @@ use App\UserNature;
use App\UserType;
use Carbon\Carbon;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Http;
use Illuminate\Support\Str;
use Livewire\Component;
class Individual extends Component
@ -27,14 +29,14 @@ class Individual extends Component
/** @var array */
public $address = [
'street' => '',
'number' => '',
'city' => '',
'complement' => '',
'country' => 'BR',
'neighbourhood' => '',
'city' => '',
'state' => '',
'number' => '',
'postcode' => '',
'country' => '',
'state' => '',
'street' => '',
];
/** @var array */
@ -66,34 +68,55 @@ class Individual extends Component
public function updated($field)
{
$this->validateOnly($field, [
'email' => ['email', 'unique:users'],
'birthday' => ['date_format:d/m/Y'],
'address.street' => ['string'],
'address.number' => ['string'],
'address.city' => ['string'],
'address.complement' => ['string'],
'address.country' => ['string'],
'address.neighbourhood' => ['string'],
'address.city' => ['string'],
'address.state' => ['string'],
'address.number' => ['string'],
'address.postcode' => ['string'],
'address.country' => ['string'],
'address.state' => ['string'],
'address.street' => ['string'],
'birthday' => ['date_format:d/m/Y'],
'contribution' => ['numeric'],
'discussion' => ['string', 'in:all,daily,occasional'],
'document.number' => ['string'],
'document.type' => ['string', 'in:cpf,identity,passport'],
'email' => ['email', 'unique:users'],
'profile.bike_activities' => ['string'],
'profile.bike_use' => ['string'],
'profile.comments' => ['string'],
'profile.expectation' => ['string'],
'profile.gender' => ['string', 'in:male,female,other'],
'profile.occupation' => ['string'],
'profile.scholarity' => ['string', 'in:primary-school,high-school,bachelor,master,phd'],
'profile.org_participation' => ['string'],
'profile.phone' => ['string'],
'profile.scholarity' => ['string', 'in:primary-school,high-school,bachelor,master,phd'],
'profile.secondary_emails' => ['string'],
'profile.website' => ['string'],
'profile.social' => ['string'],
'profile.expectation' => ['string'],
'profile.bike_use' => ['string'],
'profile.org_participation' => ['string'],
'profile.bike_activities' => ['string'],
'profile.comments' => ['string'],
'profile.ucb_comments' => ['string'],
'document.type' => ['string', 'in:cpf,identity,passport'],
'document.number' => ['string'],
'discussion' => ['string', 'in:all,daily,occasional'],
'contribution' => ['numeric'],
'profile.website' => ['string'],
]);
if ($this->address['country'] === 'BR' && $field === 'address.postcode') {
$postcode = Str::slug($this->address['postcode'], '');
try {
$response = Http::timeout(5)->get("https://viacep.com.br/ws/$postcode/json");
if ($response->ok()) {
$address = $response->json();
$this->address['city'] = $response['localidade'];
$this->address['neighbourhood'] = $response['bairro'];
$this->address['state'] = $response['uf'];
$this->address['street'] = $response['logradouro'];
$this->dispatchBrowserEvent('address-autofilled');
}
} catch (\Illuminate\Http\Client\ConnectionException $exception) {
// TODO: show error to user
}
}
}
public function register()


+ 248
- 12
app/UserNature.php View File

@ -10,17 +10,253 @@ class UserNature extends Model
use Sushi;
protected $rows = [
[
'key' => 'individual',
'name' => 'Pessoa Física',
],
[
'key' => 'informal',
'name' => 'Coletivo Informal',
],
[
'key' => 'company',
'name' => 'Pessoa Jurídica',
]
[ 'code' => 'AF', 'name' => 'Afghanistan'],
[ 'code' => 'AX', 'name' => 'Aland Islands '],
[ 'code' => 'AL', 'name' => 'Albania'],
[ 'code' => 'DZ', 'name' => 'Algeria'],
[ 'code' => 'AS', 'name' => 'American Samoa'],
[ 'code' => 'AD', 'name' => 'Andorra'],
[ 'code' => 'AO', 'name' => 'Angola'],
[ 'code' => 'AI', 'name' => 'Anguilla'],
[ 'code' => 'AQ', 'name' => 'Antarctica'],
[ 'code' => 'AG', 'name' => 'Antigua and Barbuda'],
[ 'code' => 'AR', 'name' => 'Argentina'],
[ 'code' => 'AM', 'name' => 'Armenia'],
[ 'code' => 'AW', 'name' => 'Aruba'],
[ 'code' => 'AU', 'name' => 'Australia'],
[ 'code' => 'AT', 'name' => 'Austria'],
[ 'code' => 'AZ', 'name' => 'Azerbaijan'],
[ 'code' => 'BS', 'name' => 'Bahamas'],
[ 'code' => 'BH', 'name' => 'Bahrain'],
[ 'code' => 'BD', 'name' => 'Bangladesh'],
[ 'code' => 'BB', 'name' => 'Barbados'],
[ 'code' => 'BY', 'name' => 'Belarus'],
[ 'code' => 'BE', 'name' => 'Belgium'],
[ 'code' => 'BZ', 'name' => 'Belize'],
[ 'code' => 'BJ', 'name' => 'Benin'],
[ 'code' => 'BM', 'name' => 'Bermuda'],
[ 'code' => 'BT', 'name' => 'Bhutan'],
[ 'code' => 'BA', 'name' => 'Bosnia and Herzegovina'],
[ 'code' => 'BW', 'name' => 'Botswana'],
[ 'code' => 'BV', 'name' => 'Bouvet Island'],
[ 'code' => 'BR', 'name' => 'Brazil'],
[ 'code' => 'IO', 'name' => 'British Indian Ocean Territory'],
[ 'code' => 'BN', 'name' => 'Brunei Darussalam'],
[ 'code' => 'BG', 'name' => 'Bulgaria'],
[ 'code' => 'BF', 'name' => 'Burkina Faso'],
[ 'code' => 'BI', 'name' => 'Burundi'],
[ 'code' => 'KH', 'name' => 'Cambodia'],
[ 'code' => 'CM', 'name' => 'Cameroon'],
[ 'code' => 'CA', 'name' => 'Canada'],
[ 'code' => 'CV', 'name' => 'Cape Verde'],
[ 'code' => 'KY', 'name' => 'Cayman Islands'],
[ 'code' => 'CF', 'name' => 'Central African Republic'],
[ 'code' => 'TD', 'name' => 'Chad'],
[ 'code' => 'CL', 'name' => 'Chile'],
[ 'code' => 'CN', 'name' => 'China'],
[ 'code' => 'CX', 'name' => 'Christmas Island'],
[ 'code' => 'CC', 'name' => 'Cocos (Keeling) Islands'],
[ 'code' => 'CO', 'name' => 'Colombia'],
[ 'code' => 'KM', 'name' => 'Comoros'],
[ 'code' => 'CG', 'name' => 'Congo'],
[ 'code' => 'CK', 'name' => 'Cook Islands'],
[ 'code' => 'CR', 'name' => 'Costa Rica'],
[ 'code' => 'CI', 'name' => 'Cote d\'Ivoire'],
[ 'code' => 'HR', 'name' => 'Croatia'],
[ 'code' => 'CU', 'name' => 'Cuba'],
[ 'code' => 'CW', 'name' => 'Curaçao'],
[ 'code' => 'CY', 'name' => 'Cyprus'],
[ 'code' => 'CZ', 'name' => 'Czech Republic'],
[ 'code' => 'DK', 'name' => 'Denmark'],
[ 'code' => 'DJ', 'name' => 'Djibouti'],
[ 'code' => 'DM', 'name' => 'Dominica'],
[ 'code' => 'DO', 'name' => 'Dominican Republic'],
[ 'code' => 'EC', 'name' => 'Ecuador'],
[ 'code' => 'EG', 'name' => 'Egypt'],
[ 'code' => 'SV', 'name' => 'El Salvador'],
[ 'code' => 'GQ', 'name' => 'Equatorial Guinea'],
[ 'code' => 'ER', 'name' => 'Eritrea'],
[ 'code' => 'EE', 'name' => 'Estonia'],
[ 'code' => 'ET', 'name' => 'Ethiopia'],
[ 'code' => 'FK', 'name' => 'Falkland Islands (Malvinas)'],
[ 'code' => 'FO', 'name' => 'Faroe Islands'],
[ 'code' => 'FJ', 'name' => 'Fiji'],
[ 'code' => 'FI', 'name' => 'Finland'],
[ 'code' => 'FR', 'name' => 'France'],
[ 'code' => 'GF', 'name' => 'French Guiana'],
[ 'code' => 'PF', 'name' => 'French Polynesia'],
[ 'code' => 'TF', 'name' => 'French Southern Territories'],
[ 'code' => 'GA', 'name' => 'Gabon'],
[ 'code' => 'GM', 'name' => 'Gambia'],
[ 'code' => 'GE', 'name' => 'Georgia'],
[ 'code' => 'DE', 'name' => 'Germany'],
[ 'code' => 'GH', 'name' => 'Ghana'],
[ 'code' => 'GI', 'name' => 'Gibraltar'],
[ 'code' => 'GR', 'name' => 'Greece'],
[ 'code' => 'GL', 'name' => 'Greenland'],
[ 'code' => 'GD', 'name' => 'Grenada'],
[ 'code' => 'GP', 'name' => 'Guadeloupe'],
[ 'code' => 'GU', 'name' => 'Guam'],
[ 'code' => 'GT', 'name' => 'Guatemala'],
[ 'code' => 'GG', 'name' => 'Guernsey'],
[ 'code' => 'GN', 'name' => 'Guinea'],
[ 'code' => 'GW', 'name' => 'Guinea-Bissau'],
[ 'code' => 'GY', 'name' => 'Guyana'],
[ 'code' => 'HT', 'name' => 'Haiti'],
[ 'code' => 'HM', 'name' => 'Heard Island and McDonald Islands'],
[ 'code' => 'VA', 'name' => 'Holy See (Vatican City State)'],
[ 'code' => 'HN', 'name' => 'Honduras'],
[ 'code' => 'HK', 'name' => 'Hong Kong'],
[ 'code' => 'HU', 'name' => 'Hungary'],
[ 'code' => 'IS', 'name' => 'Iceland'],
[ 'code' => 'IN', 'name' => 'India'],
[ 'code' => 'ID', 'name' => 'Indonesia'],
[ 'code' => 'IQ', 'name' => 'Iraq'],
[ 'code' => 'IE', 'name' => 'Ireland'],
[ 'code' => 'IM', 'name' => 'Isle of Man'],
[ 'code' => 'IL', 'name' => 'Israel'],
[ 'code' => 'IT', 'name' => 'Italy'],
[ 'code' => 'JM', 'name' => 'Jamaica'],
[ 'code' => 'JP', 'name' => 'Japan'],
[ 'code' => 'JE', 'name' => 'Jersey'],
[ 'code' => 'JO', 'name' => 'Jordan'],
[ 'code' => 'KZ', 'name' => 'Kazakhstan'],
[ 'code' => 'KE', 'name' => 'Kenya'],
[ 'code' => 'KI', 'name' => 'Kiribati'],
[ 'code' => 'KW', 'name' => 'Kuwait'],
[ 'code' => 'KG', 'name' => 'Kyrgyzstan'],
[ 'code' => 'LA', 'name' => 'Lao People\'s Democratic Republic'],
[ 'code' => 'LV', 'name' => 'Latvia'],
[ 'code' => 'LB', 'name' => 'Lebanon'],
[ 'code' => 'LS', 'name' => 'Lesotho'],
[ 'code' => 'LR', 'name' => 'Liberia'],
[ 'code' => 'LY', 'name' => 'Libyan Arab Jamahiriya'],
[ 'code' => 'LI', 'name' => 'Liechtenstein'],
[ 'code' => 'LT', 'name' => 'Lithuania'],
[ 'code' => 'LU', 'name' => 'Luxembourg'],
[ 'code' => 'MO', 'name' => 'Macao'],
[ 'code' => 'MK', 'name' => 'Macedonia'],
[ 'code' => 'MG', 'name' => 'Madagascar'],
[ 'code' => 'MW', 'name' => 'Malawi'],
[ 'code' => 'MY', 'name' => 'Malaysia'],
[ 'code' => 'MV', 'name' => 'Maldives'],
[ 'code' => 'ML', 'name' => 'Mali'],
[ 'code' => 'MT', 'name' => 'Malta'],
[ 'code' => 'MH', 'name' => 'Marshall Islands'],
[ 'code' => 'MQ', 'name' => 'Martinique'],
[ 'code' => 'MR', 'name' => 'Mauritania'],
[ 'code' => 'MU', 'name' => 'Mauritius'],
[ 'code' => 'YT', 'name' => 'Mayotte'],
[ 'code' => 'MX', 'name' => 'Mexico'],
[ 'code' => 'MC', 'name' => 'Monaco'],
[ 'code' => 'MN', 'name' => 'Mongolia'],
[ 'code' => 'ME', 'name' => 'Montenegro'],
[ 'code' => 'MS', 'name' => 'Montserrat'],
[ 'code' => 'MA', 'name' => 'Morocco'],
[ 'code' => 'MZ', 'name' => 'Mozambique'],
[ 'code' => 'MM', 'name' => 'Myanmar'],
[ 'code' => 'NA', 'name' => 'Namibia'],
[ 'code' => 'NR', 'name' => 'Nauru'],
[ 'code' => 'NP', 'name' => 'Nepal'],
[ 'code' => 'NL', 'name' => 'Netherlands'],
[ 'code' => 'NC', 'name' => 'New Caledonia'],
[ 'code' => 'NZ', 'name' => 'New Zealand'],
[ 'code' => 'NI', 'name' => 'Nicaragua'],
[ 'code' => 'NE', 'name' => 'Niger'],
[ 'code' => 'NG', 'name' => 'Nigeria'],
[ 'code' => 'NU', 'name' => 'Niue'],
[ 'code' => 'NF', 'name' => 'Norfolk Island'],
[ 'code' => 'MP', 'name' => 'Northern Mariana Islands'],
[ 'code' => 'NO', 'name' => 'Norway'],
[ 'code' => 'OM', 'name' => 'Oman'],
[ 'code' => 'PK', 'name' => 'Pakistan'],
[ 'code' => 'PW', 'name' => 'Palau'],
[ 'code' => 'PA', 'name' => 'Panama'],
[ 'code' => 'PG', 'name' => 'Papua New Guinea'],
[ 'code' => 'PY', 'name' => 'Paraguay'],
[ 'code' => 'PE', 'name' => 'Peru'],
[ 'code' => 'PH', 'name' => 'Philippines'],
[ 'code' => 'PN', 'name' => 'Pitcairn'],
[ 'code' => 'PL', 'name' => 'Poland'],
[ 'code' => 'PT', 'name' => 'Portugal'],
[ 'code' => 'PR', 'name' => 'Puerto Rico'],
[ 'code' => 'QA', 'name' => 'Qatar'],
[ 'code' => 'RE', 'name' => 'Reunion'],
[ 'code' => 'RO', 'name' => 'Romania'],
[ 'code' => 'RU', 'name' => 'Russian Federation'],
[ 'code' => 'RW', 'name' => 'Rwanda'],
[ 'code' => 'BL', 'name' => 'Saint Barthélemy'],
[ 'code' => 'SH', 'name' => 'Saint Helena'],
[ 'code' => 'KN', 'name' => 'Saint Kitts and Nevis'],
[ 'code' => 'LC', 'name' => 'Saint Lucia'],
[ 'code' => 'MF', 'name' => 'Saint Martin (French part)'],
[ 'code' => 'PM', 'name' => 'Saint Pierre and Miquelon'],
[ 'code' => 'VC', 'name' => 'Saint Vincent and the Grenadines'],
[ 'code' => 'WS', 'name' => 'Samoa'],
[ 'code' => 'SM', 'name' => 'San Marino'],
[ 'code' => 'ST', 'name' => 'Sao Tome and Principe'],
[ 'code' => 'SA', 'name' => 'Saudi Arabia'],
[ 'code' => 'SN', 'name' => 'Senegal'],
[ 'code' => 'RS', 'name' => 'Serbia'],
[ 'code' => 'SC', 'name' => 'Seychelles'],
[ 'code' => 'SL', 'name' => 'Sierra Leone'],
[ 'code' => 'SG', 'name' => 'Singapore'],
[ 'code' => 'SX', 'name' => 'Sint Maarten (Dutch part)'],
[ 'code' => 'SK', 'name' => 'Slovakia'],
[ 'code' => 'SI', 'name' => 'Slovenia'],
[ 'code' => 'SB', 'name' => 'Solomon Islands'],
[ 'code' => 'SO', 'name' => 'Somalia'],
[ 'code' => 'ZA', 'name' => 'South Africa'],
[ 'code' => 'GS', 'name' => 'South Georgia and the South Sandwich Islands'],
[ 'code' => 'ES', 'name' => 'Spain'],
[ 'code' => 'LK', 'name' => 'Sri Lanka'],
[ 'code' => 'SD', 'name' => 'Sudan'],
[ 'code' => 'SR', 'name' => 'Suriname'],
[ 'code' => 'SJ', 'name' => 'Svalbard and Jan Mayen'],
[ 'code' => 'SZ', 'name' => 'Swaziland'],
[ 'code' => 'SE', 'name' => 'Sweden'],
[ 'code' => 'CH', 'name' => 'Switzerland'],
[ 'code' => 'SY', 'name' => 'Syrian Arab Republic'],
[ 'code' => 'TJ', 'name' => 'Tajikistan'],
[ 'code' => 'TH', 'name' => 'Thailand'],
[ 'code' => 'TL', 'name' => 'Timor-Leste'],
[ 'code' => 'TG', 'name' => 'Togo'],
[ 'code' => 'TK', 'name' => 'Tokelau'],
[ 'code' => 'TO', 'name' => 'Tonga'],
[ 'code' => 'TT', 'name' => 'Trinidad and Tobago'],
[ 'code' => 'TN', 'name' => 'Tunisia'],
[ 'code' => 'TR', 'name' => 'Turkey'],
[ 'code' => 'TM', 'name' => 'Turkmenistan'],
[ 'code' => 'TC', 'name' => 'Turks and Caicos Islands'],
[ 'code' => 'TV', 'name' => 'Tuvalu'],
[ 'code' => 'UG', 'name' => 'Uganda'],
[ 'code' => 'UA', 'name' => 'Ukraine'],
[ 'code' => 'AE', 'name' => 'United Arab Emirates'],
[ 'code' => 'GB', 'name' => 'United Kingdom'],
[ 'code' => 'UM', 'name' => 'United States Minor Outlying Islands'],
[ 'code' => 'US', 'name' => 'United States'],
[ 'code' => 'UY', 'name' => 'Uruguay'],
[ 'code' => 'UZ', 'name' => 'Uzbekistan'],
[ 'code' => 'VU', 'name' => 'Vanuatu'],
[ 'code' => 'VN', 'name' => 'Viet Nam'],
[ 'code' => 'WF', 'name' => 'Wallis and Futuna'],
[ 'code' => 'EH', 'name' => 'Western Sahara'],
[ 'code' => 'YE', 'name' => 'Yemen'],
[ 'code' => 'ZM', 'name' => 'Zambia'],
[ 'code' => 'ZW', 'name' => 'Zimbabwe'],
[ 'code' => 'VE', 'name' => 'Venezuela, Bolivarian Republic of'],
[ 'code' => 'VG', 'name' => 'Virgin Islands, British'],
[ 'code' => 'KP', 'name' => 'Korea, Democratic People\'s Republic of'],
[ 'code' => 'FM', 'name' => 'Micronesia, Federated States of'],
[ 'code' => 'IR', 'name' => 'Iran, Islamic Republic of'],
[ 'code' => 'PS', 'name' => 'Palestinian Territory, Occupied'],
[ 'code' => 'BO', 'name' => 'Bolivia, Plurinational State of'],
[ 'code' => 'TW', 'name' => 'Taiwan, Province of China'],
[ 'code' => 'KR', 'name' => 'Korea, Republic of'],
[ 'code' => 'MD', 'name' => 'Moldova, Republic of'],
[ 'code' => 'BQ', 'name' => 'Bonaire, Sint Eustatius and Saba'],
[ 'code' => 'VI', 'name' => 'Virgin Islands, U.S.'],
[ 'code' => 'TZ', 'name' => 'Tanzania, United Republic of'],
[ 'code' => 'CD', 'name' => 'Congo, the Democratic Republic of the'],
];
}

+ 1
- 1
public/css/app.css
File diff suppressed because it is too large
View File


+ 1
- 1
public/js/app.js.map
File diff suppressed because it is too large
View File


+ 2
- 2
public/mix-manifest.json View File

@ -1,5 +1,5 @@
{
"/js/app.js": "/js/app.js?id=c96c4e4417ad9efc981d",
"/css/app.css": "/css/app.css?id=6dff98a4aabb1dc689b4",
"/js/app.js.map": "/js/app.js.map?id=66fb29128da8e3b8ca66"
"/css/app.css": "/css/app.css?id=279ed9f80602d12f958b",
"/js/app.js.map": "/js/app.js.map?id=8a4ea1e37c17db13cc91"
}

+ 1
- 0
resources/js/app.js View File

@ -2,3 +2,4 @@ require('./bootstrap');
import Cleave from 'cleave.js';
require('cleave.js/dist/addons/cleave-phone.br');

+ 248
- 0
resources/lang/pt-BR/countries.php View File

@ -0,0 +1,248 @@
<?php
return [
'AF' => 'Afeganistão',
'ZA' => 'África do Sul',
'AX' => 'Åland, Ilhas',
'AL' => 'Albânia',
'DE' => 'Alemanha',
'AD' => 'Andorra',
'AO' => 'Angola',
'AI' => 'Anguilla',
'AQ' => 'Antárctida',
'AG' => 'Antigua e Barbuda',
'AN' => 'Antilhas Holandesas',
'SA' => 'Arábia Saudita',
'DZ' => 'Argélia',
'AR' => 'Argentina',
'AM' => 'Arménia',
'AW' => 'Aruba',
'AU' => 'Austrália',
'AT' => 'Áustria',
'AZ' => 'Azerbeijão',
'BS' => 'Bahamas',
'BH' => 'Bahrain',
'BD' => 'Bangladesh',
'BB' => 'Barbados',
'BE' => 'Bélgica',
'BZ' => 'Belize',
'BJ' => 'Benin',
'BM' => 'Bermuda',
'BY' => 'Bielo-Rússia',
'BO' => 'Bolívia',
'BA' => 'Bósnia-Herzegovina',
'BW' => 'Botswana',
'BV' => 'Bouvet, Ilha',
'BR' => 'Brasil',
'BN' => 'Brunei',
'BG' => 'Bulgária',
'BF' => 'Burkina Faso',
'BI' => 'Burundi',
'BT' => 'Butão',
'CV' => 'Cabo Verde',
'KH' => 'Cambodja',
'CM' => 'Camarões',
'CA' => 'Canadá',
'KY' => 'Cayman, Ilhas',
'KZ' => 'Cazaquistão',
'CF' => 'Centro-africana, República',
'TD' => 'Chade',
'CZ' => 'Checa, República',
'CL' => 'Chile',
'CN' => 'China',
'CY' => 'Chipre',
'CX' => 'Christmas, Ilha',
'CC' => 'Cocos, Ilhas',
'CO' => 'Colômbia',
'KM' => 'Comores',
'CG' => 'Congo, República do',
'CD' => 'Congo',
'CK' => 'Cook, Ilhas',
'KR' => 'Coreia do Sul',
'KP' => 'Coreia do Norte',
'CI' => 'Costa do Marfim',
'CR' => 'Costa Rica',
'HR' => 'Croácia',
'CU' => 'Cuba',
'DK' => 'Dinamarca',
'DJ' => 'Djibouti',
'DM' => 'Dominica',
'DO' => 'Dominicana, República',
'EG' => 'Egipto',
'SV' => 'El Salvador',
'AE' => 'Emiratos Árabes Unidos',
'EC' => 'Equador',
'ER' => 'Eritreia',
'SK' => 'Eslováquia',
'SI' => 'Eslovénia',
'ES' => 'Espanha',
'US' => 'Estados Unidos',
'EE' => 'Estónia',
'ET' => 'Etiópia',
'FO' => 'Faroe, Ilhas',
'FJ' => 'Fiji',
'PH' => 'Filipinas',
'FI' => 'Finlândia',
'FR' => 'França',
'GA' => 'Gabão',
'GM' => 'Gâmbia',
'GH' => 'Gana',
'GE' => 'Geórgia',
'GS' => 'Geórgia do Sul e Sandwich do Sul, Ilhas',
'GI' => 'Gibraltar',
'GR' => 'Grécia',
'GD' => 'Grenada',
'GL' => 'Gronelândia',
'GP' => 'Guadeloupe',
'GU' => 'Guam',
'GT' => 'Guatemala',
'GG' => 'Guernsey',
'GY' => 'Guiana',
'GF' => 'Guiana Francesa',
'GW' => 'Guiné-Bissau',
'GN' => 'Guiné-Conacri',
'GQ' => 'Guiné Equatorial',
'HT' => 'Haiti',
'HM' => 'Heard e Ilhas McDonald, Ilha',
'HN' => 'Honduras',
'HK' => 'Hong Kong',
'HU' => 'Hungria',
'YE' => 'Iémen',
'IN' => 'Índia',
'ID' => 'Indonésia',
'IQ' => 'Iraque',
'IR' => 'Irão',
'IE' => 'Irlanda',
'IS' => 'Islândia',
'IL' => 'Israel',
'IT' => 'Itália',
'JM' => 'Jamaica',
'JP' => 'Japão',
'JE' => 'Jersey',
'JO' => 'Jordânia',
'KI' => 'Kiribati',
'KW' => 'Kuwait',
'LA' => 'Laos',
'LS' => 'Lesoto',
'LV' => 'Letónia',
'LB' => 'Líbano',
'LR' => 'Libéria',
'LY' => 'Líbia',
'LI' => 'Liechtenstein',
'LT' => 'Lituânia',
'LU' => 'Luxemburgo',
'MO' => 'Macau',
'MK' => 'Macedónia, República da',
'MG' => 'Madagáscar',
'MY' => 'Malásia',
'MW' => 'Malawi',
'MV' => 'Maldivas',
'ML' => 'Mali',
'MT' => 'Malta',
'FK' => 'Malvinas, Ilhas (Falkland)',
'IM' => 'Man, Ilha de',
'MP' => 'Marianas Setentrionais',
'MA' => 'Marrocos',
'MH' => 'Marshall, Ilhas',
'MQ' => 'Martinica',
'MU' => 'Maurícia',
'MR' => 'Mauritânia',
'YT' => 'Mayotte',
'UM' => 'Menores Distantes dos Estados Unidos, Ilhas',
'MX' => 'México',
'MM' => 'Myanmar (antiga Birmânia)',
'FM' => 'Micronésia, Estados Federados da',
'MZ' => 'Moçambique',
'MD' => 'Moldávia',
'MC' => 'Mónaco',
'MN' => 'Mongólia',
'ME' => 'Montenegro',
'MS' => 'Montserrat',
'NA' => 'Namíbia',
'NR' => 'Nauru',
'NP' => 'Nepal',
'NI' => 'Nicarágua',
'NE' => 'Níger',
'NG' => 'Nigéria',
'NU' => 'Niue',
'NF' => 'Norfolk, Ilha',
'NO' => 'Noruega',
'NC' => 'Nova Caledónia',
'NZ' => 'Nova Zelândia',
'OM' => 'Oman',
'NL' => 'Países Baixos (Holanda)',
'PW' => 'Palau',
'PS' => 'Palestina',
'PA' => 'Panamá',
'PG' => 'Papua-Nova Guiné',
'PK' => 'Paquistão',
'PY' => 'Paraguai',
'PE' => 'Peru',
'PN' => 'Pitcairn',
'PF' => 'Polinésia Francesa',
'PL' => 'Polónia',
'PR' => 'Porto Rico',
'PT' => 'Portugal',
'QA' => 'Qatar',
'KE' => 'Quénia',
'KG' => 'Quirguistão',
'GB' => 'Reino Unido',
'RE' => 'Reunião',
'RO' => 'Roménia',
'RW' => 'Ruanda',
'RU' => 'Rússia',
'EH' => 'Saara Ocidental',
'AS' => 'Samoa Americana',
'WS' => 'Samoa (Samoa Ocidental)',
'PM' => 'Saint Pierre et Miquelon',
'SB' => 'Salomão, Ilhas',
'KN' => 'São Cristóvão e Névis',
'SM' => 'San Marino',
'ST' => 'São Tomé e Príncipe',
'VC' => 'São Vicente e Granadinas',
'SH' => 'Santa Helena',
'LC' => 'Santa Lúcia',
'SN' => 'Senegal',
'SL' => 'Serra Leoa',
'RS' => 'Sérvia',
'SC' => 'Seychelles',
'SG' => 'Singapura',
'SY' => 'Síria',
'SO' => 'Somália',
'LK' => 'Sri Lanka',
'SZ' => 'Suazilândia',
'SD' => 'Sudão',
'SE' => 'Suécia',
'CH' => 'Suíça',
'SR' => 'Suriname',
'SJ' => 'Svalbard e Jan Mayen',
'TH' => 'Tailândia',
'TW' => 'Taiwan',
'TJ' => 'Tajiquistão',
'TZ' => 'Tanzânia',
'TF' => 'Terras Austrais e Antárticas Francesas (TAAF)',
'IO' => 'Território Britânico do Oceano Índico',
'TL' => 'Timor-Leste',
'TG' => 'Togo',
'TK' => 'Toquelau',
'TO' => 'Tonga',
'TT' => 'Trindade e Tobago',
'TN' => 'Tunísia',
'TC' => 'Turks e Caicos',
'TM' => 'Turquemenistão',
'TR' => 'Turquia',
'TV' => 'Tuvalu',
'UA' => 'Ucrânia',
'UG' => 'Uganda',
'UY' => 'Uruguai',
'UZ' => 'Usbequistão',
'VU' => 'Vanuatu',
'VA' => 'Vaticano',
'VE' => 'Venezuela',
'VN' => 'Vietname',
'VI' => 'Virgens Americanas, Ilhas',
'VG' => 'Virgens Britânicas, Ilhas',
'WF' => 'Wallis e Futuna',
'ZM' => 'Zâmbia',
'ZW' => 'Zimbabwe',
];

+ 23
- 0
resources/views/components/input/radio-group.blade.php View File

@ -0,0 +1,23 @@
@props([
'label',
'inline' => false,
'error' => false,
])
<div {{ $attributes }}>
<span class="block text-sm font-medium text-gray-700 leading-5">
{{ $label }}
</span>
<div class="mt-2 @if($inline) flex flex-col lg:flex-row space-y-1 lg:space-y-0 lg:space-x-4 @endif">
{{ $slot }}
</div>
@if ($error)
<p class="mt-2 text-sm text-red-600">
{{ $error }}
</p>
@endif
</div>

+ 14
- 0
resources/views/components/input/select.blade.php View File

@ -0,0 +1,14 @@
@props([
'state' => null,
])
<div class="mt-1 rounded-md shadow-sm">
<select
{{ $attributes }}
class="block w-full px-3 py-2 border border-gray-300 rounded-md placeholder-gray-400 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition duration-150 ease-in-out sm:text-sm sm:leading-5
@if ($state === false) border-red-300 text-red-900 placeholder-red-300 focus:border-red-300 focus:shadow-outline-red @endif"
>
{{ $slot }}
</select>
</div>

+ 71
- 55
resources/views/livewire/auth/register/individual.blade.php View File

@ -37,39 +37,45 @@
<x-input.group label="{{ __('users.attributes.name') }}" for="name" :error="$errors->first('name')">
<x-input.text wire:model.lazy="name" id="name" :state="$errors->has('name') ? false : null" required autofocus />
</x-input-group>
</x-input.group>
<x-input.group label="{{ __('users.attributes.birthday') }}" for="birthday" :error="$errors->first('birthday')">
<x-input.text wire:model.lazy="birthday" id="birthday" mask="date" placeholder="dd/mm/yyyy" :state="$errors->has('birthday') ? false : null" required />
</x-input-group>
</x-input.group>
<x-input.group label="{{ __('users.attributes.profile.gender') }}" for="profile-gender" :error="$errors->first('profile.gender')">
<x-input.radio-group label="{{ __('users.attributes.profile.gender') }}" :inline="true" :error="$errors->first('profile.gender')">
<x-input.radio wire:model.lazy="profile.gender" name="profile-gender" label="Homem" value="male" :state="$errors->has('profile.gender') ? false : null" required />
<x-input.radio wire:model.lazy="profile.gender" name="profile-gender" label="Mulher" value="female" :state="$errors->has('profile.gender') ? false : null" required />
<x-input.radio wire:model.lazy="profile.gender" name="profile-gender" label="Outro" value="other" :state="$errors->has('profile.gender') ? false : null" required />
</x-input-group>
</x-input-radio-group>
<x-input.group label="{{ __('users.attributes.document.type') }}" for="document-type" :error="$errors->first('document.type')">
<x-input.radio wire:model.lazy="document.type" name="document-type" label="CPF" value="cpf" :state="$errors->has('document.type') ? false : null" required />
<x-input.radio wire:model.lazy="document.type" name="document-type" label="Carteira de Identidade" value="identity" :state="$errors->has('document.type') ? false : null" required />
<x-input.radio wire:model.lazy="document.type" name="document-type" label="Passaporte" value="passport" :state="$errors->has('document.type') ? false : null" required />
</x-input-group>
<div class="flex flex-wrap -mx-2">
<x-input.group class="px-2 w-full lg:w-1/2 mt-6 lg:mt-0" label="{{ __('users.attributes.document.type') }}" for="document-type" :error="$errors->first('document.type')">
<x-input.select wire:model.lazy="document.type" id="document-type">
<option value="cpf">CPF</option>
<option value="identity">Carteira de Identidade</option>
<option value="passport">Passaporte</option>
</x-input.select>
</x-input.group>
<x-input.group label="{{ __('users.attributes.document.number') }}" for="document-number" :error="$errors->first('document.number')">
<x-input.text wire:model.lazy="document.number" id="document-number" :state="$errors->has('document.number') ? false : null" required />
</x-input-group>
<x-input.group class="px-2 w-full lg:w-1/2 mt-6 lg:mt-0" label="{{ __('users.attributes.document.number') }}" for="document-number" :error="$errors->first('document.number')">
<x-input.text wire:model.lazy="document.number" id="document-number" :state="$errors->has('document.number') ? false : null" required />
</x-input.group>
</div>
<x-input.group label="{{ __('users.attributes.profile.occupation') }}" for="profile-occupation" :error="$errors->first('profile.occupation')">
<x-input.text wire:model.lazy="profile.occupation" id="profile-occupation" placeholder="Profissão ou ocupação principal" :state="$errors->has('profile.occupation') ? false : null" required />
</x-input-group>
</x-input.group>
<x-input.group label="{{ __('users.attributes.profile.scholarity') }}" for="profile-scholarity" :error="$errors->first('profile.scholarity')">
<x-input.radio-group label="{{ __('users.attributes.profile.scholarity') }}" :error="$errors->first('profile.scholarity')">
<x-input.radio wire:model.lazy="profile.scholarity" name="profile-scholarity" label="Ensino fundamental" value="primary-school" :state="$errors->has('profile.scholarity') ? false : null" required />
<x-input.radio wire:model.lazy="profile.scholarity" name="profile-scholarity" label="Ensino médio" value="high-school" :state="$errors->has('profile.scholarity') ? false : null" required />
<x-input.radio wire:model.lazy="profile.scholarity" name="profile-scholarity" label="Graduação" value="bachelor" :state="$errors->has('profile.scholarity') ? false : null" required />
<x-input.radio wire:model.lazy="profile.scholarity" name="profile-scholarity" label="Mestrado" value="master" :state="$errors->has('profile.scholarity') ? false : null" required />
<x-input.radio wire:model.lazy="profile.scholarity" name="profile-scholarity" label="Doutorado" value="phd" :state="$errors->has('profile.scholarity') ? false : null" required />
</x-input-group>
</x-input.radio-group>
</div>
</div>
@ -93,69 +99,79 @@
<div class="lg:pl-6 w-full lg:w-2/3">
<div class="px-4 py-8 bg-white shadow sm:rounded-lg sm:px-10 space-y-6">
<div x-data="{}" class="flex flex-wrap -mx-2">
<x-input.group class="px-2 w-full lg:w-1/2" label="{{ __('users.attributes.address.country') }}" for="address-country" :error="$errors->first('address.country')">
<x-input.select wire:model="address.country" @input="document.getElementById('address-postcode').dispatchEvent(new Event('refreshMask', {detail: {mask: null}}))" id="address-country" :state="$errors->has('address.country') ? false : null" required>
@foreach (\App\Country::all() as $country)
<option value="{{ $country->code }}">{{ __('countries.' . $country->code) }}</option>
@endforeach
</x-input.select>
</x-input.group>
@if ($address['country'] === 'BR')
<x-input.group class="px-2 w-full lg:w-1/2" label="{{ __('users.attributes.address.postcode') }}" for="address-postcode-masked" :error="$errors->first('address.postcode')">
<x-input.text wire:model.lazy="address.postcode" id="address-postcode-masked" mask="postcode" :state="$errors->has('address.postcode') ? false : null" required />
</x-input.group>
@else
<x-input.group class="px-2 w-full lg:w-1/2" label="{{ __('users.attributes.address.postcode') }}" for="address-postcode" :error="$errors->first('address.postcode')">
<x-input.text wire:model.lazy="address.postcode" id="address-postcode" :state="$errors->has('address.postcode') ? false : null" required />
</x-input.group>
@endif
</div>
<x-input.group label="{{ __('users.attributes.address.street') }}" for="address-street" :error="$errors->first('address.street')">
<x-input.text wire:model.lazy="address.street" id="address-street" :state="$errors->has('address.street') ? false : null" required />
</x-input-group>
<x-input.text wire:model.lazy="address.street" wire:target="address.postcode" wire:loading.attr="disabled" id="address-street" :state="$errors->has('address.street') ? false : null" required />
</x-input.group>
<div class="flex flex-wrap -mx-2">
<x-input.group class="px-2 w-full lg:w-1/2 mt-6 lg:mt-0" label="{{ __('users.attributes.address.number') }}" for="address-number" :error="$errors->first('address.number')">
<x-input.text wire:model.lazy="address.number" id="address-number" :state="$errors->has('address.number') ? false : null" required />
</x-input-group>
<x-input.group x-data="{}" class="px-2 w-full lg:w-1/4 mt-6 lg:mt-0" label="{{ __('users.attributes.address.number') }}" for="address-number" :error="$errors->first('address.number')">
<x-input.text wire:model.lazy="address.number" @address-autofilled.window="$refs.addressNumber.focus()" x-ref="addressNumber" id="address-number" :state="$errors->has('address.number') ? false : null" required />
</x-input.group>
<x-input.group class="px-2 w-full lg:w-1/2" label="{{ __('users.attributes.address.complement') }}" for="address-complement" :error="$errors->first('address.complement')">
<x-input.group class="px-2 w-full lg:w-1/4" label="{{ __('users.attributes.address.complement') }}" for="address-complement" :error="$errors->first('address.complement')">
<x-input.text wire:model.lazy="address.complement" id="address-complement" :state="$errors->has('address.complement') ? false : null" />
</x-input-group>
</div>
<div class="flex flex-wrap -mx-2">
</x-input.group>
<x-input.group class="px-2 w-full lg:w-1/2 mt-6 lg:mt-0" label="{{ __('users.attributes.address.neighbourhood') }}" for="address-neighbourhood" :error="$errors->first('address.neighbourhood')">
<x-input.text wire:model.lazy="address.neighbourhood" id="address-neighbourhood" :state="$errors->has('address.neighbourhood') ? false : null" required />
</x-input-group>
<x-input.group class="px-2 w-full lg:w-1/2" label="{{ __('users.attributes.address.city') }}" for="address-city" :error="$errors->first('address.city')">
<x-input.text wire:model.lazy="address.city" id="address-city" :state="$errors->has('address.city') ? false : null" required />
</x-input-group>
<x-input.text wire:model.lazy="address.neighbourhood" wire:target="address.postcode" wire:loading.attr="disabled" id="address-neighbourhood" :state="$errors->has('address.neighbourhood') ? false : null" required />
</x-input.group>
</div>
<div class="flex flex-wrap -mx-2">
<x-input.group class="px-2 w-full lg:w-1/2 mt-6 lg:mt-0" label="{{ __('users.attributes.address.state') }}" for="address-state" :error="$errors->first('address.state')">
<x-input.text wire:model.lazy="address.state" id="address-state" :state="$errors->has('address.state') ? false : null" required />
</x-input-group>
<x-input.group class="px-2 w-full lg:w-1/2" label="{{ __('users.attributes.address.city') }}" for="address-city" :error="$errors->first('address.city')">
<x-input.text wire:model.lazy="address.city" wire:target="address.postcode" wire:loading.attr="disabled" id="address-city" :state="$errors->has('address.city') ? false : null" required />
</x-input.group>
<x-input.group class="px-2 w-full lg:w-1/2" label="{{ __('users.attributes.address.postcode') }}" for="address-postcode" :error="$errors->first('address.postcode')">
<x-input.text wire:model.lazy="address.postcode" id="address-postcode" mask="postcode" :state="$errors->has('address.postcode') ? false : null" required />
</x-input-group>
<x-input.group class="px-2 w-full lg:w-1/2 mt-6 lg:mt-0" label="{{ __('users.attributes.address.state') }}" for="address-state" :error="$errors->first('address.state')">
<x-input.text wire:model.lazy="address.state" wire:target="address.postcode" wire:loading.attr="disabled" id="address-state" :state="$errors->has('address.state') ? false : null" required />
</x-input.group>
</div>
<x-input.group label="{{ __('users.attributes.address.country') }}" for="address-country" :error="$errors->first('address.country')">
<x-input.text wire:model.lazy="address.country" id="address-country" mask="country" :state="$errors->has('address.country') ? false : null" required />
</x-input-group>
<x-input.group label="{{ __('users.attributes.profile.phone') }}" for="profile-phone" :error="$errors->first('profile.phone')">
<x-input.text wire:model.lazy="profile.phone" id="profile-phone" mask="phone" :state="$errors->has('profile.phone') ? false : null" required />
</x-input-group>
</x-input.group>
<x-input.group label="{{ __('users.attributes.email') }}" for="email" :error="$errors->first('email')">
<x-input.email wire:model.lazy="email" id="email" :state="$errors->has('email') ? false : null" required />
</x-input-group>
</x-input.group>
<x-input.group label="{{ __('users.attributes.profile.secondary_emails') }}" for="profile-secondary_emails" :error="$errors->first('profile.secondary_emails')">
<x-input.textarea wire:model.lazy="profile.secondary_emails" id="profile-secondary_emails" :state="$errors->has('profile.secondary_emails') ? false : null" />
</x-input-group>
</x-input.group>
<x-input.group label="{{ __('users.attributes.profile.website') }}" for="profile-website" :error="$errors->first('profile.website')">
<x-input.text wire:model.lazy="profile.website" id="profile-website" :state="$errors->has('profile.website') ? false : null" />
</x-input-group>
</x-input.group>
<x-input.group label="{{ __('users.attributes.profile.social') }}" for="profile-social" :error="$errors->first('profile.social')">
<x-input.text wire:model.lazy="profile.social" id="profile-social" :state="$errors->has('profile.social') ? false : null" />
</x-input-group>
</x-input.group>
</div>
</div>
@ -179,29 +195,29 @@
<div class="lg:pl-6 w-full lg:w-2/3">
<div class="px-4 py-8 bg-white shadow sm:rounded-lg sm:px-10 space-y-6">
<x-input.group label="{{ __('users.attributes.discussion') }}" for="discussion" :error="$errors->first('discussion')">
<x-input.radio-group label="{{ __('users.attributes.discussion') }}" :error="$errors->first('discussion')">
<x-input.radio wire:model.lazy="discussion" name="discussion" label="Participar da discussão (todos os e-mails)" value="all" :state="$errors->has('discussion') ? false : null" required />
<x-input.radio wire:model.lazy="discussion" name="discussion" label="Compilação da discussão (1 e-mail por dia)" value="daily" :state="$errors->has('discussion') ? false : null" required />
<x-input.radio wire:model.lazy="discussion" name="discussion" label="Notificações ocasionais da diretoria" value="occasional" :state="$errors->has('discussion') ? false : null" required />
</x-input-group>
</x-input.radio-group>
<x-input.group label="{{ __('users.attributes.profile.expectation') }}" for="profile-expectation" :error="$errors->first('profile.expectation')">
<x-input.textarea wire:model.lazy="profile.expectation" id="profile-expectation" placeholder="O que você espera que UCB consiga ou faça: atuação, conquistas, pautas (descreva brevemente)?" :state="$errors->has('profile.expectation') ? false : null" />
</x-input-group>
</x-input.group>
<x-input.group label="{{ __('users.attributes.profile.bike_use') }}" for="profile-bike_use" :error="$errors->first('profile.bike_use')">
<x-input.textarea wire:model.lazy="profile.bike_use" id="profile-bike_use" placeholder="Por quê e para quê usa a bicicleta? Descreva brevemente" :state="$errors->has('profile.bike_use') ? false : null" />
</x-input-group>
</x-input.group>
<x-input.group label="{{ __('users.attributes.profile.org_participation') }}" for="profile-org_participation" :error="$errors->first('profile.org_participation')">
<x-input.textarea wire:model.lazy="profile.bike_use" id="profile-bike_use" placeholder="Você participa em associações ou coletivos de ciclistas que promovem a bicicleta? Quais? " :state="$errors->has('profile.bike_use') ? false : null" />
</x-input-group>
</x-input.group>
<x-input.group label="{{ __('users.attributes.profile.bike_activities') }}" for="profile-bike_activities" :error="$errors->first('profile.bike_activities')">
<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.group>
<x-input.group label="{{ __('users.attributes.contribution') }}" for="contribution" :error="$errors->first('contribution')">
<x-input.radio-group 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 />
@ -216,7 +232,7 @@
<x-input.text wire:model.lazy="contribution" :state="$errors->has('contribution') ? false : null" />
</x-input.radio>
</x-input-group>
</x-input.radio-group>
</div>
</div>