@extends('layouts.app')

@section('content')
<div class="container py-4">

    {{-- HEADER CARD --}}
    <div class="card shadow-sm mb-4">
        <div class="card-body d-flex flex-column flex-md-row justify-content-between align-items-start">
            <div class="me-md-3 mb-3 mb-md-0">
                <div class="d-flex align-items-center mb-2">
                    <span class="badge bg-primary me-2">KSeF</span>
                    <h1 class="h5 mb-0">Konfiguracja integracji</h1>
                </div>
                <p class="text-muted small mb-2">
                    Te ustawienia są używane do pobierania
                    <strong>challenge</strong>,
                    budowy <strong>AuthTokenRequest XML</strong>
                    i dalszej autoryzacji.
                </p>

                {{-- mini status konfigu: czy mamy dane podstawowe --}}
                <div class="small font-monospace text-muted">
                    @if(!empty($config?->context_value))
                        <div><span class="text-success fw-bold">✓</span> context_value ustawione</div>
                    @else
                        <div><span class="text-danger fw-bold">!</span> brak context_value</div>
                    @endif

                    @if(($config?->subject_identifier_type === 'certificateFingerprint') && empty($config?->certificate_fingerprint))
                        <div><span class="text-danger fw-bold">!</span> brak fingerprint</div>
                    @else
                        <div><span class="text-success fw-bold">✓</span> certyfikat OK</div>
                    @endif
                </div>
            </div>

            <div class="text-md-end">
                <a href="{{ route('ksef.config.edit') }}"
                   class="btn btn-primary btn-sm">
                    Edytuj konfigurację
                </a>
            </div>
        </div>
    </div>

    {{-- GRID 2 kolumny na desktopie --}}
    <div class="row gy-4">

        {{-- PODMIOT / CONTEXT IDENTIFIER --}}
        <div class="col-md-6">
            <div class="card shadow-sm h-100">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-start mb-3">
                        <div>
                            <div class="fw-semibold">Podmiot (ContextIdentifier)</div>
                            <div class="text-muted small">
                                Te dane trafią do sekcji
                                <code>&lt;ContextIdentifier&gt;</code>
                                w żądaniu do KSeF.
                            </div>
                        </div>
                        <div class="small text-muted font-monospace bg-light border rounded px-2 py-1">
                            &lt;{{ $config->context_type ?? 'nip' }}&gt;...&lt;/...&gt;
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="text-uppercase text-muted small fw-semibold">context_type</div>
                        <div class="font-monospace">
                            {{ $config->context_type ?? '—' }}
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="text-uppercase text-muted small fw-semibold">context_value</div>
                        <div class="font-monospace text-break">
                            {{ $config->context_value ?? '—' }}
                        </div>
                    </div>

                    <div class="alert alert-light border small mb-0">
                        Jeśli <code>context_type = nip</code>,
                        wtedy ta wartość poleci do XML jako
                        <code>&lt;Nip&gt;...&lt;/Nip&gt;</code>.
                    </div>
                </div>
            </div>
        </div>

        {{-- CERTYFIKAT --}}
        <div class="col-md-6">
            <div class="card shadow-sm h-100">
                <div class="card-body">
                    <div class="mb-3">
                        <div class="fw-semibold">Certyfikat do podpisu</div>
                        <div class="text-muted small">
                            Używany przy podpisywaniu AuthTokenRequest XML.
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="text-uppercase text-muted small fw-semibold">subject_identifier_type</div>
                        <div class="font-monospace text-break">
                            {{ $config->subject_identifier_type ?? '—' }}
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="text-uppercase text-muted small fw-semibold">certificate_fingerprint</div>
                        <div class="font-monospace text-break bg-light border rounded px-2 py-1 small">
                            {{ $config->certificate_fingerprint ?: '—' }}
                        </div>
                    </div>

                    <div class="alert alert-light border small mb-0">
                        Jeśli wybrano
                        <code>certificateFingerprint</code>,
                        KSeF oczekuje odcisku SHA-256 certyfikatu
                        w polu <code>&lt;CertificateFingerprint&gt;</code>.
                    </div>
                </div>
            </div>
        </div>

        {{-- TECHNICZNE --}}
        <div class="col-md-6">
            <div class="card shadow-sm h-100">
                <div class="card-body">
                    <div class="mb-3">
                        <div class="fw-semibold">Połączenie z KSeF</div>
                        <div class="text-muted small">
                            Endpoint i timeout używane przez klienta HTTP.
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="text-uppercase text-muted small fw-semibold">base_url</div>
                        <div class="font-monospace text-break bg-light border rounded px-2 py-1 small">
                            {{ $config->base_url ?? '—' }}
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="text-uppercase text-muted small fw-semibold">timeout (s)</div>
                        <div class="font-monospace">
                            {{ $config->timeout ?? '—' }}
                        </div>
                    </div>

                    <div class="alert alert-light border small mb-0">
                        Sandbox:
                        <code>https://ksef-test.mf.gov.pl</code><br>
                        Produkcja:
                        <code>https://ksef.mf.gov.pl</code>
                    </div>
                </div>
            </div>
        </div>

        {{-- AUTH POLICY --}}
        <div class="col-md-6">
            <div class="card shadow-sm h-100">
                <div class="card-body">
                    <div class="mb-3">
                        <div class="fw-semibold">Authorization policy</div>
                        <div class="text-muted small">
                            (opcjonalnie) whitelist IP i inne ograniczenia, które potencjalnie dołączymy do XML.
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="text-uppercase text-muted small fw-semibold">policy (JSON)</div>

                        @php
                            $prettyPolicy = $config->authorization_policy
                                ? json_encode($config->authorization_policy, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE)
                                : null;
                        @endphp

                        @if($prettyPolicy)
                            <pre class="bg-light border rounded p-2 small font-monospace text-break mb-0">{{ $prettyPolicy }}</pre>
                        @else
                            <div class="text-muted fst-italic small">
                                brak ustawionej polityki
                            </div>
                        @endif
                    </div>

                    <div class="alert alert-light border small mb-0">
                        Możesz np. wpisać listę adresów IP, którym wolno korzystać.
                    </div>
                </div>
            </div>
        </div>

    </div>

    {{-- FOOTER CTA --}}
    <div class="d-flex justify-content-end mt-4">
        <a href="{{ route('ksef.config.edit') }}" class="btn btn-primary">
            Edytuj konfigurację
        </a>
    </div>

</div>
@endsection