@extends('layouts.app')

{{-- @php($hideLayout = true) --}}

@section('content')
<div class="flex py-14 flex-col items-center justify-center bg-gray-50 px-4 md:px-6">
    <div class="w-full max-w-md rounded-2xl bg-white shadow-lg border border-slate-200 border-dashed p-6 md:p-8">

        <!-- Info Note -->
        <div class="usrnote mb-6 text-[15px] text-gray-700 bg-blue-50 border border-blue-200 rounded-md p-3">
            {{ __('auth.no_account_message') }}
        </div>

        <!-- Confirm Form -->
        <form method="POST" action="{{ route('google.register') }}" class="bondiform space-y-4">
            @csrf

            {{-- Name Field --}}
            <div>
                <label for="name" class="mb-1 block text-md font-medium text-gray-700">
                    {{ __('auth.full_name') }} <span class="text-red-500">*</span>
                </label>
                <input type="text" name="name" value="{{ old('name', session('google_user.name')) }}"
                    class="w-full rounded-md border @error('name') !border-red-500 @else  @enderror px-3 py-2 text-sm focus:border-primary focus:ring-primary"
                    maxlength="50" required>

                @error('name')
                    <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                @enderror
            </div>

            {{-- Phone Field --}}
            <div>
                <label for="phone" class="mb-1 block text-md font-medium text-gray-700">
                    {{ __('auth.phone') }} <span class="text-red-500">*</span>
                </label>
                <input type="text" name="phone" value="{{ old('phone') }}"
                    placeholder="{{ __('auth.phone_placeholder') }}"
                    class="w-full rounded-md border @error('phone') !border-red-500 @else  @enderror px-3 py-2 text-sm focus:border-primary focus:ring-primary" required autofocus>

                @error('phone')
                    <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                @enderror
            </div>

            {{-- Submit Button --}}
            <button type="submit" class="btn-primary w-full !py-[12px]">
                {{ __('auth.continue') }}
            </button>
        </form>

        <!-- Back -->
        <div class="mt-6 text-center">
            <a class="text-sm text-primary hover:text-primary-dark" href="{{ route('login') }}">
                <i class="fa-solid fa-angles-left"></i> {{ __('auth.no_new_account') }}
            </a>
        </div>
    </div>
</div>
@endsection