@extends('layouts.app')
@section('title', '簽署請求 - ' . $req->title)
@section('content')
<div class="container-fluid pb-5" style="max-width:1100px;">
  <div class="d-flex justify-content-between align-items-center mb-3 mt-2 flex-wrap gap-2">
    <h4 class="mb-0"><i class="bi bi-pen me-2 text-primary"></i>{{ $req->title }}
      <span class="badge {{ ['sent'=>'bg-warning text-dark','completed'=>'bg-success','declined'=>'bg-danger','cancelled'=>'bg-secondary','expired'=>'bg-dark'][$req->status] ?? 'bg-secondary' }} ms-2" style="font-size:.7rem;">{{ $req->statusLabel() }}</span>
    </h4>
    <div class="d-flex gap-2">
      <a href="{{ route('pdf-tool.sign.index') }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>簽署管理</a>
      @if(in_array($req->status, ['sent','expired']))
        <form method="post" action="{{ route('pdf-tool.sign.cancel', $req) }}" onsubmit="return confirm('確定取消此簽署請求？')">@csrf<button class="btn btn-sm btn-outline-danger"><i class="bi bi-x-circle me-1"></i>取消請求</button></form>
      @endif
    </div>
  </div>
  @if(session('success'))<div class="alert alert-success py-2">{{ session('success') }}</div>@endif
  @if(session('error'))<div class="alert alert-danger py-2">{{ session('error') }}</div>@endif

  <div class="row g-3">
    <div class="col-lg-7">
      <div class="card shadow-sm mb-3">
        <div class="card-header fw-bold"><i class="bi bi-people me-1"></i>簽署人</div>
        <div class="table-responsive">
          <table class="table mb-0 align-middle small">
            <thead class="table-light"><tr><th>#</th><th>簽署人</th><th>狀態</th><th>開啟</th><th>簽署</th><th>IP</th><th></th></tr></thead>
            <tbody>
              @foreach($req->recipients as $rc)
              <tr>
                <td>{{ $rc->order }}</td>
                <td><b>{{ $rc->name }}</b><div class="text-muted">{{ $rc->email }}</div></td>
                <td><span class="badge {{ $rc->status === 'signed' ? 'bg-success' : ($rc->status === 'declined' ? 'bg-danger' : ($rc->status === 'viewed' ? 'bg-info text-dark' : 'bg-secondary')) }}">{{ $rc->statusLabel() }}</span>
                  @if($rc->decline_reason)<div class="text-danger" style="font-size:.7rem;">{{ $rc->decline_reason }}</div>@endif</td>
                <td class="text-muted">{{ $rc->viewed_at?->format('m-d H:i') ?? '—' }}</td>
                <td class="text-muted">{{ $rc->signed_at?->format('m-d H:i') ?? '—' }}</td>
                <td class="text-muted">{{ $rc->ip ?? '—' }}</td>
                <td class="text-end text-nowrap">
                  @if($req->status === 'sent' && $rc->status !== 'signed')
                    <form method="post" action="{{ route('pdf-tool.sign.remind', [$req, $rc]) }}" class="d-inline">@csrf<button class="btn btn-sm btn-outline-primary py-0" title="重新寄送通知"><i class="bi bi-envelope"></i></button></form>
                    <button class="btn btn-sm btn-outline-secondary py-0 copy-link" data-link="{{ route('pdf-sign.show', $rc->token) }}" title="複製簽署連結"><i class="bi bi-link-45deg"></i></button>
                  @endif
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>

      <div class="card shadow-sm">
        <div class="card-header fw-bold"><i class="bi bi-clock-history me-1"></i>稽核軌跡</div>
        <ul class="list-group list-group-flush small">
          @foreach($req->events as $ev)
            <li class="list-group-item d-flex gap-2">
              <span class="text-muted text-nowrap">{{ $ev->created_at->format('Y-m-d H:i:s') }}</span>
              <span><b>{{ $ev->label() }}</b>{{ $ev->recipient ? ' · ' . $ev->recipient->name : '' }}
                @if($ev->ip)<span class="text-muted"> · {{ $ev->ip }}</span>@endif
                @if($ev->meta && isset($ev->meta['sha256']))<div class="text-muted" style="font-size:.68rem;word-break:break-all;">SHA-256: {{ $ev->meta['sha256'] }}</div>@endif
              </span>
            </li>
          @endforeach
        </ul>
      </div>
    </div>

    <div class="col-lg-5">
      <div class="card shadow-sm mb-3">
        <div class="card-header fw-bold"><i class="bi bi-file-earmark-pdf me-1 text-danger"></i>文件</div>
        <div class="card-body small">
          <div class="mb-2">來源：<a href="{{ route('pdf-tool.show', $req->document_id) }}">{{ $req->document?->title }}</a></div>
          <div class="mb-2">發起人：{{ $req->sender?->name }} · {{ $req->created_at->format('Y-m-d H:i') }}</div>
          <div class="mb-2">模式：{{ $req->sequential ? '依序簽署' : '同時簽署' }} · {{ $req->digital_signature ? '含數位簽章' : '僅視覺簽名' }} · 期限 {{ $req->expires_at?->format('Y-m-d') ?? '—' }}</div>
          @if($req->message)<div class="bg-light rounded p-2 mb-2" style="white-space:pre-wrap;">{{ $req->message }}</div>@endif
          <div class="d-grid gap-2 mt-3">
            @if($req->finalDocument)
              <a class="btn btn-success btn-sm" href="{{ route('pdf-tool.show', $req->finalDocument) }}"><i class="bi bi-file-earmark-check me-1"></i>開啟最終簽署文件</a>
              <a class="btn btn-outline-success btn-sm" href="{{ route('pdf-tool.download', $req->finalDocument) }}"><i class="bi bi-download me-1"></i>下載最終文件</a>
              <a class="btn btn-outline-secondary btn-sm" href="{{ route('pdf-tool.sign.audit', $req) }}"><i class="bi bi-journal-check me-1"></i>下載稽核報告</a>
            @else
              <a class="btn btn-outline-primary btn-sm" href="{{ route('pdf-tool.sign.file', $req) }}" target="_blank"><i class="bi bi-eye me-1"></i>預覽目前簽署進度</a>
              <a class="btn btn-outline-secondary btn-sm" href="{{ route('pdf-tool.sign.audit', $req) }}"><i class="bi bi-journal-check me-1"></i>下載目前稽核報告</a>
            @endif
          </div>
        </div>
      </div>
      @if($signatures)
      <div class="card shadow-sm">
        <div class="card-header fw-bold"><i class="bi bi-patch-check me-1 text-success"></i>數位簽章驗證</div>
        <ul class="list-group list-group-flush small">
          @foreach($signatures as $s)
            <li class="list-group-item">
              <b>{{ $s['field'] }}</b>
              {!! ($s['intact'] ?? false) ? '<span class="badge bg-success">完整</span>' : '<span class="badge bg-danger">已被修改</span>' !!}
              <div class="text-muted">{{ $s['reason'] ?? '' }}</div>
              <div class="text-muted" style="font-size:.7rem;">{{ $s['signer'] ?? '' }} · {{ $s['signed_at'] ?? '' }}</div>
            </li>
          @endforeach
        </ul>
      </div>
      @endif
    </div>
  </div>
</div>
@endsection
@push('scripts')
<script>
document.querySelectorAll('.copy-link').forEach(b => b.addEventListener('click', () => { navigator.clipboard.writeText(b.dataset.link).then(() => { b.innerHTML = '<i class="bi bi-check"></i>'; setTimeout(() => b.innerHTML = '<i class="bi bi-link-45deg"></i>', 1500); }); }));
</script>
@endpush