@extends('shaun_core::admin.layouts.master')

@section('content')
<div class="admin-card">
    <div class="admin-card-top">
        <h5 class="admin-card-top-title">
            @if ($client->id)
                {{ __('Edit OpenID Client') }}
            @else
                {{ __('Create OpenID Client') }}
            @endif
        </h5>
    </div>

    <div class="admin-card-body">
        @include('shaun_core::admin.partial.error')

        <input type="hidden" id="configuration_url" value="{{route('openid.configuration')}}" />
        <form method="post" action="{{ route('admin.openid_client.store') }}">
            @csrf
            <input type="hidden" name="id" value="{{ $client->id }}">

            <div class="form-group">
                <label class="control-label">{{ __('App Name') }}</label>
                <input class="form-control" name="name"
                       value="{{ old('name', $client->name) }}" type="text" required>
            </div>

            <div class="form-group">
                <label class="control-label">{{ __('App URL') }}</label>
                <input class="form-control" name="app_url"
                       value="{{ old('app_url', $client->app_url) }}" type="text" required>
            </div>

            <div class="form-group">
                <label class="control-label">{{ __('Redirect URI') }}</label>
                <input class="form-control" name="redirect_uri"
                       value="{{ old('redirect_uri', $client->redirect_uri) }}"
                       placeholder="https://app.com/callback">
            </div>

            <div class="form-group">
                <label class="control-label">{{ __('App Redirect URI') }}</label>
                <input class="form-control" name="app_redirect_uri"
                       value="{{ old('app_redirect_uri', $client->app_redirect_uri) }}"
                       placeholder="https://app.com/callback/1">
            </div>

            <div class="form-group">
                <label class="control-label">{{ __('Credentials') }}</label>

                <div class="d-flex gap-2 mb-2">
                    <button type="button" class="btn btn-secondary btn-generate-credentials">
                        {{ __('Generate Credentials') }}
                    </button>

                    <button type="button" class="btn btn-outline-primary btn-download-json">
                        {{ __('Download JSON') }}
                    </button>
                </div>
                
                <div class="flex flex-row open-client-block">
                    <div class="form-group flex-1">
                        <label class="control-label">{{ __('Client ID') }}</label>
                        <input type="text" id="client_id" name="client_id" class="form-control mb-2" value="{{ $client->client_id }}" readonly>
                    </div>
                    <button type="button" data-copy="client_id" class="btn btn-sm btn-outline-primary" style="height:40px;">
                        {{ __('Copy') }}
                    </button>
                </div>

                <div class="flex flex-row open-client-block">
                    <div class="form-group flex-1">
                        <label class="control-label">{{ __('Client Secret') }}</label>
                        <input type="text" id="client_secret" name="client_secret" class="form-control mb-2" value="{{ $client->client_secret }}" readonly>
                    </div>
                    <button type="button" data-copy="client_secret" class="btn btn-sm btn-outline-primary" style="height:40px;">
                        {{ __('Copy') }}
                    </button>
                </div>

                <div class="flex flex-col copy-box"
                    data-server="{{ setting('site.url') }}"
                    data-jwks="{{ route('api.openid.jwks') }}"
                    data-auth-endpoint="{{ route('api.openid.oauth_authorize') }}"
                    data-token-endpoint="{{ route('api.openid.oauth_token') }}"
                    data-userinfo-endpoint="{{ route('users.openid_info') }}"
                >
                    <button type="button" class="btn btn-sm btn-outline-primary btn-copy">
                        {{ __('Copy') }}
                    </button>

                    <span>{{ __('Server') . ': ' . setting('site.url') }}</span>
                    <span>{{ __('Jwks uri') . ': ' . route('api.openid.jwks') }}</span>
                    <span>{{ __('Token Endpoint Auth Methods Supported') . ': client_secret_basic' }}</span>
                    <span>{{ __('Authorization Endpoint') . ': ' . route('api.openid.oauth_authorize') }}</span>
                    <span>{{ __('Token Endpoint') . ': ' . route('api.openid.oauth_token') }}</span>
                    <span>{{ __('User Information Endpoint'). ': '. route('users.openid_info') }}</span>
                    <span>{{ __('User Information Map'). ': '. json_encode(['id', 'name', 'email', 'avatar']) }}</span>

                    <div>
                        <span>{{ __('Client ID'). ': ' }}</span>
                        <span class="client-id">{{ $client->client_id }}</span>
                    </div>

                    <div>
                        <span>{{ __('Secret Key'). ': ' }}</span>
                        <span class="client-secret">{{ $client->client_secret }}</span>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label class="control-label">{{ __('Active') }}</label>
                <div class="form-check form-switch">
                    <input class="form-check-input" name="is_active" type="checkbox"
                        {{ old('is_active', $client->is_active) ? 'checked' : '' }} value="1">
                </div>
            </div>

            <div class="form-actions">
                <button type="submit" class="btn-filled-blue">
                    {{ __('Submit') }}
                </button>
            </div>
        </form>
    </div>
</div>
@stop

@push('scripts-body')
<script src="{{ asset('admin/js/lib/Sortable.min.js') }}"></script>
<script src="{{ asset('admin/js/openid_client.js') }}"></script>
<script>
    adminOpenidClient.init();
    adminTranslate.add({
        'copy' : '{{addslashes(__('Copy'))}}',
        'copied' : '{{addslashes(__('Copied!'))}}',
    });
</script>
@endpush