@php
    $version = $basicInfo->theme_version;
@endphp
@extends("frontend.layouts.layout-v$version")
@section('pageHeading')
    @if (!empty($pageHeading))
        {{ request()->get('role') == 'agent' ? __('Agent Signup') : __('Developer Signup') }}
    @else
        {{ __('Signup') }}
    @endif
@endsection
@section('metaKeywords')
    @if (!empty($seoInfo))
        {{ $seoInfo->meta_keywords_vendor_signup }}
    @endif
@endsection

@section('metaDescription')
    @if (!empty($seoInfo))
        {{ $seoInfo->meta_description_vendor_signup }}
    @endif
@endsection

@section('content')
    @includeIf('frontend.partials.breadcrumb', [
        'breadcrumb' => $bgImg->breadcrumb,
        'title' => request()->get('role') == 'agent' ? __('Agent Signup') : __('Developer Signup'),
        'subtitle' => __('Signup'),
    ])
    <!-- Authentication-area start -->
    <div class="authentication-area ptb-100">
        <div class="container">
            <div class="auth-form border radius-md">
                @if (Session::has('success'))
                    <div class="alert alert-success">{{ __(Session::get('success')) }}</div>
                @endif
                <form action="{{ route('vendor.signup_submit') }}" method="POST">
                    @csrf
                    <div class="title">
                        <h4 class="mb-20">{{ __('Signup') }}</h4>
                    </div>

                    <div class="form-group mb-30">
                        <input type="text" class="form-control" name="name" value="{{ old('name') }}"
                            placeholder="{{ __('Name') . '*' }}" required>
                        @error('name')
                            <p class="text-danger mt-2">{{ $message }}</p>
                        @enderror
                    </div>
                   {{--  <div class="form-group mb-30">
                        <input type="text" class="form-control" value="{{ old('username') }}" name="username"
                            placeholder="{{ __('Username') . '*' }}" required>
                        @error('username')
                            <p class="text-danger mt-2">{{ $message }}</p>
                        @enderror
                    </div> --}}
                    <div class="form-group mb-30">
                        <input type="email" class="form-control" value="{{ old('email') }}" name="email"
                            placeholder="{{ __('Email') . '*' }}" required>
                        @error('email')
                            <p class="text-danger mt-2">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="form-group mb-30">
                        <input type="password" class="form-control" name="password" value="{{ old('password') }}"
                            placeholder="{{ __('Password') . '*' }}" required>
                        @error('password')
                            <p class="text-danger mt-2">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="form-group mb-30">
                        <input type="password" name="password_confirmation" value="{{ old('password_confirmation') }}"
                            class="form-control" placeholder="{{ __('Confirm Password') . '*' }}" required>
                        @error('password_confirmation')
                            <p class="text-danger mt-2">{{ $message }}</p>
                        @enderror
                    </div>
                    {{-- <div class="form-group mb-30">
                        @php($roles = collect(vendorRoles())->where('value', request()->get('role') == 'agent' ? 'agent' : 'builder'))
                        <select class="form-control" name="role" id="role" required>
                            <option value="" disabled>Select Profession</option>
                            @foreach ($roles as $role)
                            <option value="{{ $role['value'] }}" @selected(old('role') === $role['value'] || $role['selected'])>{{ $role['name'] }}</option>
                            @endforeach
                        </select>
                        @error('role')
                            <p class="text-danger mt-2">{{ $message }}</p>
                        @enderror
                    </div> --}}
                    <input type="hidden" name="role" value="{{ request()->get('role') == 'agent' ? 'agent' : 'builder' }}">
                    @if ($recaptchaInfo->google_recaptcha_status == 1)
                        <div class="form-group mb-30">
                            {!! NoCaptcha::renderJs() !!}
                            {!! NoCaptcha::display() !!}

                            @error('g-recaptcha-response')
                                <p class="mt-1 text-danger">{{ $message }}</p>
                            @enderror
                        </div>
                    @endif

                    <div class="row align-items-center mb-20">
                        <div class="col-12">
                            <div class="link">
                                {{ __('Already have an account') . '?' }} <a
                                    href="{{ route('vendor.login') }}">{{ __('Click Here') }}</a>
                                {{ __('to Login') }}
                            </div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-lg btn-primary radius-md w-100"> {{ __('Signup') }} </button>
                </form>
            </div>
        </div>
    </div>
    <!-- Authentication-area end -->
@endsection

{{-- @section('script')
<script>
$(document).ready(function () {

    $("#role").on('change', function() {
        const section = $('.rera-number-section');
        const reraInput = $('#rera_number');

        if ($(this).val() !== 'builder') {
            reraInput.val('');
            reraInput.prop('required', false);
            section.hide();
        } else {
            reraInput.prop('required', true);
            section.show();
        }
    });
});
</script>

@endsection --}}