@extends('layouts.login')
@section('content')
<div class="row g-0">
    <div class="col-md-7 col-lg-5 col-xl-4 col-wrapper">
      <div class="card card-sign">

        <div class="card-header">
            <img class="mb-2" src="{{ asset(config('software.sblogolight')) }}">
            <p class="card-text text-center mb-2"><strong>{{config('app.name')}} - Monitoring and Control System</strong></p>
            <p class="card-text text-center mb-4">Supervisory Control & Data Acquisition (SCADA)</p>

            <h3 class="card-title">Sign In</h3>
            <p class="card-text mb-4">Sign In to use this {{config('app.name')}} System.</p>
        </div><!-- card-header -->

        <form method="POST" action="{{ route('login') }}">
            @csrf
            <div class="card-body">
                <div class="mb-4">
                    <label class="form-label">{{ __('Email Address') }}</label>
                    <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus placeholder="Enter your email address">

                    @error('email')
                    <ul class="parsley-errors-list filled" aria-hidden="false"><li class="parsley-required">{{ $message }}</li></ul>
                    @enderror

                </div>

                <div class="mb-4">
                    <label class="form-label d-flex justify-content-between">{{ __('Password') }}

                        @if (Route::has('password.request'))
                            <a href="{{ route('password.request') }}">
                                {{ __('Forgot Your Password?') }}
                            </a>
                        @endif

                    </label>
                    <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password" placeholder="Enter your password">

                    @error('password')
                    <ul class="parsley-errors-list filled" aria-hidden="false"><li class="parsley-required">{{ $message }}</li></ul>
                    @enderror

                </div>

                <div class="mb-4">
                    <div class="form-check">
                        <input checked class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

                        <label class="form-check-label" for="remember">
                            {{ __('Remember Me') }}
                        </label>
                    </div>
                </div>

                <button type="submit" class="btn btn-primary btn-sign">{{ __('Sign In') }}</button>

                <div class="divider"><span>Dont Have Account ?</span></div>

                @auth
                    <a href="{{ url('/home') }}" class="btn btn-facebook btn-sign">Got to Dashboard</a>
                @else
                    @if (Route::has('register'))
                        <a href="{{ route('register') }}" class="btn btn-google btn-sign">Sign Up</a>
                    @endif
                @endif

          </div><!-- card-body -->
        </form>

        <p class="card-text text-center p-2">
        {{ config('software.powered') }} <br>
        {{ config('app.name')}} Build v{{ config('software.version') }}
        </p>

      </div><!-- card -->
    </div><!-- col -->
    <div class="col d-none d-lg-block"><img src="{{ asset(config('software.wallbg')) }}" loading="lazy" class="auth-img" alt=""></div>
  </div><!-- row -->
@endsection