@extends('layouts.app')

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

    {{-- HEADER --}}
    <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">Edycja konfiguracji</h1>
                </div>
                <p class="text-muted small mb-0">
                    Uzupełnij dane potrzebne do autoryzacji w KSeF
                    (dane podmiotu, sposób identyfikacji certyfikatu, endpoint API).
                </p>
            </div>

            <div class="text-md-end small text-muted font-monospace">
                <div class="text-muted">Po zapisie wrócisz do podglądu konfiguracji.</div>
                <a href="{{ route('ksef.config.index') }}" class="text-decoration-underline">
                    Anuluj i wróć
                </a>
            </div>
        </div>
    </div>

    <form method="POST" action="{{ route('ksef.config.update') }}" class="row gy-4">
        @csrf

        {{-- CONTEXT IDENTIFIER --}}
        <div class="col-md-6">
            <div class="card shadow-sm h-100">
                <div class="card-body">
                    <div class="mb-3">
                        <div class="fw-semibold">Podmiot (ContextIdentifier)</div>
                        <div class="text-muted small">
                            To trafia do &lt;ContextIdentifier&gt; w AuthTokenRequest XML.
                        </div>
                    </div>

                    {{-- context_type --}}
                    <div class="mb-3">
                        <label class="form-label small text-uppercase text-muted fw-semibold">
                            Typ kontekstu (context_type)
                        </label>
                        <select name="context_type" class="form-select form-select-sm">
                            @foreach(['nip' => 'NIP', 'internalId' => 'InternalId', 'nipVatUe' => 'NipVatUe'] as $val => $label)
                                <option value="{{ $val }}"
                                    {{ old('context_type', $config->context_type) === $val ? 'selected' : '' }}>
                                    {{ $label }} ({{ $val }})
                                </option>
                            @endforeach
                        </select>
                        @error('context_type')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    {{-- context_value --}}
                    <div class="mb-3">
                        <label class="form-label small text-uppercase text-muted fw-semibold">
                            Wartość (context_value)
                        </label>
                        <input type="text"
                               name="context_value"
                               value="{{ old('context_value', $config->context_value) }}"
                               class="form-control form-control-sm" />
                        @error('context_value')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                        <div class="form-text">
                            Jeśli wybrałeś <code>nip</code> powyżej – wpisz NIP firmy.
                        </div>
                    </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 / tożsamość</div>
                        <div class="text-muted small">
                            Jak KSeF ma zidentyfikować podpisujący certyfikat.
                        </div>
                    </div>

                    {{-- subject_identifier_type --}}
                    <div class="mb-3">
                        <label class="form-label small text-uppercase text-muted fw-semibold">
                            subject_identifier_type
                        </label>
                        <select name="subject_identifier_type" class="form-select form-select-sm">
                            @foreach([
                                'certificateSubject' => 'certificateSubject',
                                'certificateFingerprint' => 'certificateFingerprint'
                            ] as $val => $label)
                                <option value="{{ $val }}"
                                    {{ old('subject_identifier_type', $config->subject_identifier_type) === $val ? 'selected' : '' }}>
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                        @error('subject_identifier_type')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    {{-- certificate_fingerprint --}}
                    <div class="mb-3">
                        <label class="form-label small text-uppercase text-muted fw-semibold">
                            certificate_fingerprint (HEX SHA-256)
                        </label>
                        <input type="text"
                               name="certificate_fingerprint"
                               value="{{ old('certificate_fingerprint', $config->certificate_fingerprint) }}"
                               class="form-control form-control-sm font-monospace" />
                        @error('certificate_fingerprint')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                        <div class="form-text">
                            Wymagane tylko przy <code>certificateFingerprint</code>.
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- POŁĄCZENIE 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">
                            Docelowy endpoint API + timeout dla requestów.
                        </div>
                    </div>

                    {{-- base_url --}}
                    <div class="mb-3">
                        <label class="form-label small text-uppercase text-muted fw-semibold">
                            base_url
                        </label>
                        <input type="text"
                               name="base_url"
                               value="{{ old('base_url', $config->base_url) }}"
                               class="form-control form-control-sm font-monospace" />
                        @error('base_url')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                        <div class="form-text">
                            Sandbox: <code>https://ksef-test.mf.gov.pl</code><br>
                            Produkcja: <code>https://ksef.mf.gov.pl</code>
                        </div>
                    </div>

                    {{-- timeout --}}
                    <div class="mb-3">
                        <label class="form-label small text-uppercase text-muted fw-semibold">
                            timeout (sekundy)
                        </label>
                        <input type="number"
                               min="1"
                               max="120"
                               name="timeout"
                               value="{{ old('timeout', $config->timeout) }}"
                               class="form-control form-control-sm" />
                        @error('timeout')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                    </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 (opcjonalnie)</div>
                        <div class="text-muted small">
                            JSON z ograniczeniami dostępu (np. whitelist IP). Jeśli puste – nic nie wysyłamy.
                        </div>
                    </div>

                    @php
                        $authJsonVal = old('authorization_policy', $authJson ?? '');
                    @endphp

                    <div class="mb-3">
                        <label class="form-label small text-uppercase text-muted fw-semibold">
                            authorization_policy (JSON)
                        </label>
                        <textarea
                            name="authorization_policy"
                            rows="6"
                            class="form-control form-control-sm font-monospace"
                        >{{ $authJsonVal }}</textarea>
                        @error('authorization_policy')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                        <div class="form-text">
                            Przykład:
                            <code>{"allowedIps":["1.2.3.4","5.6.7.8"]}</code>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- ACTION BAR --}}
        <div class="col-12 d-flex flex-column flex-sm-row justify-content-end gap-2">
            <a href="{{ route('ksef.config.index') }}"
               class="btn btn-outline-secondary">
                Anuluj
            </a>

            <button type="submit" class="btn btn-primary">
                Zapisz konfigurację
            </button>
        </div>

    </form>
</div>
@endsection