<header class="page-header" role="banner" style="margin: 0 auto;">
  <h1><%= t('.title') %></h1>
</header>
<p class="h4">
  <%= raw t('.prompt', client_name: content_tag(:strong, class: 'text-info') { @pre_auth.client.name }) %>
</p>

<% if @pre_auth.scopes.count > 0 %>
  <div id="oauth-permissions">
    <p><%= t('.able_to') %>:</p>

    <ul class="text-info">
      <% @pre_auth.scopes.each do |scope| %>
        <li><%= t scope, scope: [:doorkeeper, :scopes] %></li>
      <% end %>
    </ul>
  </div>
<% end %>

<div class="actions">
  <%= form_tag oauth_authorization_path, method: :post do %>
    <%= hidden_field_tag :client_id, @pre_auth.client.uid, id: nil %>
    <%= hidden_field_tag :redirect_uri, @pre_auth.redirect_uri, id: nil %>
    <%= hidden_field_tag :state, @pre_auth.state, id: nil %>
    <%= hidden_field_tag :response_type, @pre_auth.response_type, id: nil %>
    <%= hidden_field_tag :response_mode, @pre_auth.response_mode, id: nil %>
    <%= hidden_field_tag :scope, @pre_auth.scope, id: nil %>
    <%= hidden_field_tag :code_challenge, @pre_auth.code_challenge, id: nil %>
    <%= hidden_field_tag :code_challenge_method, @pre_auth.code_challenge_method, id: nil %>
    <%= submit_tag t('doorkeeper.authorizations.buttons.authorize'), class: "btn btn-success btn-lg btn-block", style: "background-color: oklch(70.03% 0.194 144.71); border: none" %>
  <% end %>
  <%= form_tag oauth_authorization_path, method: :delete do %>
    <%= hidden_field_tag :client_id, @pre_auth.client.uid, id: nil %>
    <%= hidden_field_tag :redirect_uri, @pre_auth.redirect_uri, id: nil %>
    <%= hidden_field_tag :state, @pre_auth.state, id: nil %>
    <%= hidden_field_tag :response_type, @pre_auth.response_type, id: nil %>
    <%= hidden_field_tag :response_mode, @pre_auth.response_mode, id: nil %>
    <%= hidden_field_tag :scope, @pre_auth.scope, id: nil %>
    <%= hidden_field_tag :code_challenge, @pre_auth.code_challenge, id: nil %>
    <%= hidden_field_tag :code_challenge_method, @pre_auth.code_challenge_method, id: nil %>
    <%= submit_tag t('doorkeeper.authorizations.buttons.deny'), class: "btn btn-danger btn-lg btn-block" %>
  <% end %>
</div>
