@extends('user::layout.layout')

@push('links')
  <link href="{{ Module::asset('user:css/login.css') }}" rel="stylesheet" type="text/css">
@endpush

@section('content')
<div class="d-flex justify-content-center align-items-center" style="height: 80vh;">
  <div class="align-self-center steps-border">
    @include('component.alert')
    @include('common.errors')
    <div class="text-center">
      <img src="{{URL::asset('images/logo.png')}}" width="150px" />
    </div>
    <div class="login-title-bar mt-3">單一帳號登入</div>
    @if($client)
      <form method="post">
        {{csrf_field()}}
        <div class="form-group">
          <input class="form-control" name="uid" type="text" value="" placeholder="帳號">
        </div>
        <div class="form-group">
          <input class="form-control" name="password" type="password" value="" placeholder="密碼">
        </div>
        <div class="form-group">
          <button class="btn btn-primary btn-block" type="submit">登入</button>
        </div>
      </form>
    @else
      <div class="form-group text-center">
        <p class="text-danger" style="font-size: 2rem;">當您看到本網頁時，表示您的使用步驟弄反了</p>
        <p class="text-danger" style="font-size: 2rem;">請移至『<a href="{{route('login')}}">單一帳號管理平台</a>』來進行正確的登入步驟</p>
      </div>
    @endif
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
<script type="text/javascript" src="{{ Module::asset('user:js/login.js') }}"></script>
@endpush