Logo, show more fields

This commit is contained in:
Benjamin Beganović 2020-06-22 10:47:55 +02:00
parent 01094a2b5e
commit fae29a8dfe
3 changed files with 163 additions and 153 deletions

View File

@ -21,7 +21,9 @@ class ContactRegisterController extends Controller
public function showRegisterForm(string $company_key) public function showRegisterForm(string $company_key)
{ {
return render('auth.register'); $company = Company::where('company_key', $company_key)->firstOrFail();
return render('auth.register', compact(['company']));
} }
public function register(RegisterRequest $request) public function register(RegisterRequest $request)

View File

@ -1,10 +1,13 @@
@extends('portal.ninja2020.layout.clean') @extends('portal.ninja2020.layout.clean', ['custom_body_class' => 'bg-gray-100'])
@section('meta_title', ctrans('texts.register')) @section('meta_title', ctrans('texts.register'))
@section('body') @section('body')
<div class="grid lg:grid-cols-12 bg-gray-100 py-8"> <div class="grid lg:grid-cols-12 py-8" x-data="{ more: false }">
<div class="col-span-4 col-start-5"> <div class="col-span-4 col-start-5">
<h1 class="text-center text-3xl">{{ ctrans('texts.register') }}</h1> <div class="flex justify-center">
<img class="h-32 w-auto" src="{{ $company->present()->logo() }}" alt="{{ ctrans('texts.logo') }}">
</div>
<h1 class="text-center text-3xl mt-8">{{ ctrans('texts.register') }}</h1>
<p class="block text-center text-gray-600">{{ ctrans('texts.register_label') }}</p> <p class="block text-center text-gray-600">{{ ctrans('texts.register_label') }}</p>
<form action="{{ route('client.register', request()->route('company_key')) }}" method="post"> <form action="{{ route('client.register', request()->route('company_key')) }}" method="post">
@ -99,176 +102,180 @@
</div> </div>
</div> </div>
<!-- Name, website --> <span class="block mt-4 text-gray-800 hover:text-gray-900 text-right cursor-pointer" x-on:click="more = !more">{{ ctrans('texts.more_fields') }}</span>
<h3 class="text-lg font-medium leading-6 text-gray-900 mt-8">{{ ctrans('texts.website') }}</h3>
<p class="mt-1 text-sm leading-5 text-gray-500"> <div x-show="more">
{{ ctrans('texts.make_sure_use_full_link') }} <!-- Name, website -->
</p> <h3 class="text-lg font-medium leading-6 text-gray-900 mt-8">{{ ctrans('texts.website') }}</h3>
<div class="shadow overflow-hidden rounded mt-4"> <p class="mt-1 text-sm leading-5 text-gray-500">
<div class="px-4 py-5 bg-white sm:p-6"> {{ ctrans('texts.make_sure_use_full_link') }}
<div class="grid grid-cols-6 gap-6"> </p>
<div class="col-span-6 sm:col-span-3"> <div class="shadow overflow-hidden rounded mt-4">
<label for="street" class="input-label">@lang('texts.name')</label> <div class="px-4 py-5 bg-white sm:p-6">
<input id="name" class="input w-full" name="name" /> <div class="grid grid-cols-6 gap-6">
@error('name') <div class="col-span-6 sm:col-span-3">
<div class="validation validation-fail"> <label for="street" class="input-label">@lang('texts.name')</label>
{{ $message }} <input id="name" class="input w-full" name="name" />
@error('name')
<div class="validation validation-fail">
{{ $message }}
</div>
@enderror
</div> </div>
@enderror <div class="col-span-6 sm:col-span-3">
</div> <label for="website" class="input-label">@lang('texts.website')</label>
<div class="col-span-6 sm:col-span-3"> <input id="website" class="input w-full" name="last_name" />
<label for="website" class="input-label">@lang('texts.website')</label> @error('website')
<input id="website" class="input w-full" name="last_name" /> <div class="validation validation-fail">
@error('website') {{ $message }}
<div class="validation validation-fail"> </div>
{{ $message }} @enderror
</div> </div>
@enderror
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Client personal address --> <!-- Client personal address -->
<h3 class="text-lg font-medium leading-6 text-gray-900 mt-8">{{ ctrans('texts.personal_address') }}</h3> <h3 class="text-lg font-medium leading-6 text-gray-900 mt-8">{{ ctrans('texts.personal_address') }}</h3>
<p class="mt-1 text-sm leading-5 text-gray-500"> <p class="mt-1 text-sm leading-5 text-gray-500">
{{ ctrans('texts.enter_your_personal_address') }} {{ ctrans('texts.enter_your_personal_address') }}
</p> </p>
<div class="shadow overflow-hidden rounded mt-4"> <div class="shadow overflow-hidden rounded mt-4">
<div class="px-4 py-5 bg-white sm:p-6"> <div class="px-4 py-5 bg-white sm:p-6">
<div class="grid grid-cols-6 gap-6"> <div class="grid grid-cols-6 gap-6">
<div class="col-span-6 sm:col-span-4"> <div class="col-span-6 sm:col-span-4">
<label for="address1" class="input-label">@lang('texts.address1')</label> <label for="address1" class="input-label">@lang('texts.address1')</label>
<input id="address1" class="input w-full" name="address1" /> <input id="address1" class="input w-full" name="address1" />
@error('address1') @error('address1')
<div class="validation validation-fail"> <div class="validation validation-fail">
{{ $message }} {{ $message }}
</div>
@enderror
</div> </div>
@enderror <div class="col-span-6 sm:col-span-3">
</div> <label for="address2" class="input-label">@lang('texts.address2')</label>
<div class="col-span-6 sm:col-span-3"> <input id="address2" class="input w-full" name="address2" />
<label for="address2" class="input-label">@lang('texts.address2')</label> @error('address2')
<input id="address2" class="input w-full" name="address2" /> <div class="validation validation-fail">
@error('address2') {{ $message }}
<div class="validation validation-fail"> </div>
{{ $message }} @enderror
</div> </div>
@enderror <div class="col-span-6 sm:col-span-3">
</div> <label for="city" class="input-label">@lang('texts.city')</label>
<div class="col-span-6 sm:col-span-3"> <input id="city" class="input w-full" name="city" />
<label for="city" class="input-label">@lang('texts.city')</label> @error('city')
<input id="city" class="input w-full" name="city" /> <div class="validation validation-fail">
@error('city') {{ $message }}
<div class="validation validation-fail"> </div>
{{ $message }} @enderror
</div> </div>
@enderror <div class="col-span-6 sm:col-span-2">
</div> <label for="state" class="input-label">@lang('texts.state')</label>
<div class="col-span-6 sm:col-span-2"> <input id="state" class="input w-full" name="state" />
<label for="state" class="input-label">@lang('texts.state')</label> @error('state')
<input id="state" class="input w-full" name="state" /> <div class="validation validation-fail">
@error('state') {{ $message }}
<div class="validation validation-fail"> </div>
{{ $message }} @enderror
</div> </div>
@enderror <div class="col-span-6 sm:col-span-2">
</div> <label for="postal_code" class="input-label">@lang('texts.postal_code')</label>
<div class="col-span-6 sm:col-span-2"> <input id="postal_code" class="input w-full" name="postal_code" />
<label for="postal_code" class="input-label">@lang('texts.postal_code')</label> @error('postal_code')
<input id="postal_code" class="input w-full" name="postal_code" /> <div class="validation validation-fail">
@error('postal_code') {{ $message }}
<div class="validation validation-fail"> </div>
{{ $message }} @enderror
</div> </div>
@enderror <div class="col-span-6 sm:col-span-2">
</div> <label for="country" class="input-label">@lang('texts.country')</label>
<div class="col-span-6 sm:col-span-2"> <select id="country" class="input w-full form-select" name="country">
<label for="country" class="input-label">@lang('texts.country')</label> @foreach(App\Utils\TranslationHelper::getCountries() as $country)
<select id="country" class="input w-full form-select" name="country"> <option value="{{ $country->id }}">
@foreach(App\Utils\TranslationHelper::getCountries() as $country) {{ $country->iso_3166_2 }} ({{ $country->name }})
<option value="{{ $country->id }}"> </option>
{{ $country->iso_3166_2 }} ({{ $country->name }}) @endforeach
</option> </select>
@endforeach @error('country')
</select> <div class="validation validation-fail">
@error('country') {{ $message }}
<div class="validation validation-fail"> </div>
{{ $message }} @enderror
</div> </div>
@enderror
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Client shipping address --> <!-- Client shipping address -->
<h3 class="text-lg font-medium leading-6 text-gray-900 mt-8">{{ ctrans('texts.shipping_address') }}</h3> <h3 class="text-lg font-medium leading-6 text-gray-900 mt-8">{{ ctrans('texts.shipping_address') }}</h3>
<p class="mt-1 text-sm leading-5 text-gray-500"> <p class="mt-1 text-sm leading-5 text-gray-500">
{{ ctrans('texts.enter_your_shipping_address') }} {{ ctrans('texts.enter_your_shipping_address') }}
</p> </p>
<div class="shadow overflow-hidden rounded mt-4"> <div class="shadow overflow-hidden rounded mt-4">
<div class="px-4 py-5 bg-white sm:p-6"> <div class="px-4 py-5 bg-white sm:p-6">
<div class="grid grid-cols-6 gap-6"> <div class="grid grid-cols-6 gap-6">
<div class="col-span-6 sm:col-span-4"> <div class="col-span-6 sm:col-span-4">
<label for="shipping_address1" class="input-label">@lang('texts.shipping_address1')</label> <label for="shipping_address1" class="input-label">@lang('texts.shipping_address1')</label>
<input id="shipping_address1" class="input w-full" name="shipping_address1" /> <input id="shipping_address1" class="input w-full" name="shipping_address1" />
@error('shipping_address1') @error('shipping_address1')
<div class="validation validation-fail"> <div class="validation validation-fail">
{{ $message }} {{ $message }}
</div>
@enderror
</div> </div>
@enderror <div class="col-span-6 sm:col-span-3">
</div> <label for="shipping_address2" class="input-label">@lang('texts.shipping_address2')</label>
<div class="col-span-6 sm:col-span-3"> <input id="shipping_address2" class="input w-full" name="shipping_address2" />
<label for="shipping_address2" class="input-label">@lang('texts.shipping_address2')</label> @error('shipping_address2')
<input id="shipping_address2" class="input w-full" name="shipping_address2" /> <div class="validation validation-fail">
@error('shipping_address2') {{ $message }}
<div class="validation validation-fail"> </div>
{{ $message }} @enderror
</div> </div>
@enderror <div class="col-span-6 sm:col-span-3">
</div> <label for="shipping_city" class="input-label">@lang('texts.shipping_city')</label>
<div class="col-span-6 sm:col-span-3"> <input id="shipping_city" class="input w-full" name="shipping_city" />
<label for="shipping_city" class="input-label">@lang('texts.shipping_city')</label> @error('shipping_city')
<input id="shipping_city" class="input w-full" name="shipping_city" /> <div class="validation validation-fail">
@error('shipping_city') {{ $message }}
<div class="validation validation-fail"> </div>
{{ $message }} @enderror
</div> </div>
@enderror <div class="col-span-6 sm:col-span-2">
</div> <label for="shipping_state" class="input-label">@lang('texts.shipping_state')</label>
<div class="col-span-6 sm:col-span-2"> <input id="shipping_state" class="input w-full" name="shipping_state" />
<label for="shipping_state" class="input-label">@lang('texts.shipping_state')</label> @error('shipping_state')
<input id="shipping_state" class="input w-full" name="shipping_state" /> <div class="validation validation-fail">
@error('shipping_state') {{ $message }}
<div class="validation validation-fail"> </div>
{{ $message }} @enderror
</div> </div>
@enderror <div class="col-span-6 sm:col-span-2">
</div> <label for="shipping_postal_code" class="input-label">@lang('texts.shipping_postal_code')</label>
<div class="col-span-6 sm:col-span-2"> <input id="shipping_postal_code" class="input w-full" name="shipping_postal_code" />
<label for="shipping_postal_code" class="input-label">@lang('texts.shipping_postal_code')</label> @error('shipping_postal_code')
<input id="shipping_postal_code" class="input w-full" name="shipping_postal_code" /> <div class="validation validation-fail">
@error('shipping_postal_code') {{ $message }}
<div class="validation validation-fail"> </div>
{{ $message }} @enderror
</div> </div>
@enderror <div class="col-span-4 sm:col-span-2">
</div> <label for="shipping_country" class="input-label">@lang('texts.shipping_country')</label>
<div class="col-span-4 sm:col-span-2"> <select id="shipping_country" class="input w-full form-select" name="shipping_country">
<label for="shipping_country" class="input-label">@lang('texts.shipping_country')</label> @foreach(App\Utils\TranslationHelper::getCountries() as $country)
<select id="shipping_country" class="input w-full form-select" name="shipping_country"> <option {{ $country == isset(auth()->user()->client->shipping_country->id) ? 'selected' : null }} value="{{ $country->id }}">
@foreach(App\Utils\TranslationHelper::getCountries() as $country) {{ $country->iso_3166_2 }}
<option {{ $country == isset(auth()->user()->client->shipping_country->id) ? 'selected' : null }} value="{{ $country->id }}"> ({{ $country->name }})
{{ $country->iso_3166_2 }} </option>
({{ $country->name }}) @endforeach
</option> </select>
@endforeach @error('country')
</select> <div class="validation validation-fail">
@error('country') {{ $message }}
<div class="validation validation-fail"> </div>
{{ $message }} @enderror
</div> </div>
@enderror
</div> </div>
</div> </div>
</div> </div>

View File

@ -44,6 +44,7 @@
<!-- Scripts --> <!-- Scripts -->
<script src="{{ mix('js/app.js') }}" defer></script> <script src="{{ mix('js/app.js') }}" defer></script>
<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
<!-- Fonts --> <!-- Fonts -->
<link rel="dns-prefetch" href="https://fonts.gstatic.com"> <link rel="dns-prefetch" href="https://fonts.gstatic.com">
@ -60,7 +61,7 @@
</head> </head>
<body class="antialiased"> <body class="antialiased {{ $custom_body_class ?? '' }}">
@yield('body') @yield('body')
</body> </body>