{{-- view/user/register.blade.php --}}

@extends('layouts.base')

@section('title', __('Register'))

@section('content')
    <div class="wrap">
        <h2>{{ __('Create account') }}</h2>

        @if ($errors->any())
            <div class="alert danger">
                <strong>{{ __('Errors') }} :</strong>
                <ul style="margin:6px 0 0 16px;">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="">
            <section class="profile-card--main">


                <form method="POST" action="{{ route('register.post', ['locale' => app()->getLocale()]) }}" class="profile-form">
                    @csrf

                    <div class="" style="padding:16px; border-radius:12px; border:1px solid #e5e7eb; background:#fff;">

                        <div class="profile-card--main">


                            <div class="field-grid">
                                <div class="field-group">
                                    <label for="firstname">{{ __('Firstname') }} *</label>
                                    <input id="firstname" type="text" name="firstname" value="{{ old('firstname') }}" required>
                                </div>
                                <div class="field-group">
                                    <label for="lastname">{{ __('Lastname') }} *</label>
                                    <input id="lastname" type="text" name="lastname" value="{{ old('lastname') }}" required>
                                </div>
                            </div>

                            <div class="field-grid">
                                <div class="field-group">
                                    <label>{{ __('Address 1') }}</label>
                                    <input type="text" name="address1" value="{{ old('address1') }}">
                                </div>
                                <div class="field-group">
                                    <label>{{ __('Address 2') }}</label>
                                    <input type="text" name="address2" value="{{ old('address2') }}">
                                </div>
                            </div>

                            <div class="field-grid">
                                <div class="field-group">
                                    <label>{{ __('Postcode') }}</label>
                                    <input type="text" name="postcode" value="{{ old('postcode') }}">
                                </div>
                                <div class="field-group">
                                    <label>{{ __('City') }}</label>
                                    <input type="text" name="city" value="{{ old('city') }}">
                                </div>

                                <div class="form-field">
                                    <label for="country_isocode">{{ __('Country') }}</label>
                                    <select id="country_isocode" name="country_isocode" required>
                                        @php
                                            $preselect = old('country_isocode', $defaultCountryIso ?? 'FR');
                                        @endphp
                                        @foreach($countries as $c)
                                            <option value="{{ strtoupper($c->iso_code) }}"
                                                @selected(strtoupper($c->iso_code) === strtoupper($preselect))>
                                                {{ $c->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('country_isocode')
                                        <div class="error">{{ $message }}</div>
                                    @enderror
                                </div>

                            </div>

                            <div class="field-grid">
                                <div class="field-group">
                                    <label>{{ __('Phone') }} *</label>
                                    <input type="text" name="phone" value="{{ old('phone') }}" required>
                                </div>
                                <div class="field-group">
                                    <label>{{ __('Email') }} *</label>
                                    <input type="email" name="email" value="{{ old('email') }}" required>
                                </div>
                                <div class="field-group">
                                    <label>{{ __('Email Verification') }} *</label>
                                    <input type="email" name="email_verification" value="" required>
                                </div>
                                {{-- <div class="field-group">
                                    <div style="font-size:.85rem; color:#6b7280; margin-top:4px">
                                        {{ __('Email can be changed; verification may be required.') }}
                                    </div>
                                </div> --}}
                            </div>



                            <div class="field-grid">
                                    <div class="field-group">
                                        <label>{{ __('Password')}} *</label>
                                        <input type="password" name="password" placeholder="••••••••">
                                    </div>
                                    <div class="field-group">
                                        <label for="password_confirmation">{{ __('Confirm password') }}</label>
                                        <input id="password_confirmation" type="password" name="password_confirmation" required>
                                    </div>
                                </div>

                            </div>

                    </div>

                    <div class="actions" style="margin-top:16px;">
                        <a href="{{ lr('login') }}" class="btn ghost">{{ __('Already registered?') }}</a>
                        <button type="submit" class="btn primary">{{ __('register') }}</button>
                    </div>

                </form>

                {{-- <a class="btn oauth google full" style="margin-bottom: 10px;" href="{{ route('oauth.redirect', ['locale'=>app()->getLocale(),'provider'=>'google']) }}">
                    {{-- icône Google --}} {{--  {{ __('Sign in') }} {{ __('with') }} Google
                </a>
                <a class="btn oauth facebook full" style="margin-bottom: 10px;" href="{{ route('oauth.redirect', ['locale'=>app()->getLocale(),'provider'=>'facebook']) }}">
                    {{ __('Sign in') }} {{ __('with') }} Facebook
                </a>
                <a class="btn oauth apple full" style="margin-bottom: 10px;" href="{{ route('oauth.redirect', ['locale'=>app()->getLocale(),'provider'=>'apple']) }}">
                      {{ __('Sign in') }} {{ __('with') }} Apple
                </a> --}}

            </section>
        </div>
    </div>
@endsection