@extends('web.app')

@section('main-content')
<div class="container">
<section class="text-center login_section">
         <div class="container">
             <div class="row" id="socialForm" {{ ($errors->has('msg'))?'style=display:none;':'' }}>
                <div class="title-heading text-center">
                    <h2>LOGIN USING AN OPTION BELOW</h2>
                </div>
                <div class="lg-section">
                    <div class="lg-btn" id="social">
                        <a href="javascript:void(0)" class="btn btn-primary" >
                            <i class="fa fa-envelope-o mail_ic"></i>
                            LOG IN WITH YOUR EMAIL »
                        </a>
                     </div>
                     <div class="or-img">
                         <img src="img/sep-or.png" alt="">
                     </div>
                     
                     <div class="social-icon omb_login">
                        <div class="omb_socialButtons">
                            <!--<div class="col-xs-4 col-sm-4">
                                <a href="{{ route('social.oauth', 'google') }}" class="btn btn-lg btn-block omb_btn-google">
                                    <i class="fa fa-google-plus"></i>
                                    <span class="hidden-xs">Google+</span>
                                </a>
                            </div>-->  
                            <div class="lg-btn">
                                <a href="{{ route('social.oauth', 'facebook') }}" class="btn btn-lg btn-block omb_btn-facebook">
                                    <i class="fa fa-facebook fb_icon"></i>
                                    USE YOUR FACEBOOK ACCOUNT
                                </a>
                            </div>
                            <!--<div class="col-xs-4 col-sm-4">
                                <a href="{{ route('social.oauth', 'twitter') }}" class="btn btn-lg btn-block omb_btn-twitter">
                                    <i class="fa fa-twitter"></i>
                                    <span class="hidden-xs">Twitter</span>
                                </a>
                            </div>-->  
                        </div>
                     </div>
                     <p class="signup-link">NOT a Winabike member?   <a href="{{ url('register') }}">Register here</a></p>
                </div>
                 
            </div>
            <div class="row" id="emailForm" {{ (!$errors->has('msg'))?'style=display:none;':'' }}>
                <div class="login-form lg-section">
                @if ($errors->has('msg'))
                    <div class="alert alert-warning">
                        {{ $errors->first('msg') }}
                        <button type="button" data-dismiss="alert" aria-label="Close" class="close"><span aria-hidden="true">×</span></button>
                    </div>
                @endif
                    <form action="{{ url('login') }}" method="POST">
                      {{ csrf_field() }}
                        <div class="form-group">
                            <input id="email" name="email" placeholder="E-mail Address" type="email" value="" class="form-control input-control" value="{{ Input::old('email') }}" required maxlength="50" autofocus>
                            @if ($errors->has('email'))
                                <span class="help-block">
                                    <strong>{{ $errors->first('email') }}</strong>
                                </span>
                            @endif
                        </div>
                        <div class="form-group">
                            <input id="password" name="password" placeholder="Password" type="password" class="form-control input-control" required minlength="6" maxlength="20">
                            @if ($errors->has('password'))
                                <span class="help-block">
                                    <strong>{{ $errors->first('password') }}</strong>
                                </span>
                            @endif
                        </div>
                        
                         <div class="remeber">
                             <label class="checkbox pull-left">
                            <input type="checkbox" value="remember-me">
                            Remember me
                            </label>
                         <a href="{{ route('password.request') }}" class="pull-right need-help">Forgot Password?</a>
                         <span class="clearfix"></span>
                         </div>
                        <div class="form-group">
                            <input type="submit" value="LOG IN" class="btn btn-orange">
                        </div>
                    </form>
                </div>
                     <p class="signup-link">Not a member ? <a href="{{ url('register') }}">Sign up here</a></p>
                </div>
                 
            </div>
         </div>
     </section>
</div>
@endsection
@push('scripts')
<script type="text/javascript">
  $('#social').click(function(event) {
    $('#socialForm').hide();
    $('#emailForm').show();
  });
</script>
@endpush