@php(
$headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
    '',
    '',
    [],
    []
)
)
@extends('admin.layouts.layout', $headerOption)

@section('content')
<div>
    <div class="col-12 mt-4">
        <div class="project-box">
            <x-heading-sec :module="$module ?? 'DocuSign Settings'" :options="[]" />

            @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show mt-3" role="alert">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
            @endif

            @if(session('error'))
            <div class="alert alert-danger alert-dismissible fade show mt-3" role="alert">
                {{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
            @endif

            <div class="row mt-4">
                <div class="col-md-8 col-lg-6">
                    <div class="card shadow-sm">
                        <div class="card-header bg-white d-flex align-items-center gap-2">
                            <i class="bx bx-pen fs-5 text-primary"></i>
                            <strong>DocuSign E-Signature Integration</strong>
                        </div>
                        <div class="card-body">
                            @if($token)
                                {{-- Connected state --}}
                                <div class="d-flex align-items-center gap-2 mb-3">
                                    <span class="badge bg-success"><i class="bx bx-check-circle"></i> Connected</span>
                                    <span class="text-muted small">Account: <strong>{{ $token->account_id }}</strong></span>
                                </div>
                                @if($token->token_expires_at)
                                <p class="text-muted small mb-3">
                                    Token expires: {{ $token->token_expires_at->format('d M Y H:i') }}
                                    @if($token->isTokenExpired())
                                        <span class="badge bg-warning text-dark ms-1">Expired (auto-refresh on next use)</span>
                                    @endif
                                </p>
                                @endif

                                <form method="POST" action="{{ route('settings.docusign.disconnect') }}"
                                      onsubmit="return confirm('Disconnect DocuSign? This will stop all e-signature functionality.');">
                                    @csrf
                                    <button type="submit" class="btn btn-sm btn-outline-danger">
                                        <i class="bx bx-unlink"></i> Disconnect DocuSign
                                    </button>
                                </form>
                            @else
                                {{-- Not connected state --}}
                                <p class="text-muted mb-3">
                                    Connect your DocuSign account to enable e-signature functionality.
                                    Ensure <code>DOCUSIGN_CLIENT_ID</code> and <code>DOCUSIGN_CLIENT_SECRET</code>
                                    are set in your environment configuration.
                                </p>
                                <a href="{{ $connectUrl }}" class="btn btn-primary">
                                    <i class="bx bx-link-external"></i> Connect DocuSign
                                </a>
                            @endif
                        </div>
                    </div>

                    {{-- Configuration reference card --}}
                    <div class="card shadow-sm mt-3">
                        <div class="card-header bg-white">
                            <strong class="small">Environment Configuration Reference</strong>
                        </div>
                        <div class="card-body">
                            <ul class="list-unstyled small text-muted mb-0">
                                <li class="mb-1"><code>DOCUSIGN_CLIENT_ID</code> — Integration key from DocuSign Apps & Keys</li>
                                <li class="mb-1"><code>DOCUSIGN_CLIENT_SECRET</code> — RSA private key secret</li>
                                <li class="mb-1"><code>DOCUSIGN_REDIRECT_URI</code> — Must match redirect URI in DocuSign app settings</li>
                                <li class="mb-1"><code>DOCUSIGN_BASE_URI</code> — <code>https://account-d.docusign.com</code> (demo) / <code>https://account.docusign.com</code> (prod)</li>
                                <li class="mb-1"><code>DOCUSIGN_ESIGN_BASE_URI</code> — <code>https://demo.docusign.net/restapi</code> (demo) / <code>https://www.docusign.net/restapi</code> (prod)</li>
                                <li><code>DOCUSIGN_WEBHOOK_SECRET</code> — HMAC secret from DocuSign Connect configuration</li>
                            </ul>
                        </div>
                    </div>

                    {{-- Webhook info card --}}
                    <div class="card shadow-sm mt-3">
                        <div class="card-header bg-white">
                            <strong class="small">Webhook (DocuSign Connect) Setup</strong>
                        </div>
                        <div class="card-body small text-muted">
                            <p class="mb-1">Configure DocuSign Connect to POST events to:</p>
                            <code class="d-block mb-2">{{ url('/webhook/docusign') }}</code>
                            <p class="mb-0">Enable events: <code>envelope-sent</code>, <code>envelope-delivered</code>,
                                <code>envelope-completed</code>, <code>envelope-declined</code>, <code>envelope-voided</code></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection