@extends('front.layouts.master')
@section('title', 'Sign Up')
@push('post_styles')
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
@endpush

@section('content')
    <div class="register-area pt-80 mb-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="form-wrapper">
                        <div class="form-title">
                            <h3>{{ translate('Register Account') }}</h3>
                            <span></span>
                        </div>
                        <div class="register-tab">
                            <nav>
                                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                    <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab"
                                        data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home"
                                        aria-selected="true">{{ translate('Candidate') }}</button>
                                    <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab"
                                        data-bs-target="#nav-profile" type="button" role="tab"
                                        aria-controls="nav-profile"
                                        aria-selected="false">{{ translate('Company') }}</button>
                                </div>
                            </nav>
                            <div class="tab-content" id="nav-tabContent">
                                <div class="tab-pane fade show active" id="nav-home" role="tabpanel"
                                    aria-labelledby="nav-home-tab">
                                    <form method="post" action="{{ route('candidate.register') }}" class="profile-form add-form">
                                        @csrf
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-inner mb-25">
                                                    <label for="firstname">{{ translate('Full Name') }} <span>*</span>
                                                    </label>
                                                    <div class="input-area">

                                                        <input class="@error('first_name') is-invalid @enderror"
                                                            type="text" id="candidate_first_name" name="first_name"
                                                            placeholder="{{ translate('Enter Your Name') }}"
                                                            value="{{ old('first_name') }}"
                                                            >
                                                    </div>
                                                    <span class="text-danger error-text first_name_err"></span>
                                                </div>
                                            </div>


                                            <div class="col-md-12">
                                                <div class="form-inner mb-25">
                                                    <label for="email">{{ translate('Email') }} <span>*</span> </label>
                                                    <div class="input-area">
                                                        <input class="@error('email') is-invalid @enderror" type="email"
                                                            id="candidate_email" name="email"
                                                            placeholder="{{ translate('Enter Your Email') }}"
                                                            value="{{ old('email') }}"
                                                            >
                                                    </div>
                                                    <span class="text-danger error-text email_err"></span>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-inner mb-25">
                                                    <label for="password"> {{ translate('Password') }} <span>*</span>
                                                    </label>
                                                    <input type="password" name="password" id="candidate_password"
                                                        placeholder="{{ translate('Enter Password') }}" />
                                                    <i class="bi bi-eye-slash toggle-password bi-eye"></i>
                                                </div>
                                                <span class="text-danger error-text password_err"></span>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-inner mb-25">
                                                    <label for="confirm_password">{{ translate('Confirm Password') }}
                                                        <span>*</span></label>
                                                    <input type="password" name="password_confirmation"
                                                        id="candidate_confirm_password"
                                                        placeholder="{{ translate('Enter Confirm Password') }}" />
                                                    <i class="bi bi-eye-slash toggle-password bi-eye"></i>
                                                </div>

                                            </div>
                                            <div class="col-md-12">
                                                <div
                                                    class="form-agreement form-inner d-flex justify-content-between flex-wrap">
                                                    <div class="form-group two">
                                                        <input class="@error('terms_condition') is-invalid @enderror"
                                                            type="checkbox" id="html1" name="terms_condition">
                                                        <label for="html1"> {{ translate('Here, I will agree to') }} <a
                                                                href="{{ isset(getThemeOption('page_setting')['terms_condition_url']) ? getThemeOption('page_setting')['terms_condition_url'] . '?style=list-view' : 'javascript:void(0)' }}">{{ translate('Terms & Conditions') }}
                                                            </a> </label>

                                                        <span class="text-danger error-text terms_condition_err"></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-inner">
                                                    <button class="primry-btn-2" type="submit">
                                                        {{ translate('Sign Up') }}</button>
                                                </div>
                                            </div>
                                            <h6> {{ translate('Already have an account') }}? <a
                                                    href="{{ route('auth.user.login') }}">{{ translate('Login') }}</a>
                                                {{ translate('Here') }}</h6>
                                            <div class="login-difarent-way">
                                                <div class="row g-4">
                                                    <div class="col-md-6">
                                                        <a href="{{ route('social.login', 'google') }}"><img
                                                                src="{{ asset('frontend/assets/images/icon/google1.svg') }}"
                                                                alt="google-icon"> {{ translate(' Log in with Google') }}
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane fade" id="nav-profile" role="tabpanel"
                                    aria-labelledby="nav-profile-tab">
                                    <form method="post" action="{{ route('company.register') }}"
                                        class="register-form profile-form">
                                        @csrf
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-inner mb-25">
                                                    <label for="firstname"> {{ translate('Full Name') }}
                                                        <span>*</span></label>
                                                    <div class="input-area">

                                                        <input type="text" id="company_first_name" name="first_name"
                                                            placeholder="{{ translate('Enter Your Name') }}">
                                                    </div>
                                                    <span class="text-danger error-text first_name_err"></span>
                                                </div>
                                            </div>


                                            <div class="col-md-6">
                                                <div class="form-inner mb-25">
                                                    <label for="email"> {{ translate('Email') }} <span>*</span></label>
                                                    <div class="input-area">

                                                        <input type="email" id="company_email" name="email"
                                                            placeholder="{{ translate('Enter Your Email') }}">
                                                    </div>
                                                    <span class="text-danger error-text email_err"></span>
                                                </div>
                                            </div>


                                            <div class="col-md-6">
                                                <div class="form-inner mb-25">
                                                    <label for="company_name">{{ translate('Company Name') }}
                                                        <span>*</span></label>
                                                    <div class="input-area">
                                                        <input type="text" id="company_name" name="company_name"
                                                            placeholder="{{ translate('Enter Company Name') }}">
                                                    </div>
                                                    <span class="text-danger error-text company_name_err"></span>
                                                </div>
                                            </div>
                                            <div class="col-md-6">

                                                <div class="form-inner mb-25">
                                                    <label
                                                        for="company_type">{{ translate('Company Type') }}<span>*</span></label>
                                                    <div class="input-area">
                                                        <input type="text" class="company_type" name="company_type"
                                                            placeholder="{{ translate('Enter Company Type') }}">
                                                    </div>
                                                    <div class="text-danger error-text company_type_err">
                                                    </div>
                                                </div>
                                            </div>
                                           
                                            <div class="col-md-6">
                                                <div class="form-inner mb-25">
                                                    <label for="password">{{ translate('Password') }}
                                                        <span>*</span></label>
                                                    <input type="password" name="password" id="company_password"
                                                        placeholder="{{ translate('Enter Password') }}" />
                                                    <i class="bi bi-eye-slash toggle-password bi-eye"></i>
                                                </div>
                                                <span class="text-danger error-text password_err"></span>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-inner">
                                                    <label
                                                        for="confirmpassword">{{ translate('Confirm Password') }}<span>*</span></label>
                                                    <input type="password" name="password_confirmation"
                                                        id="password_confirmation"
                                                        placeholder="{{ translate('Enter Confirm Password') }}" />
                                                    <i class="bi bi-eye-slash toggle-password bi-eye"></i>
                                                </div>
                                                <span class="text-danger error-text password_confirmation_err"></span>
                                            </div>

                                            <div class="col-md-12">
                                                <div
                                                    class="form-agreement form-inner d-flex justify-content-between flex-wrap">
                                                    <div class="form-group two">
                                                        <input type="checkbox" id="html" name="terms_condition">
                                                        <label
                                                            for="html">{{ translate('Here, I will agree company') }}
                                                            <a
                                                                href="{{ isset(getThemeOption('page_setting')['terms_condition_url']) ? getThemeOption('page_setting')['terms_condition_url'] . '?style=list-view' : 'javascript:void(0)' }}">{{ translate('Terms & Conditions') }}
                                                            </a>
                                                        </label>

                                                    </div>
                                                    <span class="text-danger error-text terms_condition_err"></span>

                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-inner">
                                                    <button class="primry-btn-2"
                                                        type="submit">{{ translate('Sign Up') }} </button>
                                                </div>
                                            </div>
                                            <h6> {{ translate('Already have an account') }}? <a
                                                    href="{{ route('auth.user.login') }}"> {{ translate('Login') }}
                                                </a>{{ translate('Here') }} </h6>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('post_styles')
    @include('js.front.login')
@endpush