@extends('layout/layout')

@inject('helper', 'Modules\OAuth\Helpers\ClientShow')

{{-- Content --}}
@section('content')
@include('custom::component.reply-btn', ['url' => $previous_url])
<div class="row mb-3">
  <div class="col-md-5">
    <div class="card">
      <h5 class="card-header align-middle">資料</h5>
      <div class="card-body">
        <table class="table table-bordered">
          <tbody>
            {!! $helper->render($client) !!}
          </tbody>
        </table>
        <div class="text-right">
          <form method="POST" action="{{ $status_url }}" class="m-0">
            {{csrf_field()}}
            <a type="button" class="btn btn-success py-1" href="{{ $edit_url }}">
              <span class="fas fa-edit fa-fw"></span>編輯
            </a>

            @if($client->revoked)
              <button type="button" class="btn btn-success py-1" data-type="stop">
                <span class="fas fa-check fa-fw"></span>啟用
              </button>
            @else
              <button type="button" class="btn btn-danger py-1" data-type="stop">
                <span class="fas fa-times fa-fw"></span>停用
              </button>
            @endif
          </form>
        </div>
      </div>
    </div>
  </div>

  <div class="col-md">
    <div class="row mb-3">
      <div class="col-md">
        <div class="card">
          <h5 class="card-header align-middle">
            排除的單位
            <a href="{{ $policy_url }}" class="btn btn-light choose float-right mx-2 my-n1 py-1 text-dark" type="button">修改</a>
          </h5>
          <div class="card-body">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th scope="col">排除單位</th>
                  <th scope="col">排除身份</th>
                </tr>
              </thead>
              <tbody>
                @if ($client->deny()->count() > 0)
                  @foreach($client->deny_output as $output)
                    <tr>
                      <td>{{ $output['department_name'] }}</td>
                      <td>{{ implode(", ", $output['roles_output']) }}</td>
                    </tr>
                  @endforeach
                @else
                  <tr>
                    <td colspan="2" class="text-center">所有單位皆可使用</td>
                  </tr>
                @endif
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
    <div class="row mb-3">
      <div class="col-md">
        <div class="card">
          <h5 class="card-header align-middle">連線範例</h5>
          <div class="card-body p-2">
            <div class="mb-2">
              <p class="m-0">由單一入口進入網站的入口網址時，網站的入口網址會收到單一簽入的 token ：</p>
              <div class="p-2 mt-1 bg-gray">
                <span class="m-0">{{$client->url}}?accessToken=<span class="text-red text-weight">Token</span>&status=ok</span>
              </div>
            </div>
            <div class="mb-2">
              <p class="m-0">網站可以用該 token ，查詢目前登入的使用者。</p>
              <div class="p-2 mt-1 bg-gray">
                <pre class="m-0">@include('oauth::component.get-profile', compact('localhost'))</pre>
              </div>
              <p class="my-2" id="sample-btn-block">
                @foreach ($helper->sampleBtn() as $id => $str)
                  <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#{{$id}}" aria-expanded="false" aria-controls="{{$id}}">{{$str}}</button>
                @endforeach
              </p>
              <div id="sample-code-block">
                @foreach ($helper->sampleBtn() as $id => $str)
                <div class="row collapse multi-collapse" id="{{$id}}" data-parent="#sample-code-block">
                  <div class="col-md">
                    <div class="p-2 mt-1 bg-gray">
                      <pre class="m-0">@include('oauth::component.'.$id, compact('localhost'))</pre>
                    </div>
                  </div>
                </div>
                @endforeach
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

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