@extends('layouts.app')

@section('content')
  <div class="container for-mobile">
            <div class="row">
                <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-8 offset-xl-2 nm-st nm-st-md">
                     <form method="POST" action="{{ route('login') }}">
                        @csrf
                        <div class="nm-mb-2 nm-mb-md-2">
                            <h2>Welcome Back</h2>
                            <p>Login to your account</p>
                        </div>

                        <div class="form-group">
                            <label for="inputEmail">Email address</label>
                            <input type="email" class="form-control  @error('email') is-invalid @enderror" name="email"  value="{{ old('email') }}" required autocomplete="email" autofocus>
                        </div>

                        <div class="form-group">
                            <label for="inputPassword">
                                <span class="d-flex nm-jcb nm-aic">
                                    Password

                                </span>
                            </label>
                            <input type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password" tabindex="2" >
                        </div>

                        <div class="row nm-aic nm-mb-2">
                            @if (Route::has('password.request'))
                            <div class="col-sm-6 nm-mb-1 nm-mb-sm-0">
                                <a class="nm-lu nm-ct" href="{{ route('password.request') }}">Forgot Password?</a>
                            </div>
                              @endif
                            <div class="col-sm-12 nm-sm-tr">
                                <button type="submit" class="btn btn-primary nm-hvr nm-btn-1">Log In</button>
                                  <!--<a href="{{url('add-pre-booking')}}" class="btn btn-primary nm-hvr nm-btn-1">Campany Registration</a>-->
                            <!--     <button type="button" class="btn btn-primary nm-hvr nm-btn-1" data-toggle="modal" data-target="#register-modal" data-keyboard="false" data-backdrop="static">Register Now</button> -->
                            </div>


                        </div>
                    </form>
                </div>
                <div class="modal fade" id="register-modal">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-body">
                                            <div class="modal-header modal-heading">
                                                <h4>Register Now</h4>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true"><i class="las la-times" style="color: #007be8;"></i></span>
                                                </button>
                                            </div>
                                            <section class="content">
                                                <div class="container-fluid">

                                                    <div class="card card-primary" style="box-shadow: none;">
                                                        <form id="account-register" action="{{url('create-account')}}" method="post" enctype="multipart/form-data">
                                                            @csrf
                                                            <div class="card-body row">
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label for="exampleInputEmail1">Company Name</label>
                                                                        <input type="text" class="form-control " name="company_name" placeholder="Company Name" value="{{ old('company_name') }}" autocomplete="off">
                                                                        <span class="text-danger error-text company_name_error"></span>
                                                                    </div>


                                                                </div>
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label for="exampleInputEmail1">Email</label>
                                                                        <input type="text" class="form-control" name="email" placeholder="Enter Email ID" autocomplete="off" value="{{ old('email') }}">
                                                                    </div>
                                                                    <span class="text-danger error-text email_error"></span>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label for="exampleInputEmail1">Password</label>
                                                                        <input type="password" class="form-control" name="password" placeholder="Type Password" autocomplete="off" value="{{ old('password') }}">
                                                                    </div>
                                                                    <span class="text-danger error-text password_error"></span>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label for="exampleInputEmail1">Confirm Password</label>
                                                                        <input type="password" class="form-control" name="confirm_password" placeholder="Confirm Password" autocomplete="off" value="{{ old('confirm_password') }}">
                                                                    </div>
                                                                    <span class="text-danger error-text confirm_password_error"></span>
                                                                </div>
                                                            </div>
                                                               <div class="card-footer">
                                                                <button type="submit"  class="btn btn-primary">Submit</button>
                                                                <button type="button" data-dismiss="modal" aria-label="Close" type="submit" class="btn btn-danger">Cancel</button>
                                                            </div>
                                                    </div>
                                                </form>
                                                </div>
                                                <!-- /.container-fluid -->
                                            </section>
                                        </div>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
            </div>
        </div>

@endsection
@section('script')
<script src="{{ asset('js/register.js') }}"></script>
@endsection

