@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">

          @if (Route::has('login'))

              <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-5">Supervisory Control & Data Acquisition (SCADA)</p>
                @auth

                @else
                    <h3 class="card-title">Sign In</h3>
                    <p class="card-text mb-4">Welcome back! Please signin to continue.<br></p>
                @endif
              </div><!-- card-header -->

              <div class="card-body">
                  @auth
                      {{-- <a id="btnSubmit" onsubmit="spinbtn()" href="{{ url('/home') }}" class="btn btn-facebook btn-sign">Go to Dashboard</a> --}}
                      <form id="goToDashboard" action="{{ route('home')}}" onsubmit="spinbtn()" method="POST">
                        @csrf
                        <input name="link" type="hidden" value="GoToDashboard">
                        <button id="btnSubmit" type="submit" class="btn btn-primary btn-lg">
                          Go to Dashboard
                        </button>
                      </form>


                  @else
                      <a href="{{ route('login') }}" class="btn btn-facebook btn-sign">Sign In</a>
                      <div class="divider"><span>Don't have an account?</span></div>
                          @if (Route::has('register'))
                              <a href="{{ route('register') }}" class="btn btn-google btn-sign">Sign Up</a>
                          @endif
                  @endif
              </div><!-- card-body -->

          @endif


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

      </div><!-- card -->
    </div><!-- col -->

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

@endsection

@section('js')
<script type="text/javascript">

  function spinbtn()
  {
      document.getElementById("btnSubmit").innerHTML = '<span id="ShowSpinner" class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>&nbsp Setting up Dashboard....';
      document.getElementById("btnSubmit").disabled = true;
      document.getElementById('goToDashboard').submit();
  }
</script>
@endsection