@extends('layouts.main')
@section('title',trans('core.title_corporate_login'))
@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/icons.css') }}">
<link rel="stylesheet" type="text/css" 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;
}
/*.mail_verification{
    position: absolute;
    top: 24px;
    right: 10px;
    z-index: 10;
}*/
</style>
<div class="container">
    <div class="row justify-content-center pt-5">
        <div class="col-xl-5 col-12">
            <div class="text-center pb-5">
                <a href="{{ secure_url('/') }}"><img class="img-responsive" width="50%" src="{{secure_asset('assets/images/hiremee-logo.png')}}" alt="HireMee logo"></a>
            </div>
            <div class="card borderless-card">
                {!! Form::open(array('url' => secure_url('company/login'), 'method'=>'POST','class'=>'form-horizontal','name'=>'corporate-login','id'=>'corporate-login-form','autocomplete'=>'off')) !!}
                <div class="card-block z-depth-5">
                    <div class="row p-15">
                        <div class="col-xl-12">
                            <h4 class="f-20 g-l-b">Company Login</h4>                            
                        </div>
                    </div>
                    @if(Session::get('success'))
                        <div class="col-md-12 error-content-b media error-content-b backend-error-box">
                            <i class="icofont hiremee-tick f-30 text-success d-flex mr-3 "></i>
                            <p class="media-body send-chat p-t-5 f-16">{{ Session::get('success') }}</p>
                        </div>
                    @endif

                    @if(Session::get('error'))
                        <div class="col-md-12 error-content-b media error-content-b backend-error-box">
                            <i class="icofont hiremee-info f-40 text-danger d-flex mr-3 "></i>
                            <p class="media-body send-chat p-t-5 f-16">{{ Session::get('error') }}</p>
                        </div>
                    @endif
                    @if(Session::get('token-error'))
                        <div class="col-md-12 error-content-b media error-content-b backend-error-box">
                            <i class="icofont hiremee-info f-40 text-danger d-flex mr-3 "></i>
                            <p class="media-body send-chat p-t-5 f-16">{{ Session::get('token-error') }}</p>
                        </div>
                    @endif
                    <div class="row p-15">
                        <div class="col-xl-612 col-md-12 col-sm-12 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('email','',array('class'=>'form-control js-tooltip-validate','id'=>'js-corp-login-username','placeholder'=>'Username')) !!}
                                    </div>
                                    <span id="js-corp-login-username-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-closed-lock"></i> <sup class="mandatory">*</sup></span>
                                       {!! Form::password('password',array('class'=>'form-control js-tooltip-validate','id'=>'js-corp-login-password','placeholder'=>'Password')) !!}
                                    </div>
                                    <span id="js-corp-login-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-login-v_captcha">
                                        <input type="hidden" value="{{ secure_url('captcha') }}" class="check-captcha" />
                                        <span class="input-group-addon captcha-refresh" id="basic-addon1"><span class="hiremee-refresh"></span></span>
                                    </div>
                                    <span id="js-corp-login-v_captcha-error"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row p-15 p-b-10 justify-content-center">
                        <div class="col-sm-6 col-12">
                            <button type="submit" class="btn btn-primary btn-block waves-effect" id="corporate-login-submit" data-form-type="traditional">Login</button>
                        </div>
                    <div class="col-sm-6 col-12 forgot-phone">
                         <span class="text-right text-info c-p" id="js-forgot-password-modal"><i> <u>Forgot Password?</u></i></span><br/>
                         <span class="text-right text-info c-p" id="js-forgot-register"><i> <u>Register</u></i></span>
                      </div>
                   </div>
                </div>
                {!! Form::close() !!}
            </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>
</div>
<div id="corporate_user_myModal" class="modal user-modal fade" data-backdrop="static" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content user-modal-body">
            <div class="modal-body " id="js_pro_user_datas"></div>
        </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>
<script type="text/javascript">
$(document).ready(function() {
    $('input,textarea').attr('autocomplete', 'off');
});    
</script>
@endsection