@extends('layouts.admin')

@section('title', '組織邀請詳細資料')

@section('content')
    <h1>組織邀請</h1>
    <p class="lede">org_id<code>{{ $invite->org_id }}</code></p>

    @include('admin.orgs._styles')

    <style>
        .detail { background: #fff; border: 1px solid #dfded8; border-radius: 14px; box-shadow: 0 1px 2px rgba(27,30,36,.04); margin-bottom: 28px; overflow: hidden; }
        .detail dl { display: grid; grid-template-columns: 160px 1fr; margin: 0; }
        .detail dt { padding: 12px 22px; font-size: .78rem; color: #8a8f9b; font-weight: 700; border-bottom: 1px solid #f2f1ec; background: #fafaf8; }
        .detail dd { padding: 12px 22px; font-size: .86rem; margin: 0; border-bottom: 1px solid #f2f1ec; }
        .detail dl > *:nth-last-child(-n+2) { border-bottom: none; }
        .actions-row { display: flex; gap: 8px; margin-top: 20px; justify-content: flex-end; }
        .back-row { margin-bottom: 20px; }
    </style>

    @if (session('status'))
        <div class="status-banner">{{ session('status') }}</div>
    @endif

    <div class="back-row">
        <a href="{{ route('admin.orgs.invites.index') }}" class="btn btn-outline">&larr; 回組織邀請列表</a>
    </div>

    <div class="detail">
        <dl>
            <dt>狀態</dt>
            <dd>
                @if ($invite->used_at)
                    <span class="badge used">已使用</span>
                @elseif ($invite->isExpired())
                    <span class="badge expired">已過期</span>
                @else
                    <span class="badge pending">待使用</span>
                @endif
            </dd>

            <dt>公司名稱</dt>
            <dd class="muted">{{ $invite->note ?? '—' }}</dd>

            <dt>核發者</dt>
            <dd class="muted">{{ $invite->creator?->email ?? '—' }}</dd>

            <dt>到期時間</dt>
            <dd>
                @if (!$invite->expires_at)
                    <span class="badge permanent">永久</span>
                @else
                    {{ $invite->expires_at->format('Y-m-d H:i') }}
                @endif
            </dd>

            @if ($invite->used_at)
                <dt>使用時間</dt>
                <dd>{{ $invite->used_at->format('Y-m-d H:i') }}</dd>

                <dt>client_id</dt>
                <dd class="mono">
                    @if ($registeredOrg)
                        {{ $registeredOrg->client_id }}
                        <a href="{{ route('admin.orgs.show', $registeredOrg) }}">(查看組織)</a>
                    @else
                        <span class="muted">—(找不到對應的組織紀錄)</span>
                    @endif
                </dd>
            @endif

            <dt>核發時間</dt>
            <dd class="muted">{{ $invite->created_at->format('Y-m-d H:i') }}</dd>
        </dl>
    </div>

    <div class="actions-row">
        <a href="{{ route('admin.orgs.invites.edit', $invite) }}" class="btn btn-outline">編輯</a>
        <form method="POST" action="{{ route('admin.orgs.invites.destroy', $invite) }}" class="inline-form" onsubmit="return confirm('確定要刪除這筆組織邀請(org_id: {{ $invite->org_id }})?這個動作無法復原。');">
            @csrf @method('DELETE')
            <button type="submit" class="btn btn-danger">刪除</button>
        </form>
    </div>
@endsection