@extends('layouts.main')
@section('content')


<div class="animation-model">
   <div class="md-modal md-effect-1" id="modal-1" >
      <div class="md-content">
         <button type="button" class="btn btn-primary btn-icon waves-effect md-close login-close-btn"><span class="hiremee-multiply"></span></button>
         <div class="row p-0 m-0">
            <div class="col-xl-5 col-md-5 col-sm-12 col-12 login-head-mobile p-0 m-0 login-bg">
               <div class="row">
                  <div class="col-md-12  text-center">
                     <br><br>
                     <img class="img-fluid p-t-50" width="50%" src="assets/images/hiremee-logo.png" alt="HireMee logo" />
                     <br><br>
                     <h4 class="f-w-400"> Company <br> Login</h4>
                  </div>
               </div>
            </div>
            <div class="col-xl-7 col-md-7 col-sm-12 col-12 p-t-40 p-b-30">
               <div class="row p-l-20 p-r-20">
                  <div class="col-sm-12 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>
                        <input class="form-control" placeholder="Username" type="text">
                     </div>
                  </div>
                  <div class="col-sm-12 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>
                        <input class="form-control" placeholder="Password" type="text">
                     </div>
                  </div>
                  <div class="col-sm-12 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>
                        <input class="form-control" placeholder="8+2=10" type="text">
                        <span class="input-group-addon" id="basic-addon1"><span class="hiremee-refresh"></span></span>
                     </div>
                  </div>
               </div>
               <div class="row m-t-10 p-l-20 p-r-20 text-left">
                  <div class="col-sm-6 col-xs-12">
                     <div class="checkbox-fade fade-in-primary">
                        <label>
                        <input value="" type="checkbox">
                        <span class="cr"><i class="cr-icon icofont icofont-ui-check txt-primary"></i></span>
                        <span class="text-inverse">Remember me</span>
                        </label>
                     </div>
                  </div>
                  <div class="col-sm-6 col-xs-12 forgot-phone text-right">
                     <a href="auth-reset-password.html" class="text-right text-info"><i> <u>Forgot Password?</u></i></a>
                  </div>
               </div>
               <div class="row m-t-20 p-l-20 p-r-20 text-left">
                  <div class="col-md-2"></div>
                  <div class="col-sm-8">
                     <button type="button" class="btn btn-primary btn-block waves-effect">Login</button>
                  </div>
                  <div class="col-md-2"></div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="md-modal m-w-400 md-effect-1" id="modal-4">
      <div class="md-content">
         <button type="button" class="btn btn-primary btn-icon waves-effect md-close login-close-btn"><span class="hiremee-multiply"></span></button>
         <div class="row p-0 m-0">
            <div class="col-md-12 p-t-30 p-b-30">
               <div class="row p-l-20 p-r-20">
                  <div class="col-sm-12 col-lg-12">
                     <div class="b-l-g">
                        <h4 class="f-w-100 m-b-20 g-l-b">Forgot Password?</h4>
                     </div>
                     <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>
                        <input class="form-control" placeholder="Email ID" type="text">
                     </div>
                  </div>
                  <div class="col-sm-12 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>
                        <input class="form-control" placeholder="8+2=10" type="text">
                        <span class="input-group-addon" id="basic-addon1"><span class="hiremee-refresh"></span></span>
                     </div>
                  </div>
               </div>
               <div class="row m-t-20 p-l-20 p-r-20 text-left">
                  <div class="col-sm-5">
                     <button type="button" class="btn btn-primary btn-block waves-effect">Generate Link</button>
                  </div>
                  <div class="col-md-7 text-center">
                     <p class="f-14 l-h-14">Back to <a class="f-14" href="#">Login</a> <br>
                        OR Create <a class="f-14" href="#">New User</a>
                     </p>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="md-modal m-w-980 md-effect-1" id="modal-2">
      <div class="md-content">
         <button type="button" class="btn btn-primary btn-icon waves-effect md-close login-close-btn"><span class="hiremee-multiply"></span></button>
         {!! 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-0 m-0">
            <div class="col-md-4 p-0 m-0 color-ddd">
               <div class="row">
                  <div class="col-md-12  text-center">
                     <br><br><br>
                     <img class="img-fluid p-t-50" width="60%" src="assets/images/hiremee-logo.png" alt="HireMee logo" />
                     <br><br>
                     <h4 class="f-w-400"> Company <br> Registration</h4>
                  </div>
               </div>
            </div>
            <div class="col-md-8 p-t-40 p-b-30">
               <div class="row p-l-20 p-r-20">
                  <div class="col-sm-6 col-lg-6">
                     <div class="input-group input-group-primary2">
                        <span class="input-group-addon" id="basic-addon1"><i class="hiremee-name"></i> <sup class="mandatory">*</sup></span>
                        {!! Form::text('companyname','',array('class'=>'form-control','id'=>'companyname','placeholder'=>'Company Name')) !!}
                     </div>
                     <span id="companyname-error"></span>
                  </div>
                  <div class="col-sm-6 col-lg-6">
                     <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','',array('class'=>'form-control','id'=>'email_address','placeholder'=>'Email')) !!}
                     </div>
                     <span id="email_address-error"></span>
                  </div>
                  <div class="col-sm-6 col-lg-6">
                     <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','',array('class'=>'form-control','id'=>'mobile_number','placeholder'=>'Contact No','maxlength'=>12)) !!}
                     </div>
                     <span id="mobile_number-error"></span>
                  </div>
                  <div class="col-sm-6 col-lg-6">
                     <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','',array('class'=>'form-control','id'=>'spoc','placeholder'=>'Contact Person Name')) !!}
                     </div>
                     <span id="spoc-error"></span>
                  </div>
                  <div class="col-sm-6 col-lg-6">
                     <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'=>'password','placeholder'=>'Password')) !!}
                     </div>
                     <span id="password-error"></span>
                  </div>
                  <div class="col-sm-6 col-lg-6">
                     <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'=>'confirm_password','placeholder'=>'Confirm Password')) !!}
                     </div>
                     <span id="website-error"></span>
                  </div>
                  <div class="col-sm-6 col-lg-6">
                     <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','',array('class'=>'form-control','id'=>'website','placeholder'=>'Website')) !!}
                     </div>
                     <span id="confirm_password-error"></span>
                  </div>
                  <div class="col-sm-6 col-lg-6">
                     <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' />  <span style='position:relative; float:right; left:0px;'>=</span><input  maxlength='3' class='input100 captcha-size1' type='text' name='v_captcha'><a style='position:absolute; right:10px; cursor:pointer; top: 13px; z-index:99'><span class="input-group-addon" id="basic-addon1"><span class="hiremee-refresh js-company-captcha-refresh"></span></span></a><span class='focus-input100'></span><span class='symbol-input100'></span>
                        <span id="v_captcha-error"></span>
                         <input type="hidden" value="{{ url('captcha') }}" class="check-captcha" />
                  </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>
                        <input value="" type="checkbox">
                        <span class="cr"><i class="cr-icon icofont icofont-ui-check txt-primary"></i></span>
                        <span class="text-inverse"><sup class="mandatory">*</sup>I agree to <a class="f-14" href="#">Terms</a> and <a class="f-14" href="#"> Conditions </a> me</span>
                        </label>
                     </div>
                  </div>
               </div>
           
               <div class="row m-t-20 p-l-20 p-r-20 text-left">
                  <div class="col-sm-5">
                  	<!-- <button type="button" data-container="body" style="z-index:2000 !important; position:relative" class="btn btn-default waves-effect" data-toggle="tooltip" data-placement="top" title="" data-original-title="tooltip on top" tabindex = "-1">Topdfasd</button> -->
                     <button type="submit" class="btn btn-primary btn-block waves-effect js-company-register">Register</button>
                  </div>
                  <div class="col-md-7 text-center">
                     <p class="f-14">My Company is Registered! <a class="f-14 md-trigger" href="#" data-modal="modal-1"><span class="pcoded-mtext">Company Login</span></a> here</p>
                  </div>
               </div>
            </div>
         </div>
         {!! Form::close() !!}
      </div>
   </div>
   <div class="md-overlay"></div>
</div>
@endsection
@section('footer')
@endsection