@extends('web.app')

@section('main-content')
<div class="container">
    <div class="omb_login">
      <h3 class="omb_authTitle">Login</h3>
        <div class="row omb_row-sm-offset-3 omb_socialButtons">
                @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
              <div class="col-xs-12 col-sm-4">
                <a href="{{ route('social.oauth', 'facebook') }}" class="btn btn-lg btn-block omb_btn-facebook">
                  <i class="fa fa-facebook visible-xs"></i>
                  <span class="hidden-xs">Facebook</span>
                </a>
              </div>
              <div class="col-xs-12 col-sm-4">
                <a href="{{ route('social.oauth', 'twitter') }}" class="btn btn-lg btn-block omb_btn-twitter">
                  <i class="fa fa-twitter visible-xs"></i>
                  <span class="hidden-xs">Twitter</span>
                </a>
              </div>  
              <div class="col-xs-12 col-sm-4">
                <a href="{{ route('social.oauth', 'google') }}" class="btn btn-lg btn-block omb_btn-google">
                  <i class="fa fa-google-plus visible-xs"></i>
                  <span class="hidden-xs">Google+</span>
                </a>
              </div>  
        </div>

        <div class="row omb_row-sm-offset-3 omb_loginOr">
          <div class="col-xs-12 col-sm-12">
            <hr class="omb_hrOr">
            <span class="omb_spanOr">or</span>
          </div>
        </div>

        <div class="row omb_row-sm-offset-3">
          <div class="col-xs-12 col-sm-12">  
              <form class="omb_loginForm" action="{{ url('login') }}" autocomplete="off" method="POST">
              {{ csrf_field() }}
              <div class="input-group">
                <input type="email" class="form-control" name="email" placeholder="email address" required maxlength="50" autofocus>
                @if ($errors->has('email'))
                    <span class="help-block">
                        <strong>{{ $errors->first('email') }}</strong>
                    </span>
                @endif
              </div>
              <span class="help-block"></span>
                        
              <div class="input-group">
                <input  type="password" class="form-control" name="password" placeholder="Password" required minlength="6" maxlength="20">
                @if ($errors->has('password'))
                    <span class="help-block">
                        <strong>{{ $errors->first('password') }}</strong>
                    </span>
                @endif
              </div>
              <div class="row remain">
                <div class="col-xs-12 col-md-6">
                  <label class="checkbox">
                    <input type="checkbox" name="remember" {{ old('remember') ? 'checked' : '' }}>Remember Me
                  </label>
                </div>
                <div class="col-xs-12 col-md-6">
                  <p class="omb_forgotPwd">
                    <a href="{{ route('password.request') }}">Forgot password?</a>
                  </p>
                </div>
              </div>
              <button class="btn btn-lg btn-primary btn-block" type="submit">Login</button>
            </form>
          </div>
          </div>
                
      </div>
  </div>
@endsection