@extends('client.layout.master')
@section('content')
      @include('client.layout.navbar')
      <div class="container mb-2">
        <div class="row">
          <div class=" mx-auto col-md-4">
            <div class="card">
              <div class="card-header bg-success text-white">
                <h5 class="mb-0">Account Login</h5>
              </div>
              <div class="card-body bg-success2">
                @if(Session::get('errors'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{-- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        <span class="sr-only">Close</span>
                    </button> --}}
                    <strong>{{Session::get('errors')->first()}}</strong>
                </div>
                {!!Session::forget('errors')!!}
                @endif

                @if(Session::get('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{-- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        <span class="sr-only">Close</span>
                    </button> --}}
                    <strong>{{Session::get('success')}}</strong>
                </div>
                {!!Session::forget('success')!!}
                @endif
                <form method="post" action="{{route('user.attempt')}}" class="needs-validation" novalidate="">
                  @csrf
                  <div class="form-group mb-2">
                    <label class="text-white" for="email">Email/Phone Number</label>
                    <input id="email" type="text" placeholder="Email/Phone Number" class="form-control" name="email" >
                    <div class="invalid-feedback">
                      Please fill in your email
                    </div>
                  </div>
                  <div class="form-group mb-2">
                    <div class="d-block">
                      <label class="text-white" for="password">Password</label>
                      <input id="password" type="password" placeholder="Enter Your Password" class="form-control" name="password" >
                    </div>
                  </div>
                  <div class="form-group mb-2">
                    <div class="custom-control custom-checkbox">
                      <input type="checkbox" name="remember" class="custom-control-input" tabindex="3" id="remember-me">
                      <label class="custom-control-label text-white" for="remember-me">Keep me in login</label>
                    </div>
                  </div>
                  <div class="form-group mb-2">
                    <button type="submit" class="btn bg-success text-white w-100">
                      Login
                    </button>
                  </div>
                  <div class="text-end">
                        <a href="{{route('user.forget_password')}}" class="text-white">
                          Forgot Password?
                        </a>
                      </div>
                </form>
              </div>
            </div>
            <div class="my-3 text-muted text-center">
              Don't have an account? <a href="{{route('user.membership')}}"  class="text-success">Create One</a>
            </div>
          </div>
        </div>
      </div>
   @endsection