@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('register') }}">
            @csrf
            <div class="card-body">


                <div class="mb-4">
                    <label class="form-label">{{ __('Name') }}</label>
                    <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus placeholder="Enter Your Fullname">
                    @error('name')
                    <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">{{ __('Email Address') }}</label>
                    <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" placeholder="Eneter 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') }}</label>
                    <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-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">
                    <label class="form-label d-flex justify-content-between">{{ __('Confirm Password') }}</label>
                    <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
                </div>

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

                <div class="divider"><span>------</span></div>
                <a href="{{ url('/home') }}" class="btn btn-facebook btn-sign">Got to Dashboard</a>
  
          </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><!-- card-footer -->

      </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