@extends('layouts.app')

@section('content')
   <nav aria-label="breadcrumb" class="breadcrumb-nav">
                <div class="container">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html"><i class="icon-home"></i></a></li>
                        <li class="breadcrumb-item active" aria-current="page">Login</li>
                    </ol>
                </div><!-- End .container -->
            </nav>

            <div class="container">
                <div class="auth-form-wrapper">
                  
                        <div class="heading">
                            <h2 class="title">Login</h2>
                        </div><!-- End .heading -->
                        @if($errors->any())
                        {!! implode('', $errors->all('<div class="alert alert-danger">:message</div>')) !!}
                        @endif
                        @if (session('success'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        {{ session('success') }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                        </button>
                      </div>
                   @endif
                  
                   @if (session('error'))
                   <div class="alert alert-danger alert-dismissible fade show" role="alert">
                       {{ session('error') }}
                       <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                         <span aria-hidden="true">&times;</span>
                       </button>
                     </div>
                  @endif
                                            <form class="form-horizontal" method="POST" action="{{ route('login') }}">
                        {{ csrf_field() }}

                        <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                            <label for="email" class="control-label">E-Mail Address</label>

                 
                                <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}" required autofocus>

                               <!-- @if ($errors->has('email'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </span>
                                @endif-->
     
                        </div>

                        <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                            <label for="password" class="control-label">Password</label>

             
                                <input id="password" type="password" class="form-control" name="password" required>

                                <!-- @if ($errors->has('password'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </span>
                                @endif -->
           
                        </div>

                        <div class="form-group">
                           <p> If you don't have any account, please <a href="{{ route('register') }}" class="btn-link" style="padding-left:0px"> Register</a></p>
                        </div>

                        <div class="form-group">
                            
                                <button type="submit" class="btn btn-primary">
                                    Login
                                </button>

                                <a class="btn-link" href="{{ route('password.request') }}">
                                    Forgot Password?
                                </a>
                       
                        </div>
                    </form>
                    
                   
                    <div class="social-auth-btn text-center">
                        <p class="text-center">----- OR ------</p>
                        <a class="google-btn" href="{{ url('login/google') }}"><i class="fab fa-google"></i> Google</a>
                        <a class="facebook-btn" href="{{ url('login/facebook') }}"><i class="fab fa-facebook"></i> Facebook</a>
                    </div>
                   
                </div><!-- End -->
            </div><!-- End .container -->

           
@endsection