@extends('layout.layout')

@section('content')
<div class="row mb-3">
  <div class="col-lg-6 col-xl-4">
    <div class="card">
      <div class="card-header">自然人憑證綁定</div>
      <div class="card-body">
        @if(!empty($user->cdc_serial_number) && !empty($user->cdc_serial_number_at))
          <div class="d-flex">
            <div class="align-self-center col-4">已綁定</div>
            <div class="align-self-center ml-auto">{{ $user->cdc_serial_number_at}}</div>
            <div class="ml-3">
              <button type="button" class="btn btn-danger text-nowrap btn-remove-cdc">解除</button>
            </div>
          </div>
        @else
          <div class="align-self-center">尚未綁定</div>
          <div class="mt-3">
            <form method="POST" action="{{ $cdc_create_url }}">
              {{csrf_field()}}
              <div class="form-group">
                <input type="password" class="form-control" id="pin" name="pin" value="" placeholder="請插入您的自然人憑證並輸入PIN碼" autocomplete="off" />
                <input type="hidden" id="tbs" name="tbs" value="{{ config('authcdc.tbs') }}" />
                <input type="hidden" id="tbsEncoding" name="tbsEncoding" value="{{ config('authcdc.tbs_encode') }}" />
                <input type="hidden" id="hashAlgorithm" name="hashAlgorithm" value="{{ config('authcdc.hash') }}" />
                <input type="hidden" id="returnCode" name="returnCode" value="" />
              </div>
              <textarea id="b64Signature" name="b64Signature" readonly="true" rows="8" cols="65" class="d-none"></textarea>
              <textarea id="b64Cert" name="b64Cert" readonly="true" rows="8" cols="65" class="d-none"></textarea>
              <div class="form-group">
                <button type="submit" class="btn btn-success btn-block btn-mapping">綁定</button>
              </div>
            </form>
          </div>
        @endif
        <hr/>
        <p class="m-0">注意事項：</p>
        <ul class="text-secondary" id="cdc-description-list">
          <li>若IC卡密碼(PIN Code)連續三次輸入錯誤，將造成IC卡個人密碼被鎖住，請洽發卡單位處理解碼事宜</li>
          <li>若出現【尚未安裝元件】錯誤，<a href="https://api-hisecurecdn.cdn.hinet.net/HiPKILocalSignServer/downloadMain.html" target="_blank">請先安裝跨平台網頁元件</a>，再進行認證</li>
          <li>若使用IE時畫面會停在【簽章中…】，請將本網站加入IE【信任的網站】內，重開IE再驗證，或改用其他瀏覽器</li>
        </ul>
      </div>
    </div>
  </div>
</div>


<div class="modal" id="modal-remove-cbc">
  <div class="modal-dialog">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
        <h4 class="modal-title">
          <span class="fas fa-trash">&ensp;</span>確認解除綁定
        </h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

      <!-- Modal body -->
      <div class="modal-body text-center">
        <p class="text-danger">解除綁定後，將無法恢復。操作時請慎重。</p>
      </div>

      <!-- Modal footer -->
      <div class="modal-footer">
        <form method="POST" action="{{ $cdc_delete_url }}">
          {{ csrf_field() }}
          <input type="submit" name="submit" class="btn btn-danger" value="解除" />
        </form>
        <button type="button" class="btn btn-primary" data-dismiss="modal">關閉</button>
      </div>
    </div>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
  <script type="text/javascript" src="{{ Module::asset('authcdc:js/errorcode.js') }}"></script>
  <script type="text/javascript" src="{{ Module::asset('authcdc:js/auth.js') }}"></script>
  <script type="text/javascript" src="{{ Module::asset('student:js/user/cdc/create.js') }}"></script>
@endpush