{{-- @extends('layouts.app', ['class' => 'main-content-has-bg'])

@section('content')
@include('layouts.headers.guest')
<div class="container lw-guest-page-container-block pb-2" id="pageTop">
    <!-- Table -->
    <div class="row justify-content-center">
        <div class="col-lg-8">
            @if (getAppSettings('enable_vendor_registration'))
            <div class="card lw-form-card-box shadow border-0">
                <h1 class="card-header text-center">
                    <div class="my-3">
                        <i class="mdi mdi-store fa-2x text-success"></i>
                    </div>
                    {{  __tr('Register as Vendor/Company') }}
</h1>
<div class="card-body ">
    @php
    $formSignUpRoute = route('auth.register.process');
    if (getAppSettings('activation_required_for_new_user')) {
    $formSignUpRoute = route('activation_required.auth.register.process');
    }
    @endphp
    <x-lw.form :action="$formSignUpRoute" data-secured="true">
        <!-- Vendor Name -->
        <div class="form-group">
            <div class="input-group input-group-alternative mb-1">
                <div class="input-group-prepend">
                    <span class="input-group-text"><i class="mdi mdi-account fs-15 "></i></span>
                </div>
                <input class="form-control" placeholder="{{ __tr('Vendor/Company Name') }}" type="text"
                    name="vendor_title" value="{{ old('vendor_title') }}" required autofocus>
            </div>
        </div>
        <div class="text-center text-white my-4">
            {{ __tr('Admin User Details') }}
        </div>
        <!-- Username -->
        <div class="form-group">
            <div class="input-group input-group-alternative mb-1">
                <div class="input-group-prepend">
                    <span class="input-group-text"><i class="mdi mdi-card-account-details fs-15 "></i></span>
                </div>
                <input class="form-control" placeholder="{{ __tr('Username') }}" type="text"
                    name="username" value="{{ old('username') }}" required autofocus>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <!-- First Name -->
                <div class="form-group">
                    <div class="input-group input-group-alternative mb-1">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="mdi mdi-account fs-15"></i></span>
                        </div>
                        <input class="form-control" placeholder="{{ __tr('First Name') }}" type="text"
                            name="first_name" value="{{ old('first_name') }}" required>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <!-- Last Name -->
                <div class="form-group">
                    <div class="input-group input-group-alternative mb-1">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="mdi mdi-account fs-15"></i></span>
                        </div>
                        <input class="form-control" placeholder="{{ __tr('Last Name') }}" type="text"
                            name="last_name" value="{{ old('last_name') }}" required>
                    </div>
                </div>
            </div>
        </div>
        <!-- mobile no -->
        <div class="form-group">
            <div class="input-group input-group-alternative mb-1">
                <div class="input-group-prepend">
                    <span class="input-group-text"><i class="mdi mdi-cellphone fs-15 "></i></span>
                </div>
                <input class="form-control" placeholder="{{ __tr('Mobile Number') }}" type="text"
                    name="mobile_number" value="{{ old('mobile_number') }}" required autofocus>
            </div>
        </div>
        <h5><span class="text-light">{{__tr("Mobile number should be with country code without 0 or +")}}</span></h5>

        <!-- /mobile no -->
        <!-- Email address -->
        <div class="form-group">
            <div class="input-group input-group-alternative mb-1">
                <div class="input-group-prepend">
                    <span class="input-group-text"><i class="mdi mdi-at fs-15 "></i></span>
                </div>
                <input class="form-control" placeholder="{{ __tr('Email') }}" type="email" name="email"
                    value="{{ old('email') }}" required>
            </div>
        </div>
        <!-- Password -->
        <div class="form-group">
            <div class="input-group input-group-alternative mb-1">
                <div class="input-group-prepend">
                    <span class="input-group-text"><i class="mdi mdi-key fs-15 "></i></span>
                </div>
                <input class="form-control" placeholder="{{ __tr('Password') }}" type="password"
                    name="password" required>
            </div>
        </div>
        <!-- Confirm Password -->
        <div class="form-group">
            <div class="input-group input-group-alternative mb-1">
                <div class="input-group-prepend">
                    <span class="input-group-text"><i class="mdi mdi-key fs-15 "></i> <sup><i
                                class="mdi mdi-check fs-15"></i></sup></span>
                </div>
                <input class="form-control" placeholder="{{ __tr('Confirm Password') }}" type="password"
                    name="password_confirmation" required>
            </div>
        </div>
        <!-- privacy policy -->
        @if (getAppSettings('user_terms') or getAppSettings('vendor_terms') or getAppSettings('privacy_policy'))
        <div class="row my-4">
            <div class="col-12">
                <div class="custom-control custom-control-alternative custom-checkbox">
                    <input class="custom-control-input" name="terms_and_conditions" id="itemsAccept"
                        type="checkbox">
                    <label class="custom-control-label" for="itemsAccept">
                        <span class="text-white">{{ __tr('I agree with the') }}
                            @if (getAppSettings('user_terms'))
                            <a class="text-success" href="{{ route('app.terms_and_policies', [
                                                'contentName' => 'user_terms'
                                            ]) }}">{{ __tr('User Terms And Conditions') }}</a>,
                            @endif
                            @if (getAppSettings('vendor_terms'))
                            <a class="text-success" href="{{ route('app.terms_and_policies', [
                                                'contentName' => 'vendor_terms'
                                            ]) }}">{{ __tr('Vendor Terms And Conditions') }}</a>,
                            @endif
                            @if (getAppSettings('privacy_policy'))
                            <a class="text-success" href="{{ route('app.terms_and_policies', [
                                                'contentName' => 'privacy_policy'
                                            ]) }}">{{
                                                __tr('Privacy Policy')
                                                }}</a>
                            @endif
                        </span>
                    </label>
                </div>
            </div>
        </div>
        @endif
        <!-- create account action -->
        <div class="text-center">
            <button type="submit" class="btn btn-success btn-lg btn-block mt-5">{{ __tr('Create Account') }}</button>
        </div>
    </x-lw.form>
</div>
<hr class="m-0">
<div class="card-footer text-center">
    <!-- social login links -->
    @if (getAppSettings('allow_google_login'))
    <a href="