@extends('layout.navbar.skeleton')

@push('links')
  <link href="{{ Module::asset('user:css/login.css') }}" rel="stylesheet" type="text/css">
  <style nonce="{{ csp_nonce() }}">
    .steps-border {
      width: 600px;
      padding: 1rem;
    }
    .height-80vh {
      height: 80vh;
    }
  </style>
@endpush

@section('content')
<div class="d-flex justify-content-center align-items-center height-80vh">
  <div class="align-self-center steps-border">
    @include('custom::component.alert', ['session_name' => 'errorlogin'])
    <div class="text-center"></div>

    <div class="login-title-bar mt-0">OAuth 身份認證</div>
    <div class="form-group">
      <ul>
        <li>帳號：{{ $user->uid }}</li>
        <li>姓名：{{ $user->name }}</li>
        <li>身份：{{ config('user.roles')[$user->role] }}</li>
      </ul>
    </div>
    <div class="form-group row m-0">
      <div class="col">
        <form method="post" action="{{ route('passport.authorizations.approve') }}">
          @csrf
          <input type="hidden" name="state" value="{{ $request->state }}">
          <input type="hidden" name="client_id" value="{{ $client->id }}">
          <input type="hidden" name="auth_token" value="{{ $authToken }}">
          <button type="submit" class="btn btn-success btn-block">確認</button>
        </form>
      </div>
      <div class="col">
        <form method="post" action="{{ route('passport.authorizations.deny') }}">
          @csrf
          @method('DELETE')
          <input type="hidden" name="state" value="{{ $request->state }}">
          <input type="hidden" name="client_id" value="{{ $client->id }}">
          <input type="hidden" name="auth_token" value="{{ $authToken }}">
          <button class="btn btn-danger btn-block">取消</button>
        </form>
      </div>
    </div>
    <div class="row mt-4 d-none">
      <div class="col text-center"></div>
    </div>
  </div>
</div>
@endsection