@extends('backend.layouts.user_auth_layout')
@section('title', 'User Login')
@section('content')
<div class="login-box">
   <div class="login-logo">
      
      <p class="login-box-msg text-success" style="font-size: 18px;"><strong>{{ Session::get('msg_succ') }}</strong> </p>
      <p class="login-box-msg text-danger" style="font-size: 18px;">
         <strong>{{ Session::get('error_msg') }}</strong> 
      </p>
   </div>
   <!-- /.login-logo -->
   <div class="card">
      <div class="card-body login-card-body">
         <form action="{{ route('userlogin') }}" method="post">
            @csrf
            <div class="input-group mb-3">
               <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" autocomplete="email" placeholder="{{ __('E-Mail Address') }}" autofocus>                    
               <div class="input-group-append">
                  <div class="input-group-text">
                     <span class="fas fa-envelope"></span>
                  </div>
               </div>
               @error('email')
               <span class="invalid-feedback" role="alert">
               <strong>{{ $message }}</strong>
               </span>
               @enderror
            </div>
            <div class="input-group mb-3">
               <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" autocomplete="current-password" placeholder="{{ __('Password') }}">                    
               <div class="input-group-append">
                  <div class="input-group-text">
                     <span class="fas fa-lock"></span>
                  </div>
               </div>
               @error('password')
               <span class="invalid-feedback" role="alert">
               <strong>{{ $message }}</strong>
               </span>
               @enderror
            </div>
            <div class="row">
               <div class="col-8">
                  <div class="icheck-primary">
                     <input type="checkbox" id="remember">
                     <label for="remember">
                     Remember Me
                     </label>
                  </div>
               </div>
               <!-- /.col -->
               <div class="col-4">
                  <button type="submit" class="btn btn-primary btn-block">Sign In</button>
               </div>
               <!-- /.col -->
            </div>
         </form>
         <p class="mb-1">
            <a href="{{ route('forgot-password') }}">I forgot my password</a>
         </p>
         <p class="mb-0">
            <a href="register.html" class="text-center">Register a new membership</a>
         </p>
      </div>
      <!-- /.login-card-body -->
   </div>
</div>
<!-- /.login-box -->
@endsection