@extends('layouts.auth')

@section('title', 'Login')

@section('content')
    <form method="POST" action="{{ route('loginUser') }}" class="form-detail">
        <br><span style="color: #fff; font-size: 15pt; font-weight: 500">Sign In</span><br><br>
        @if(session('error'))
            <p style="color: indianred;">
                <i class="fa fa-times-circle"></i> {{ session('error') }}
            </p>
        @endif
        @csrf
        <div class="form-group">
            <label class="form-control-label" for="InputEmail" style="color: #fff;">Email Address</label>
            <div class="input-group input-group-merge">
                <div class="input-group-prepend">
                    <span class="input-group-text">
                        <i class="icon-dual" data-feather="mail"></i>
                    </span>
                </div>
                @if(session('email'))
                <input type="email" name="email"
                       value="{{session('email')}}"
                       class="input-text "
                       id="InputEmail"
                       placeholder=""
                       required
                       style="width: 100%; height: 40px; font-size: 10pt; font-family: Verdana;">
                       @else
                       <input type="email" name="email"
                       value=""
                       class="input-text "
                       id="InputEmail"
                       placeholder=""
                       required
                              style="width: 100%; height: 40px; font-size: 10pt; font-family: Verdana;">
                       @endif
            </div>
        </div>
        <div class="form-group">
            <label class="form-control-label" for="InputPassword" style="color: #fff;">Password</label>
            <div class="input-group input-group-merge">
                <div class="input-group-prepend">
                    <span class="input-group-text">
                        <i class="icon-dual" data-feather="lock"></i>
                    </span>
                </div>
                @if(session('password'))
                <input type="password"
                       value="{{session('password')}}"
                       name="password"
                       class="input-text "
                       id="InputPassword"
                       placeholder=""
                       required
                       style="width: 100%; height: 40px; font-size: 10pt; font-family: Verdana;">
                       @else
                       <input type="password"
                       value=""
                       name="password"
                       class="input-text "
                       id="InputPassword"
                       placeholder=""
                       required
                              style="width: 100%; height: 40px; font-size: 10pt; font-family: Verdana;">
                       @endif
            </div>
        </div>

        @if(session('auth'))
        <div class="form-group">
            <label class="form-control-label" for="InputPassword" style="color: #fff;">Authentication code</label>
            <div class="input-group input-group-merge">
                <div class="input-group-prepend">
                    <span class="input-group-text">
                        <i class="icon-dual" data-feather="lock"></i>
                    </span>
                </div>
                <input type="text"
                       value=""
                       name="code"
                       class="input-text "
                       id="InputPassword"
                       placeholder=""
                       required
                       style="width: 100%; height: 40px; font-size: 10pt; font-family: Verdana;">
            </div>
        </div>
        @endif

        <div class="form-group mb-0 text-center">
            <button class="register btn-block" type="submit" style="padding:10px; background-color: #1a2c79; color: #fff;">Log In</button>
            <br>
            <p style="color: white">Don't have an Account? <a href="{{ route('register') }}" style="color: #ffff">Sign Up</a> </p>
            <br>
            <p style="color: white"><a href="{{ route('reset') }}" class=" ml-1" style="color: white">Forgot your password?</a></p>

        </div>
    </form>
@endsection