@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', trans('core.title_candidate_register'))
@section('content')
<link rel="stylesheet" href="{{secure_asset('assets/hiremee-revamp/css/b2c.css?v=1')}}"> 
<style>
.hm-b2c-login-left{
    background-image:url("{{secure_asset('assets/hiremee-revamp/images/b2c-form/login-backgroud-img.jpg')}}");
}
.hm-b2c-form-invalid{
    color: red !important;
}
.mail_verification{
    font-size: 14px;
    color: #D34606;
    /*text-decoration: underline;*/
}
.success-email{
    color: green;
}
.hm-b2c-form-group input{
    border: 1px solid #cccccc;
}
.otptxt_before_input{
    color: #243d42;
    margin-bottom: 5px;
    margin-top: 15px;
    font-size: 14px;
}
.captcha-loading{
    line-height: 30px;
    width: 40px;
    padding: 3px;
    font-size: 18px !important;
}
</style>
<div class="hm-b2c-login-page">

    <!-- Backgroud images and vector start -->
    <div class="hm-b2c-login-left">
    </div>
    <div class="hm-b2c-login-right">
        <img class="img-fluid hm-b2c-left-ilu" src="{{secure_asset('assets/hiremee-revamp/images/b2c-form/login-img.png')}}" alt="" />
        <img class="img-fluid hm-b2c-left-vec-1" src="{{secure_asset('assets/hiremee-revamp/images/b2c-form/login-vector-1.png')}}" alt="" />
        <img class="img-fluid hm-b2c-left-vec-2" src="{{secure_asset('assets/hiremee-revamp/images/b2c-form/login-vector-2.png')}}" alt="" />
        <img class="img-fluid hm-b2c-left-vec-3" src="{{secure_asset('assets/hiremee-revamp/images/b2c-form/login-vector-3.png')}}" alt="" />
    </div>
    <!-- Backgroud images and vector end -->

    <div class="container">        
        <div class="hm-b2c-login-page-wrapper">
        <div class="row">
            <div class="col-md-6 col-lg-5 d-flex flex-column justify-content-md-between">
                <div class="hm-b2c-logo">
                    <a href="{{ secure_url('/') }}">
                        <img class="img-fluid" src="{{secure_asset('assets/hiremee-revamp/images/b2c-form/hiremee-logo.svg')}}" alt="HireMee" />
                    </a>
                </div>
                <div class="hm-b2c-col-1">
                    <div class="hm-b2c-col-1-content">
                        <h2>Our Products Boost Learning and Assessment Outcomes!</h2>
                        <p>Subscribe to HireMee and be up-to-speed with the New-Age Approach.</p>
                    </div>
                </div>
                <div class="hm-b2c-copyrights d-none d-md-block">
                    <p>HireMee © 2017-{{ date('Y') }} - All Rights Reserved.</p>
                </div> 
            </div>
            
            <div class="col-md-6 col-lg-5 align-self-center">
                <!-- Registration Student Under 18 start -->
                <div class="hm-b2c-login-form hm-b2c-login-form-studen-under-18">
                    <h3>Registration</h3>
                    <!-- <p class="hm-b2c-login-title-span">Create an Account</p> -->
                    <form action="{{ secure_url('student-register') }}" id="studentRegister" method="POST">
                        @csrf
                        <input type="hidden" name="purchase_assessment_id" value="{{ $purchase_assessment_id ?? '' }}">
                        <input type="hidden" name="registered_from" value="{{ (isset($purchase_assessment_id) && !empty($purchase_assessment_id)) ? 'b2c' : '' }}">

                        <div class="hm-b2c-form-group">
                            <label>{{ trans('core.c_name') }} <span class="hm-b2c-danger">*</span></label>
                            <input type="text" name="studentname" id="js-studentname">
                            <label class="hm-b2c-form-invalid d-none" id="js-studentname-error"></label>
                        </div>
                        <!-- <div class="hm-b2c-form-group">
                            <label>{{ trans('core.c_emailaddress') }} <span class="hm-b2c-danger">*</span></label>
                            <div class="hm-b2c-form-control-append">
                                <input type="text" name="email_address" id="js-email_address">
                                <a class="popup-with-zoom-anim mail_verification d-none" id="student_mail_verification" href="javascript:void(0)" onClick="javascript:verifySignupEmail();">Verify</a>
                            </div>
                            <input type="hidden" name="is_email_verified" value="0" id="email_verified">
                            <label class="hm-b2c-form-invalid d-none" id="js-email_address-error"></label>
                        </div> -->
                        <div class="hm-b2c-form-group">
                            <label>{{ trans('core.email_or_mobile') }} <span class="hm-b2c-danger">*</span></label>
                            <div class="hm-b2c-form-control-append">
                                <input type="text" name="sign_data" id="js-user_signup_data">
                                <a class="popup-with-zoom-anim mail_verification d-none" id="student_signup_mail_verification" href="javascript:void(0)">Verify</a>
                            </div>
                            <input type="hidden" name="is_email_verified" value="0" id="email_verified">
                            <input type="hidden" name="signtype" value="" id="signtype_input">
                            <label class="hm-b2c-form-invalid d-none" id="js-user_signup_data-error"></label>
                        </div>
                        <!-- <div class="hm-b2c-form-group">
                            <label>{{ trans('core.phone_number') }} <span class="hm-b2c-danger">*</span></label>
                            <input type="text" name="mobile_number" id="js-mobile_number" maxlength="10">
                            <label class="hm-b2c-form-invalid d-none" id="js-mobile_number-error"></label>
                        </div> -->
                        <div class="hm-b2c-form-check" style="margin-bottom: 10px;">
                            <input type="checkbox" name="is_minor" id="is_minor">
                            <label class="form-check-label " for="is_minor">{{ trans('core.i_am_a_minor') }}</label>
                        </div>
                        <div class="hm-b2c-form-group d-none" id="is_minor_input_blk">
                            <label>{{ trans('core.parent_guardian_email') }} <span class="hm-b2c-danger">*</span></label>
                            <div class="hm-b2c-form-control-append">
                                <input type="text" name="parent_email_address" id="js-parent_email_address">
                                <!-- href="#solution_req_modal-1" -->
                                <a class="popup-with-zoom-anim mail_verification d-none" href="javascript:void(0)" onClick="verifySignupEmail(true);" id="parent_mail_verification">{{ trans('core.verify') }}</a>
                            </div>
                            <input type="hidden" name="is_parent_email_verified" value="0" id="parent_email_verified">
                            <label class="hm-b2c-form-invalid d-none" id="js-parent_email_address-error"></label>
                        </div>
                        
                        <div class="row">
                            <div class="col-sm-12 form-group col-lg-12">
                                <div class="input-group input-group-primary2 d-flex align-items-center" style="height: 40px;">
                                    <span class="input-group-addon" id="basic-addon1" style="height: 40px;padding-top: 5px;"><span class="f-12">{{ trans('core.captcha') }}</span> <sup class="hm-b2c-danger" style="top: 8px;">*</sup></span>
                                    <img src="" alt="" class='re-captcha' />
                                    <input type="text" name="v_captcha" class="b-l-fff form-control captcha-size1" maxlength="3" autocomplete="off" id="js-candi-captcha">
                                    <span class="input-group-addon captcha-refresh" id="basic-addon1" style="height: 40px;padding-top: 8px;"><span class="hiremee-refresh captcha-refresh fa fa-arrows-rotate"></span></span>
                                    <input type="hidden" value="{{ url('captcha') }}" class="check-captcha" />
                                </div>
                                <label class="hm-b2c-form-invalid d-none" id="js-candi-captcha-error"></label>
                            </div>
                        </div>

                        <div class="hm-b2c-form-check" style="margin-top: 10px;">
                            <input type="checkbox" id="is_terms_agreed" name="is_terms_agreed">
                            <label class="form-check-label" for="is_terms_agreed">I agree to the <a href="{{ secure_url('termsofuse') }}" target="_blank"><u>terms and conditions</u></a> and <a href="{{ secure_url('privacypolicy') }}" target="_blank"><u>privacy policy</u></a><sup class="hm-b2c-danger" style="top: 8px;">*</sup></label><br>
                            <label class="hm-b2c-form-invalid d-none" id="is_terms_agreed-error"></label>
                        </div>

                        <button class="hm-b2c-btn-pri" id="js-btn_submit">{{ trans('core.but_register') }}</button>
                        <!-- <a href="javascript:void(0)" class="hm-b2c-btn-pri">Register</a> -->
                        <a href="{{ secure_url('candidate/login') }}" class="hm-b2c-link text-center">Have an account? <b>{{ trans('core.login') }}</b></a>
                    </form> 
                </div>
                <!-- Student Under 18 end -->
            </div>
        </div>
        <div class="hm-b2c-copyrights d-md-none">
            <p>HireMee © 2017-{{ date('Y') }} - All Rights Reserved.</p>
        </div>  
        </div>
    </div>
</div>

@include('candidate.registration.new-signup-otp-modal')
@include('candidate.registration.new-login-modal',['purchase_assessment_id'=>$purchase_assessment_id ?? ''])
@endsection
@section('footer_scripts')
<script type="text/javascript" src="https://momentjs.com/downloads/moment-with-locales.min.js"></script>
<script type="text/javascript" src="{{ secure_asset('assets/js/jquery.validate.min.js') }}"></script>
<script type="text/javascript" src="{{ secure_asset('assets/js/additional-methods.min.js') }} "></script>
<script type="text/javascript" src="{{ secure_asset('assets/js/studentregister.js') }}"></script>
@endsection