@extends('login.layout')
@section('title') @lang('Login') @endsection
@section('content')

<style type="text/css">
  .my-login-page .logo1 {
    height: 90px !important;
    margin-top: 50px !important;
    overflow: hidden;
    margin: 15px auto;
    position: relative;
    z-index: 1;
}


</style>

<div class="row justify-content-md-center h-100">
    <div class="card-wrapper">
        <div class="logo1">
            <img src="{{asset(setting('logo'))}}" style="width: 100%;">
        </div>

        <div class="card fat">
                  <div class="px-2 py-3 card-header font-semibold">
                        Authorization Request
                    </div>
                    <div class="card-body px-3 py-2">
                        <!-- Introduction -->
                        <div>
                        Klik Authorize utk melanjutkan ke aplikasi.
                        <span class="font-semibold uppercase text-2xl text-blue-600">{{ $client->name }}</span>
                       </div>

                        <!-- Scope List -->
                        @if (count($scopes) > 0)
                            <div class="scopes">
                                    <span><strong>Hak Akses Aplikasi:</strong></span>
                                     <ul>
                                        @foreach ($scopes as $scope)
                                            <li>{{ $scope->description }}</li>
                                        @endforeach
                                    </ul>
                            </div>
                            @endif


<div class="flex justify-between">
 <div class="w-40">
 <!-- Authorize Button -->
<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="w-full btn btn-sm btn-success btn-approve">Authorize</button>
</form>

 </div>
 <div class="w-20">
       <!-- Cancel Button -->
<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="w-full btn btn-sm btn-danger">Batal</button>
</form>



 </div>
</div>


                   <div class="flex flex-row mt-3 justify-between">
                         <div></div>
                            <div style="text-align: center">
                                <form method="post" action="{{ route('frontend.different-account') }}" style="display: inline-block">
                                    @csrf
                                    <input type="hidden" name="current_url" value="{{ $request->fullUrl() }}">
                   {{--                  <button type="submit" class="font-normal text-blue-500" style="width: auto;">Bukan {{ auth()->user()->name}}? Login Ulang ?</button> --}}

                                    <button type="submit" class="font-normal text-blue-500" style="width: auto;">Login Ulang ?</button>



                                </form>
                            </div>
                        </div>


                    </div>

        </div>
        <div class="footer">
            &copy; {{ config('app.name') }}, {!! setting('footer_text') !!}
        </div>
    </div>
</div>
@endsection