@extends('site.layouts.master')

@section('title')
    <title>{{ __('site.Register_Page') }}</title>
@endsection
@section('metatags')
    <link rel="canonical" href="{{str_replace('public/', '', url()->current())}}">
    <link rel="alternate" hreflang="@if (app()->getLocale() == 'ar'){{'en'}}@else{{'ar'}}@endif"
        href="@if (app()->getLocale() == 'en' && str_contains(url()->current(), '/en/')) {{str_replace('/en/', '/ar/', str_replace('public/', '', url()->current()))}}@else{{str_replace('/ar/', '/en/', str_replace('public/', '', url()->current()))}}@endif">
    <link rel="alternate" hreflang="@if (app()->getLocale() == 'ar'){{'ar'}}@else{{'en'}}@endif"
        href="{{str_replace('public/', '', url()->current())}}">
@endsection
@section('content')
    <div class="px-4">
        <div class="login-info">
            <div class="text-2b2b2b">
                <h1 class="h4">{{ __('site.Complete_Registration') }}</h1>
            </div>
            @if ($errors->any())
                <div class="alert alert-danger text-center">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <form method="post" action="{{ route('site.complete-social-registration') }}">
                {{ csrf_field() }}
                <input type="hidden" name="user" value="{{ $user->id }}">
                <div class="form-group">
                    <input type="text" class="form-control text-3b3b3b SF18_21RegularImportant py-3 rounded-3 my-3"
                        name="phone" value="{{ old('phone') }}" placeholder="{{ __('site.Phone') }}">
                </div>
                <div class="form-group text-lg-center">
                    <button type="submit"
                        class="border-0 py-3 rounded-3 bg-3b3b3b SF22_26Bold text-white col-12 col-lg-6">{{ __('site.Create_Account') }}</button>
                </div>
            </form>
        </div>
    </div>
@endsection