@extends('backend.base')

@section('page_content')
  <!-- ============================================================== -->
  <!-- Preloader - style you can find in spinners.css -->
  <!-- ============================================================== -->
  <div class="preloader">
      <svg class="circular" viewBox="25 25 50 50">
          <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" /> </svg>
  </div>
  <!-- ============================================================== -->
  <!-- Main wrapper - style you can find in pages.scss -->
  <!-- ============================================================== -->
  <section id="wrapper" class="login-register login-sidebar" style="background-image:url({{ BE_URL.'images/background/login-register.jpg' }});">
      <div class="login-box card login-card">
          <div class="card-body">
              <form class="form-horizontal form-material login-section" id="loginform" action="" autocomplete="off" data-parsley-validate data-login-for="{{ (isset($company) && $company ? base64_encode('company/'.$company->id) : '') }}">
                  <h3 href="javascript:void(0)" class="text-center db"><img src="{{ BE_URL.'images/logo.png' }}" class="logo" alt="{{ APP_NAME }}" /></h3>
                  <div class="form-group m-t-40">
                      <div class="col-xs-12">
                          <input class="form-control" type="email" name="loginId" id="loginId" data-parsley-required data-parsley-type="email" placeholder="Email" autofocus="">
                          <input type="hidden" name="apiToken" value="{{ Config::get('custom.api-token') }}">
                      </div>
                  </div>
                  <div class="form-group">
                      <div class="col-xs-12">
                          <input class="form-control" type="password" name="password" id="loginPassword" data-parsley-required placeholder="Password">
                      </div>
                  </div>
                  <div class="form-group">
                      <div class="col-md-12">
                          <!-- <div class="checkbox checkbox-primary pull-left p-t-0">
                              <input id="checkbox-signup" type="checkbox">
                              <label for="checkbox-signup"> Remember me </label>
                          </div> -->
                          <a href="javascript:void(0)" id="to-recover" class="text-dark pull-right"><i class="fa fa-lock m-r-5"></i> Forgot password?</a> </div>
                  </div>
                  <div class="form-group text-center m-t-20">
                      <div class="col-xs-12">
                          <button class="btn btn-info btn-lg btn-block waves-effect waves-light" type="submit" id="login-action-btn">Log In</button>
                      </div>
                  </div>
                  <!-- <div class="row">
                      <div class="col-xs-12 col-sm-12 col-md-12 m-t-10 text-center">
                          <div class="social"><a href="javascript:void(0)" class="btn  btn-facebook" data-toggle="tooltip" title="Login with Facebook"> <i aria-hidden="true" class="fab fa-facebook"></i> </a> <a href="javascript:void(0)" class="btn btn-googleplus" data-toggle="tooltip" title="Login with Google"> <i aria-hidden="true" class="fab fa-google-plus"></i> </a> </div>
                      </div>
                  </div> -->
                  <div class="form-group m-b-0">
                      <div class="col-sm-12 text-center">
                          <p>Don't have an account? <a href="javascript:;" class="text-primary m-l-5" id="sign-up-form-link"><b>Sign Up</b></a></p>
                      </div>
                  </div>
              </form>
              <form class="form-horizontal" id="recoverform" action="" data-parsley-validate>
                  <div class="form-group ">
                      <div class="col-xs-12">
                          <h3>Recover Password</h3>
                          <p class="text-muted">Enter your Email and instructions will be sent to you! </p>
                      </div>
                  </div>
                  <div class="form-group ">
                      <div class="col-xs-12">
                          <input class="form-control" id="recovery_email" name="email" type="text" data-parsley-required placeholder="Email">
                      </div>
                  </div>
                  <div class="form-group text-center m-t-20">
                      <div class="col-xs-12">
                          <button class="btn btn-primary btn-lg btn-block waves-effect waves-light" type="submit">Reset</button>
                          <br/>
                          <p>Remember Credentials..<a href="javascript:;" class="text-primary m-l-5" id="sign-in-link"><b>Login</b></a></p>
                      </div>
                  </div>
              </form>
              <form class="form-horizontal form-material hide login-section" id="signupForm" action="">
                  <input type="hidden" name="apiToken" value="{{ Config::get('custom.api-token') }}">
                  <h3 href="javascript:void(0)" class="text-center db"><img src="{{ BE_URL.'images/logo.png' }}" class="logo" alt="Home" /></h3>
                  {{ Form::hidden('status',1) }}
                  <div class="registration-first-step registration-steps">
                      <h3 class="box-title m-t-40 m-b-0">Register Now</h3><small>Create your company  account</small> 
                      <div class="form-group m-t-20" style="display: none">
                        <div class="col-xs-12">
                            <select class="form-control" name="role_id" id="role" data-parsley-required>
                                <option value="">Select User Type</option>
                                <option value="2" selected>Company</option>
                                <option value="6">Contractor</option>
                            </select>
                        </div>
                      </div>
                      <div class="form-group m-t-20">
                        <div class="col-xs-12">
                          <input class="form-control" type="text" name="name" data-parsley-group="first-step" data-parsley-required placeholder="Name">
                        </div>
                      </div>
                      <div class="form-group ">
                        <div class="col-xs-12">
                          <input class="form-control" type="email" name="email" data-parsley-group="first-step"  data-parsley-type="email" data-parsley-required placeholder="Email">
                        </div>
                      </div>
                      <div class="form-group ">
                        <div class="col-xs-12">
                          <input class="form-control" type="text" name="phone" data-parsley-group="first-step"  data-parsley-type="digits" data-parsley-required placeholder="Phone Number">
                        </div>
                      </div>
                      <div class="form-group ">
                        <div class="col-xs-12">
                          <input class="form-control" type="password" name="password" data-parsley-minlength="6" id="password" data-parsley-group="first-step" data-parsley-required placeholder="Password">
                        </div>
                      </div>
                      <div class="form-group">
                        <div class="col-xs-12">
                          <input class="form-control" type="password" name="confirm_password" data-parsley-group="first-step"  data-parsley-equalto="#password" data-parsley-required placeholder="Confirm Password">
                        </div>
                      </div>
                      <div class="form-group m-t-20">
                        <div class="col-xs-12">
                          <label id="image_type_text">Logo</label>
                          <input class="form-control" type="file" accept="image/*" name="image" data-parsley-required="true"  placeholder="Image">
                        </div>
                      </div>
                      <div class="form-group agree_to_all_box">
                        <div class="col-md-12">
                          <div class="checkbox checkbox-primary p-t-0">
                            <input id="checkbox-signup" type="checkbox" data-parsley-required>
                            <label for="checkbox-signup"> I agree to all <a href="#">Terms</a></label>
                          </div>
                        </div>
                      </div>
                      <div class="form-group text-center m-t-20">
                        <div class="col-xs-12">
                          <button class="btn btn-info btn-lg btn-block waves-effect waves-light" button-type="1" type="submit">Sign Up</button>
                        </div>
                      </div>
                      <div class="form-group m-b-0">
                        <div class="col-sm-12 text-center">
                          <p>Already have an account? <a href="javascript:;" class="text-info m-l-5" id="sign-in-form-link"><b>Sign In</b></a></p>
                        </div>
                      </div>
                  </div>
                  <div class="registration-second-step hide registration-steps">
                      <h3 class="box-title m-t-40 m-b-0">Contractor</h3><small>Required Details</small> 
                      <div class="form-group m-t-20">
                        <div class="col-xs-12">
                          <input class="form-control" type="text" name="wsib_no"  placeholder="Wsib #">
                        </div>
                      </div>
                      <div class="form-group m-t-20">
                        <div class="col-xs-12">
                          <input class="form-control" type="text" name="business_trade_number"  placeholder="Business Trade Number">
                        </div>
                      </div>
                      <div class="form-group m-t-20">
                        <div class="col-xs-12">
                          <input class="form-control" type="date"  data-date-format="MM/DD/YYYY" data-date-minDate="{{ date('m/d/Y') }}" data-parsley-mindate="
                          {{ date('m/d/Y') }}" name="expiry_date" placeholder="Expiry Date Of Licence">
                        </div>
                      </div>
                      <div class="form-group m-t-20">
                        <div class="col-xs-12">
                          <label>Agreement</label>
                          <input class="form-control" type="file" name="attachment" data-parsley-required="true" placeholder="Agreement">
                        </div>
                      </div>
                      <div class="form-group">
                        <div class="col-md-12">
                          <div class="checkbox checkbox-primary p-t-0">
                            <input id="step-checkbox-signup" type="checkbox" >
                            <label for="step-checkbox-signup"> I agree to all <a href="#">Terms</a></label>
                          </div>
                        </div>
                      </div>
                      <div class="form-group text-center m-t-20">
                        <div class="col-xs-12">
                          <button class="btn btn-info btn-lg btn-block waves-effect waves-light" type="submit">Sign Up</button>
                          <a href="javascript:;" id="back-step">Back</a>
                        </div>
                      </div>
                  </div>
                </form>
          </div>
      </div>
  </section>
@stop

@section('page_script')
<script type="text/javascript" src="{{ BE_URL.'js/login.js' }}"></script>
<script src="{{ BE_URL.'plugins/jqueryui/jquery-ui.min.js' }}"></script>
@stop