@extends('layouts.main')
@section('title',trans('core.title_company_register'))
@section('content')
<link defer rel="stylesheet" href="{{ secure_asset('assets/hiremee-revamp/css/magnific-popup.css')}}">
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/hiremee-revamp/css/free-job-post.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/hiremee-revamp/css/icons.css') }}">
<link rel="stylesheet" href="{{ secure_asset('assets/hiremee-revamp/css/b2c.css') }}"> 
<style type="text/css">
.dialog-with-tabs .mfp-close:before {
    font-size: 24px;
}
.mfp-close:before, .og-close:before {
    content: "\ea02";
}
.mfp-close:before, .og-close:before {
    font-family: Feather-Icons;
    font-size: 20px;
    top: 2px;
    left: 0;
    position: relative;
    height: 10px;
}
#previewJob.dialog-with-tabs .mfp-close {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 40px;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
}
.mfp-close::after, .mfp-close::before {
    top: 0;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.85;
}
.my-mfp-zoom-in.mfp-bg {
    opacity: 0.001;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.dialog-with-tabs#previewJob {
    max-width: 800px;
}
.dialog-with-tabs#previewJob {
    padding: 0;
    color: #222;
    max-width: 540px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
}
#previewJob {
    background: #fff;
    padding: 40px;
    padding-top: 0;
    text-align: left;
    margin: 40px auto;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    max-width: 550px;
}
#previewJob.dialog-with-tabs .mfp-close:hover {
    color: #a1d244;
    background-color: #fff;
}
.dialog-with-tabs#previewJob .utf-welcome-text-item h3,
.dialog-with-tabs#previewJob .utf-welcome-text-item {
    text-align: left !important;
    margin-bottom: 20px;
}
#previewJob img {
    /* width: 100px; */
    margin: 0 20px 0 0;
}
.utf-welcome-text-item h3 {
    display: block;
    font-weight: 600;
    font-family: var(--thme-title);
    color: #0e1133;
    font-size: 30px;
}
.utf-popup-tab-content-item {
    padding: 30px 25px;
    position: static;
    z-index: 10;
    display: inline-block;
    width: 100%;
}
.utf-welcome-text-item h3 {
    display: block;
    font-weight: 600;
    font-family: var(--thme-title);
    color: #0e1133;
    font-size: 30px;
}
.mfp-wrap{
    z-index: 1200;
}
</style>
<div class="container">
    <div class="row mt-8 justify-content-center pt-5">
        <div class="col-xl-7 col-12">
            <div class="text-center p-b-50">
                <a href="{{ secure_url('/') }}"><img class="img-responsive" width="35%" src="{{secure_asset('assets/images/HireMee.png')}}"></a>
            </div>
            <div class="card borderless-card">
                <div class="card-block z-depth-5">
                    {!! Form::open(array('url' => secure_url('company/register'), 'method'=>'POST','class'=>'form-horizontal','name'=>'company-register','id'=>'company-register')) !!}
                    {{ csrf_field() }}

                    <div class="row p-15">
                        <div class="col-xl-12">
                            <h4 class="f-20 g-l-b">Company Registration</h4>                            
                        </div>
                    </div>
                    @if($message = Session::get('success'))
                        <div class="alert alert-success alert-dismissible fade show">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            <strong><span class="icofont icofont-automation"></span></strong> {{ $message }}
                        </div>
                    @elseif($message = Session::get('error'))      
                        <div class="alert alert-danger alert-dismissible fade show">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            <strong>{{ $message }}</strong> 
                        </div>
                    @endif
                    <div class="row p-15">
                        <div class="col-xl-6 col-md-6 col-sm-6 col-12">
                            <div class="row">
                                <div class="col-sm-12 form-group col-lg-12">
                                    <div class="input-group input-group-primary2">
                                        <span class="input-group-addon" id="basic-addon1"><i class="hiremee-userdefault"></i> <sup class="mandatory">*</sup></span>
                                        {!! Form::text('companyname',old('companyname'),array('class'=>'form-control','id'=>'js-corp-companyname','placeholder'=>'Company Name', "tabindex"=>1)) !!}
                                        {!! Form::hidden('type','base',array('class'=>'form-control','id'=>'js-corp-register-type')) !!}
                                    </div>
                                    <span id="js-corp-companyname-error"></span>
                                </div>
                                <div class="col-sm-12 form-group col-lg-12">
                                    <div class="input-group input-group-primary2">
                                        <span class="input-group-addon" id="basic-addon1"><i class="hiremee-close-envelope"></i> <sup class="mandatory">*</sup></span>
                                        {!! Form::text('email_address',old('email_address'),array('class'=>'form-control','id'=>'js-corp-register-email_address','placeholder'=>'Email', "tabindex"=>3)) !!}
                                    </div>
                                    <div class="text-end lbl-cust-em mail_verification d-none">
                                        <span class="warn-txt"><a class="warn-txt" href="javascript:verifyEmail();">Verify<i class="icon-line-awesome-exclamation-circle"></i></a></span>
                                    </div>
                                    {!! Form::hidden('is_email_verified',0,['id'=>'js-corp-register-email_verified']) !!}
                                    <span id="js-corp-register-email_address-error"></span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6 col-md-6 col-sm-6 col-12">
                            <div class="row">
                                <div class="col-sm-12 form-group col-lg-12">
                                    <div class="input-group input-group-primary2">
                                        <span class="input-group-addon" id="basic-addon1"><i class="hiremee-call-answer"></i> <sup class="mandatory">*</sup></span>
                                       {!! Form::text('mobile_number',old('mobile_number'),array('class'=>'form-control','id'=>'js-corp-register-mobile_number','placeholder'=>'Contact No','maxlength'=>10,"tabindex"=>2)) !!}
                                    </div>
                                    <div class="text-end lbl-cust-em mobile_verification d-none">
                                        <span class="warn-txt"><a class="warn-txt" href="javascript:verifyMobile();">Verify<i class="icon-line-awesome-exclamation-circle"></i></a></span>
                                    </div>
                                    {!! Form::hidden('is_mobile_verified',0,['id'=>'js-corp-register-mobile_verified']) !!}
                                    <span id="js-corp-register-mobile_number-error"></span>
                                </div>
                                <div class="col-sm-12 form-group col-lg-12">
                                    <div class="input-group input-group-primary2">
                                        <span class="input-group-addon" id="basic-addon1"><i class="hiremee-userdefault"></i> <sup class="mandatory">*</sup></span>
                                       {!! Form::text('spoc',old('spoc'),array('class'=>'form-control','id'=>'js-corp-spoc','placeholder'=>'Contact Person Name', "tabindex"=>4)) !!}
                                    </div>
                                    <span id="js-corp-spoc-error"></span>
                                </div>
                                
                            </div>
                        </div>
                        <div class="col-xl-6 col-md-6 col-sm-6 col-12">
                            <div class="row">
                                <div class="col-sm-12 form-group col-lg-12">
                                    <div class="input-group input-group-primary2">
                                        <span class="input-group-addon" id="basic-addon1"><i class="hiremee-closed-lock"></i> <sup class="mandatory">*</sup></span>
                                       {{ Form::password('password',array('class'=>'form-control','id'=>'js-corp-register-password','placeholder'=>'Password', "tabindex"=>5)) }}
                                    </div>
                                    <span id="js-corp-register-password-error"></span>
                                </div>
                                <div class="col-sm-12 form-group col-lg-12">
                                    <div class="input-group input-group-primary2">
                                        <span class="input-group-addon" id="basic-addon1"><i class="hiremee-website"></i> <sup class="mandatory">*</sup></span>
                                       {!! Form::text('website',old('website'),array('class'=>'form-control','id'=>'js-corp-register-website','placeholder'=>'Website', "tabindex"=>7)) !!}
                                    </div>
                                    <span id="js-corp-register-website-error"></span>
                                </div>
                                
                            </div>
                        </div>
                        <div class="col-xl-6 col-md-6 col-sm-6 col-12">
                            <div class="row">
                                <div class="col-sm-12 form-group col-lg-12">
                                    <div class="input-group input-group-primary2">
                                        <span class="input-group-addon" id="basic-addon1"><i class="hiremee-closed-lock"></i> <sup class="mandatory">*</sup></span>
                                       {{ Form::password('confirm_password',array('class'=>'form-control','id'=>'js-corp-register-confirm_password','placeholder'=>'Confirm Password', "tabindex"=>6)) }}
                                    </div>
                                    <span id="js-corp-register-confirm_password-error"></span>
                                </div>
                                
                                <div class="col-sm-12 form-group col-lg-12">
                                    <div class="input-group input-group-primary2" >
                                        <span class="input-group-addon" id="basic-addon1"><span class="f-12">CAPTCHA</span> <sup class="mandatory-captcha">*</sup></span>
                                       <img class='re-captcha' /><input  maxlength='3' class='b-l-fff form-control captcha-size1' type='text' name='v_captcha' id="js-corp-reg-v_captcha"  tabindex="8">
                                        <input type="hidden" value="{{ url('captcha') }}" class="check-captcha" />
                                        <span class="input-group-addon captcha-refresh" id="basic-addon1"><span class="hiremee-refresh"></span></span>
                                    <span id="js-corp-reg-v_captcha-error"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row m-t-10 p-l-20 p-r-20 text-left">
                            <div class="col-sm-12 col-xs-12">

                                <div class="checkbox-fade fade-in-primary">
                                    <label id="js-terms_conditions-label">
                                    <input type="checkbox"  name="terms_conditions" id="js-terms_conditions">
                                    <span class="cr js-checkbox-common" tabindex="9"><i class="cr-icon icofont icofont-ui-check txt-primary"></i></span>
                                    <span class="text-inverse">I agree to  <a href="{{secure_url('/termsofuse')}}" target="_blank" tabindex="10">Terms and Conditions</a> & <a href="{{ secure_url('/privacypolicy') }}" target="_blank" tabindex=11>Privacy Policy</a></span>
                                <sup class="">*</sup></label>
                                <span id="terms_conditions-error"></span>

                                </div>

                            </div>
                        </div>
                    <div class="row p-15 p-b-30 justify-content-center">
                        <div class="col-xl-5 col-md-6 col-sm-8 col-12">
                            <button type="submit" class="btn btn-primary btn-block waves-effect js-company-register" tabindex="11">Register</button>
                        </div>
                        <div class="col-md-7 text-center">
                     <p class="f-14">My Company is Registered! <span class="f-14 md-trigger c-p badge badge-pills badge-info" id="js-open-login-modal"  tabindex="12">Login</span> here</p>
                  </div>
                    </div>
                </div>
                 {!! Form::close() !!}

            </div>
        </div>

        <div class="text-center">
            <ul class="list-inline">
                <li class="list-inline-item p-10"><a class="text-333" href="/">Home</a></li>
                <li class="list-inline-item p-10"><a class="text-333" href="{{ secure_url('contact-us') }}">Contact us</a></li>
                <li class="list-inline-item p-10"><a class="text-333" href="{{ secure_url('privacypolicy') }}">Privacy Policy</a></li>
                <li class="list-inline-item p-10"><a class="text-333" href="{{ secure_url('termsofuse') }}">Terms of use</a></li>
            </ul>
            <p class="f-11">Copyright &copy; {{date('Y')}}. All Rights Reserved</p>
        </div>
    </div>
</div>
@include("corporate.corporate-nonauth-modals") 
@include('hiremee-revamp.include.otp-verification-modal')
@endsection
@section('footer')
<script src="{{ secure_asset('assets/hiremee-revamp/js/magnific-popup.min.js') }} "></script>
<script type="text/javascript" src="{{ secure_asset('assets/js/corporateauth.js') }} "></script>
@endsection