@extends('layouts.app')

@section('page-title')
    Faktury proforma
@endsection

@section('page-actions')
    <a href="{{ route('faktury.proforma.index') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i> Lista proform
    </a>
@endsection

@section('content')
<div class="container-xxl px-0">
    <div class="module-shell">
        {{-- Nagłówek --}}
        <div class="d-flex justify-content-between align-items-start mb-4">
            <div>
                <h1 class="h3 mb-1">
                    Proforma #{{ $proforma->id }} – podmioty
                </h1>
                <p class="text-muted mb-0">
                    Krok 2 z 6 &mdash; dane kontrahentów (<code>Podmiot1</code>, <code>Podmiot2</code>, <code>Podmiot3</code>, <code>Upowazniony</code>)
                </p>
            </div>
            <div class="text-end small text-muted d-none d-md-block">
                <div>Struktura docelowa: <strong>FA(3)</strong></div>
                <div>Wariant identyfikacji + <strong>XOR</strong> Nazwa vs Imię/Nazwisko zgodnie z XSD</div>
            </div>
        </div>

        {{-- Pasek kroków kreatora (proforma: 6 kroków) --}}
        <ul class="nav nav-pills nav-justified invoice-stepper mb-4 small">
            <li class="nav-item">
                <a href="{{ route('faktury.proforma.edit.header', $proforma->id) }}" class="nav-link">
                    <span class="badge bg-light text-muted me-2">1</span> Ogólne
                </a>
            </li>
            <li class="nav-item">
                <span class="nav-link active">
                    <span class="badge bg-light text-primary me-2">2</span> Podmioty
                </span>
            </li>
            <li class="nav-item">
                <a href="{{ route('faktury.proforma.edit.lines', $proforma->id) }}" class="nav-link">
                    <span class="badge bg-light text-muted me-2">3</span> Pozycje
                </a>
            </li>
            <li class="nav-item">
                <a href="{{ route('faktury.proforma.edit.payments', $proforma->id) }}" class="nav-link">
                    <span class="badge bg-light text-muted me-2">4</span> Płatność
                </a>
            </li>
            <li class="nav-item">
                <a href="{{ route('faktury.proforma.edit.extras', $proforma->id) }}" class="nav-link">
                    <span class="badge bg-light text-muted me-2">5</span> Dodatkowe
                </a>
            </li>
            <li class="nav-item">
                <span class="nav-link disabled">
                    <span class="badge bg-light text-muted me-2">6</span> Podsumowanie
                </span>
            </li>
        </ul>

        {{-- Błędy walidacji --}}
        @if($errors->any())
            <div class="alert alert-danger alert-dismissible fade show shadow-sm border-0 mb-4" role="alert">
                <strong>Nie udało się zapisać danych podmiotów proformy.</strong>
                <p class="mb-1">Sprawdź poprawność identyfikatorów, adresów oraz wymóg XOR nazwa vs imię+nazwisko.</p>
                <ul class="mb-0 ps-3">
                    @foreach($errors->all() as $e)
                        <li>{{ $e }}</li>
                    @endforeach
                </ul>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Zamknij"></button>
            </div>
        @endif

        <form method="POST" action="{{ route('faktury.proforma.update.parties', $proforma->id) }}" novalidate>
            @csrf
             @method('PUT')
            {{-- PODMIOT 1 – sprzedawca, read-only --}}
            <section class="invoice-section-soft mb-4">
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <div>
                        <span class="fw-semibold">Podmiot 1 – Sprzedawca (Twoja firma)</span>
                        <span class="badge bg-primary-subtle text-primary border border-primary-subtle ms-2">
                            &lt;Podmiot1&gt;
                        </span>
                    </div>
                    <small class="text-muted">
                        Dane pobierane z konfiguracji, tylko do podglądu. Na fakturze właściwej trafią do FA(3) jako sprzedawca.
                    </small>
                </div>

                <div class="row g-3 mb-2">
                    <div class="col-sm-4">
                        <label class="form-label">NIP</label>
                        <input type="text" class="form-control" value="{{ $configCompany->nip }}" disabled>
                    </div>
                    <div class="col-sm-8">
                        <label class="form-label">Nazwa</label>
                        <input type="text" class="form-control" value="{{ $configCompany->nazwa }}" disabled>
                    </div>
                </div>

                <div class="row g-3 mb-2">
                    <div class="col-md-2">
                        <label class="form-label">Kod kraju</label>
                        <input type="text" class="form-control" value="{{ $configCompany->adres_kod_kraju }}" disabled>
                    </div>
                    <div class="col-md-5">
                        <label class="form-label">Adres – linia 1</label>
                        <input type="text" class="form-control" value="{{ $configCompany->adres_l1 }}" disabled>
                    </div>
                    <div class="col-md-5">
                        <label class="form-label">Adres – linia 2</label>
                        <input type="text" class="form-control" value="{{ $configCompany->adres_l2 }}" disabled>
                    </div>
                </div>

                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">E-mail</label>
                        <input type="text" class="form-control" value="{{ $configCompany->kontakt1_email }}" disabled>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Telefon</label>
                        <input type="text" class="form-control" value="{{ $configCompany->kontakt1_telefon }}" disabled>
                    </div>
                </div>
            </section>

            {{-- PODMIOT 2 – nabywca --}}
            <section class="invoice-section-soft mb-4">
                <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
                    <div>
                        <span class="fw-semibold">Podmiot 2 – Nabywca</span>
                        <span class="badge bg-primary-subtle text-primary border border-primary-subtle ms-2">
                            &lt;Podmiot2&gt;
                        </span>
                    </div>
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <button type="button"
                                class="btn btn-outline-secondary btn-sm"
                                data-bs-toggle="modal"
                                data-bs-target="#kontrahentModalP2">
                            <i class="bi bi-people me-1"></i> Wybierz z kontrahentów
                        </button>
                        <small class="text-muted">
                            FA(3): wariant identyfikacji oraz XOR <strong>Nazwa</strong> vs <strong>Imię/Nazwisko</strong>.
                        </small>
                    </div>
                </div>

                {{-- hidden ID kontrahenta --}}
                <input type="hidden"
                       name="p2_kontrahent_id"
                       id="p2_kontrahent_id"
                       value="{{ old('p2_kontrahent_id', $p2->kontrahent_id ?? '') }}">

                {{-- Rodzaj nabywcy --}}
                <div class="mb-3">
                    <label class="form-label">Rodzaj nabywcy (pomaga zachować XOR nazwa vs imię+nazwisko)</label>
                    <div class="d-flex flex-wrap gap-3">
                        <div class="form-check">
                            <input class="form-check-input"
                                   type="radio"
                                   name="p2_rodzaj_ui"
                                   id="p2_rodzaj_firma"
                                   value="firma"
                                   {{ old('p2_imie', $p2->imie ?? '') || old('p2_nazwisko', $p2->nazwisko ?? '') ? '' : 'checked' }}>
                            <label class="form-check-label" for="p2_rodzaj_firma">
                                Firma / instytucja (NIP + nazwa)
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input"
                                   type="radio"
                                   name="p2_rodzaj_ui"
                                   id="p2_rodzaj_osoba"
                                   value="osoba"
                                   {{ old('p2_imie', $p2->imie ?? '') || old('p2_nazwisko', $p2->nazwisko ?? '') ? 'checked' : '' }}>
                            <label class="form-check-label" for="p2_rodzaj_osoba">
                                Osoba fizyczna (imię + nazwisko)
                            </label>
                        </div>
                    </div>
                    <div class="form-text">
                        W XSD FA(3) dla podmiotu wymagane jest wypełnienie <strong>albo</strong> nazwy, <strong>albo</strong> imienia i nazwiska.
                    </div>
                </div>

                <div class="row g-3 mb-3">
                    <div class="col-md-4">
                        <label class="form-label">NIP</label>
                        <input type="text"
                               name="p2_nip"
                               id="p2_nip"
                               class="form-control @error('p2_nip') is-invalid @enderror"
                               value="{{ old('p2_nip', $p2->nip ?? '') }}">
                        @error('p2_nip')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-8">
                        <label class="form-label">Nazwa nabywcy</label>
                        <input type="text"
                               name="p2_nazwa"
                               id="p2_nazwa"
                               class="form-control @error('p2_nazwa') is-invalid @enderror"
                               value="{{ old('p2_nazwa', $p2->nazwa ?? '') }}"
                               placeholder="Nazwa firmy / instytucji">
                        <div class="form-text">
                            Wypełnij to pole <strong>lub</strong> imię i nazwisko poniżej &mdash; nie wszystkie jednocześnie.
                        </div>
                        @error('p2_nazwa')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="row g-3 mb-3">
                    <div class="col-md-6">
                        <label class="form-label">Imię (jeśli osoba fizyczna)</label>
                        <input type="text"
                               name="p2_imie"
                               id="p2_imie"
                               class="form-control @error('p2_imie') is-invalid @enderror"
                               value="{{ old('p2_imie', $p2->imie ?? '') }}"
                               placeholder="Imię">
                        @error('p2_imie')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Nazwisko (jeśli osoba fizyczna)</label>
                        <input type="text"
                               name="p2_nazwisko"
                               id="p2_nazwisko"
                               class="form-control @error('p2_nazwisko') is-invalid @enderror"
                               value="{{ old('p2_nazwisko', $p2->nazwisko ?? '') }}"
                               placeholder="Nazwisko">
                        @error('p2_nazwisko')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                {{-- Adres / identyfikatory --}}
                <div class="row g-3 mb-3">
                    <div class="col-md-2">
                        <label class="form-label">Kod kraju</label>
                        <input type="text"
                               name="p2_adres_kod_kraju"
                               id="p2_adres_kod_kraju"
                               class="form-control @error('p2_adres_kod_kraju') is-invalid @enderror"
                               value="{{ old('p2_adres_kod_kraju', $p2->adres_kod_kraju ?? 'PL') }}">
                        @error('p2_adres_kod_kraju')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-5">
                        <label class="form-label">Adres – linia 1</label>
                        <input type="text"
                               name="p2_adres_l1"
                               id="p2_adres_l1"
                               class="form-control @error('p2_adres_l1') is-invalid @enderror"
                               value="{{ old('p2_adres_l1', $p2->adres_l1 ?? '') }}"
                               placeholder="Ulica / nr">
                        @error('p2_adres_l1')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-5">
                        <label class="form-label">Adres – linia 2</label>
                        <input type="text"
                               name="p2_adres_l2"
                               id="p2_adres_l2"
                               class="form-control @error('p2_adres_l2') is-invalid @enderror"
                               value="{{ old('p2_adres_l2', $p2->adres_l2 ?? '') }}"
                               placeholder="Kod pocztowy / miejscowość">
                        @error('p2_adres_l2')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="row g-3 mb-3">
                    <div class="col-md-4">
                        <label class="form-label">GLN</label>
                        <input type="text"
                               name="p2_adres_gln"
                               id="p2_adres_gln"
                               class="form-control @error('p2_adres_gln') is-invalid @enderror"
                               value="{{ old('p2_adres_gln', $p2->adres_gln ?? '') }}">
                        @error('p2_adres_gln')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">E-mail</label>
                        <input type="text"
                               name="p2_email"
                               id="p2_email"
                               class="form-control @error('p2_email') is-invalid @enderror"
                               value="{{ old('p2_email', $p2->email ?? '') }}">
                        @error('p2_email')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Telefon</label>
                        <input type="text"
                               name="p2_telefon"
                               id="p2_telefon"
                               class="form-control @error('p2_telefon') is-invalid @enderror"
                               value="{{ old('p2_telefon', $p2->telefon ?? '') }}">
                        @error('p2_telefon')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="row g-3">
                    <div class="col-md-4">
                        <label class="form-label">Nr klienta</label>
                        <input type="text"
                               name="p2_nr_klienta"
                               id="p2_nr_klienta"
                               class="form-control @error('p2_nr_klienta') is-invalid @enderror"
                               value="{{ old('p2_nr_klienta', $p2->nr_klienta ?? '') }}"
                               placeholder="NrKlienta">
                        @error('p2_nr_klienta')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">JST</label>
                        @php
                            $p2JstValue = old('p2_jst', $p2->jst ?? '2');
                        @endphp
                        <select name="p2_jst"
                                id="p2_jst"
                                class="form-select @error('p2_jst') is-invalid @enderror">
                            <option value="2" {{ $p2JstValue == '2' ? 'selected' : '' }}>Nie</option>
                            <option value="1" {{ $p2JstValue == '1' ? 'selected' : '' }}>Tak</option>
                        </select>
                        <div class="form-text">
                            Czy nabywca jest jednostką samorządu terytorialnego (JST)?
                        </div>
                        @error('p2_jst')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">GV</label>
                        @php
                            $p2GvValue = old('p2_gv', $p2->gv ?? '2');
                        @endphp
                        <select name="p2_gv"
                                id="p2_gv"
                                class="form-select @error('p2_gv') is-invalid @enderror">
                            <option value="2" {{ $p2GvValue == '2' ? 'selected' : '' }}>Nie</option>
                            <option value="1" {{ $p2GvValue == '1' ? 'selected' : '' }}>Tak</option>
                        </select>
                        <div class="form-text">
                            Flaga GV (1 = Tak, 2 = Nie).
                        </div>
                        @error('p2_gv')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </section>

            {{-- PODMIOT 3 – Odbiorca (opcjonalny) --}}
            <section class="invoice-section-soft mb-4" id="p3-card">
                <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
                    <div>
                        <span class="fw-semibold">Podmiot 3 – Odbiorca (opcjonalny)</span>
                        <span class="badge bg-secondary-subtle text-secondary border border-secondary-subtle ms-2">
                            &lt;Podmiot3&gt;
                        </span>
                    </div>
                    <div class="form-check form-switch m-0">
                        <input class="form-check-input"
                               type="checkbox"
                               role="switch"
                               id="p3_enabled"
                               name="p3_enabled"
                               value="1"
                               @checked(old('p3_enabled', $p3 ? 1 : 0))>
                        <label class="form-check-label small" for="p3_enabled">
                            Uzupełnij dane odbiorcy
                        </label>
                    </div>
                </div>

                <div id="p3-fields">
                    <div class="mb-3">
                        <label class="form-label">Rodzaj odbiorcy</label>
                        <div class="d-flex flex-wrap gap-3">
                            <div class="form-check">
                                <input class="form-check-input"
                                       type="radio"
                                       name="p3_rodzaj_ui"
                                       id="p3_rodzaj_firma"
                                       value="firma"
                                       {{ old('p3_imie', $p3->imie ?? '') || old('p3_nazwisko', $p3->nazwisko ?? '') ? '' : 'checked' }}>
                                <label class="form-check-label" for="p3_rodzaj_firma">
                                    Firma / instytucja (nazwa)
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input"
                                       type="radio"
                                       name="p3_rodzaj_ui"
                                       id="p3_rodzaj_osoba"
                                       value="osoba"
                                       {{ old('p3_imie', $p3->imie ?? '') || old('p3_nazwisko', $p3->nazwisko ?? '') ? 'checked' : '' }}>
                                <label class="form-check-label" for="p3_rodzaj_osoba">
                                    Osoba fizyczna (imię + nazwisko)
                                </label>
                            </div>
                        </div>
                        <div class="form-text">
                            Zachowaj XOR nazwa vs imię+nazwisko jak w schemie FA(3).
                        </div>
                    </div>

                    <div class="row g-3 mb-3">
                        <div class="col-md-4">
                            <label class="form-label">NIP</label>
                            <input type="text"
                                   name="p3_nip"
                                   id="p3_nip"
                                   class="form-control @error('p3_nip') is-invalid @enderror"
                                   value="{{ old('p3_nip', $p3->nip ?? '') }}">
                            @error('p3_nip')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-8">
                            <label class="form-label">Nazwa odbiorcy</label>
                            <input type="text"
                                   name="p3_nazwa"
                                   id="p3_nazwa"
                                   class="form-control @error('p3_nazwa') is-invalid @enderror"
                                   value="{{ old('p3_nazwa', $p3->nazwa ?? '') }}">
                            @error('p3_nazwa')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="row g-3 mb-3">
                        <div class="col-md-6">
                            <label class="form-label">Imię</label>
                            <input type="text"
                                   name="p3_imie"
                                   id="p3_imie"
                                   class="form-control @error('p3_imie') is-invalid @enderror"
                                   value="{{ old('p3_imie', $p3->imie ?? '') }}">
                            @error('p3_imie')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Nazwisko</label>
                            <input type="text"
                                   name="p3_nazwisko"
                                   id="p3_nazwisko"
                                   class="form-control @error('p3_nazwisko') is-invalid @enderror"
                                   value="{{ old('p3_nazwisko', $p3->nazwisko ?? '') }}">
                            @error('p3_nazwisko')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="row g-3 mb-3">
                        <div class="col-md-2">
                            <label class="form-label">Kod kraju</label>
                            <input type="text"
                                   name="p3_adres_kod_kraju"
                                   id="p3_adres_kod_kraju"
                                   class="form-control @error('p3_adres_kod_kraju') is-invalid @enderror"
                                   value="{{ old('p3_adres_kod_kraju', $p3->adres_kod_kraju ?? 'PL') }}">
                            @error('p3_adres_kod_kraju')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-5">
                            <label class="form-label">Adres – linia 1</label>
                            <input type="text"
                                   name="p3_adres_l1"
                                   id="p3_adres_l1"
                                   class="form-control @error('p3_adres_l1') is-invalid @enderror"
                                   value="{{ old('p3_adres_l1', $p3->adres_l1 ?? '') }}">
                            @error('p3_adres_l1')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-5">
                            <label class="form-label">Adres – linia 2</label>
                            <input type="text"
                                   name="p3_adres_l2"
                                   id="p3_adres_l2"
                                   class="form-control @error('p3_adres_l2') is-invalid @enderror"
                                   value="{{ old('p3_adres_l2', $p3->adres_l2 ?? '') }}">
                            @error('p3_adres_l2')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="row g-3 mb-3">
                        <div class="col-md-4">
                            <label class="form-label">GLN</label>
                            <input type="text"
                                   name="p3_adres_gln"
                                   id="p3_adres_gln"
                                   class="form-control @error('p3_adres_gln') is-invalid @enderror"
                                   value="{{ old('p3_adres_gln', $p3->adres_gln ?? '') }}">
                            @error('p3_adres_gln')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">E-mail</label>
                            <input type="text"
                                   name="p3_email"
                                   id="p3_email"
                                   class="form-control @error('p3_email') is-invalid @enderror"
                                   value="{{ old('p3_email', $p3->email ?? '') }}">
                            @error('p3_email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Telefon</label>
                            <input type="text"
                                   name="p3_telefon"
                                   id="p3_telefon"
                                   class="form-control @error('p3_telefon') is-invalid @enderror"
                                   value="{{ old('p3_telefon', $p3->telefon ?? '') }}">
                            @error('p3_telefon')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Rola</label>
                            <input type="text"
                                   name="p3_rola"
                                   id="p3_rola"
                                   class="form-control @error('p3_rola') is-invalid @enderror"
                                   value="{{ old('p3_rola', $p3->rola ?? '') }}"
                                   placeholder="np. odbiorca końcowy">
                            @error('p3_rola')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Udział (%)</label>
                            <input type="number"
                                   step="0.01"
                                   name="p3_udzial"
                                   id="p3_udzial"
                                   class="form-control @error('p3_udzial') is-invalid @enderror"
                                   value="{{ old('p3_udzial', $p3->udzial ?? '') }}"
                                   placeholder="%">
                            @error('p3_udzial')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </section>

            {{-- UPOWAŻNIONY (opcjonalny) --}}
            <section class="invoice-section-soft mb-4" id="up-card">
                <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
                    <div>
                        <span class="fw-semibold">Upoważniony (opcjonalny)</span>
                        <span class="badge bg-secondary-subtle text-secondary border border-secondary-subtle ms-2">
                            &lt;Upowazniony&gt;
                        </span>
                    </div>
                    <div class="form-check form-switch m-0">
                        <input class="form-check-input"
                               type="checkbox"
                               role="switch"
                               id="up_enabled"
                               name="up_enabled"
                               value="1"
                               @checked(old('up_enabled', $up ? 1 : 0))>
                        <label class="form-check-label small" for="up_enabled">
                            Uzupełnij dane upoważnionego
                        </label>
                    </div>
                </div>

                <div id="up-fields">
                    <div class="mb-3">
                        <label class="form-label">Rodzaj podmiotu upoważnionego</label>
                        <div class="d-flex flex-wrap gap-3">
                            <div class="form-check">
                                <input class="form-check-input"
                                       type="radio"
                                       name="up_rodzaj_ui"
                                       id="up_rodzaj_firma"
                                       value="firma"
                                       {{ old('up_imie', $up->imie ?? '') || old('up_nazwisko', $up->nazwisko ?? '') ? '' : 'checked' }}>
                                <label class="form-check-label" for="up_rodzaj_firma">
                                    Firma / instytucja (nazwa)
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input"
                                       type="radio"
                                       name="up_rodzaj_ui"
                                       id="up_rodzaj_osoba"
                                       value="osoba"
                                       {{ old('up_imie', $up->imie ?? '') || old('up_nazwisko', $up->nazwisko ?? '') ? 'checked' : '' }}>
                                <label class="form-check-label" for="up_rodzaj_osoba">
                                    Osoba fizyczna (imię + nazwisko)
                                </label>
                            </div>
                        </div>
                        <div class="form-text">
                            Zgodnie z FA(3) wypełnij nazwę <strong>lub</strong> imię i nazwisko.
                        </div>
                    </div>

                    <div class="row g-3 mb-3">
                        <div class="col-md-4">
                            <label class="form-label">NIP</label>
                            <input type="text"
                                   name="up_nip"
                                   id="up_nip"
                                   class="form-control @error('up_nip') is-invalid @enderror"
                                   value="{{ old('up_nip', $up->nip ?? '') }}">
                            @error('up_nip')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-8">
                            <label class="form-label">Nazwa</label>
                            <input type="text"
                                   name="up_nazwa"
                                   id="up_nazwa"
                                   class="form-control @error('up_nazwa') is-invalid @enderror"
                                   value="{{ old('up_nazwa', $up->nazwa ?? '') }}">
                            @error('up_nazwa')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="row g-3 mb-3">
                        <div class="col-md-6">
                            <label class="form-label">Imię</label>
                            <input type="text"
                                   name="up_imie"
                                   id="up_imie"
                                   class="form-control @error('up_imie') is-invalid @enderror"
                                   value="{{ old('up_imie', $up->imie ?? '') }}">
                            @error('up_imie')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Nazwisko</label>
                            <input type="text"
                                   name="up_nazwisko"
                                   id="up_nazwisko"
                                   class="form-control @error('up_nazwisko') is-invalid @enderror"
                                   value="{{ old('up_nazwisko', $up->nazwisko ?? '') }}">
                            @error('up_nazwisko')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="row g-3 mb-3">
                        <div class="col-md-2">
                            <label class="form-label">Kod kraju</label>
                            <input type="text"
                                   name="up_adres_kod_kraju"
                                   id="up_adres_kod_kraju"
                                   class="form-control @error('up_adres_kod_kraju') is-invalid @enderror"
                                   value="{{ old('up_adres_kod_kraju', $up->adres_kod_kraju ?? 'PL') }}">
                            @error('up_adres_kod_kraju')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-5">
                            <label class="form-label">Adres – linia 1</label>
                            <input type="text"
                                   name="up_adres_l1"
                                   id="up_adres_l1"
                                   class="form-control @error('up_adres_l1') is-invalid @enderror"
                                   value="{{ old('up_adres_l1', $up->adres_l1 ?? '') }}">
                            @error('up_adres_l1')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-5">
                            <label class="form-label">Adres – linia 2</label>
                            <input type="text"
                                   name="up_adres_l2"
                                   id="up_adres_l2"
                                   class="form-control @error('up_adres_l2') is-invalid @enderror"
                                   value="{{ old('up_adres_l2', $up->adres_l2 ?? '') }}">
                            @error('up_adres_l2')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="row g-3 mb-3">
                        <div class="col-md-4">
                            <label class="form-label">GLN</label>
                            <input type="text"
                                   name="up_adres_gln"
                                   id="up_adres_gln"
                                   class="form-control @error('up_adres_gln') is-invalid @enderror"
                                   value="{{ old('up_adres_gln', $up->adres_gln ?? '') }}">
                            @error('up_adres_gln')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">E-mail</label>
                            <input type="text"
                                   name="up_email"
                                   id="up_email"
                                   class="form-control @error('up_email') is-invalid @enderror"
                                   value="{{ old('up_email', $up->email ?? '') }}">
                            @error('up_email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Telefon</label>
                            <input type="text"
                                   name="up_telefon"
                                   id="up_telefon"
                                   class="form-control @error('up_telefon') is-invalid @enderror"
                                   value="{{ old('up_telefon', $up->telefon ?? '') }}">
                            @error('up_telefon')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </section>

            <div class="d-flex justify-content-between align-items-center mt-4">
                <a href="{{ route('faktury.proforma.edit.header', $proforma->id) }}" class="btn btn-outline-secondary">
                    &laquo; Wróć do ogólnych danych proformy
                </a>
                <button type="submit" class="btn btn-primary">
                    Zapisz i przejdź do pozycji &raquo;
                </button>
            </div>
        </form>
    </div>
</div>

{{-- MODAL: wybór kontrahenta dla Podmiot2 --}}
<div class="modal fade" id="kontrahentModalP2" tabindex="-1" aria-labelledby="kontrahentModalP2Label" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="kontrahentModalP2Label">Wybierz kontrahenta dla Podmiot 2 – Nabywca</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Zamknij"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label for="kontrahent-search-p2" class="form-label">Szukaj (nazwa, NIP, e-mail, nr klienta)</label>
                    <input type="text" id="kontrahent-search-p2" class="form-control" placeholder="Zacznij pisać, aby filtrować listę…">
                </div>

                <div class="table-responsive">
                    <table class="table table-sm table-hover align-middle" id="kontrahent-table-p2">
                        <thead>
                            <tr>
                                <th>Nazwa / Imię i nazwisko</th>
                                <th>NIP</th>
                                <th>E-mail</th>
                                <th>Telefon</th>
                                <th>Nr klienta</th>
                                <th>JST</th>
                                <th>GV</th>
                                <th class="text-end">Akcja</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($kontrahenci as $k)
                                @php
                                    $displayName = $k->nazwa ?: trim(($k->imie ?? '') . ' ' . ($k->nazwisko ?? ''));
                                @endphp
                                <tr class="kontrahent-row-p2">
                                    <td class="kontrahent-text">
                                        {{ $displayName ?: '(brak nazwy)' }}
                                    </td>
                                    <td class="kontrahent-text">{{ $k->nip }}</td>
                                    <td class="kontrahent-text">{{ $k->email }}</td>
                                    <td class="kontrahent-text">{{ $k->telefon }}</td>
                                    <td class="kontrahent-text">{{ $k->nr_klienta }}</td>
                                    <td>{{ $k->jst == '1' ? 'Tak' : 'Nie' }}</td>
                                    <td>{{ $k->gv == '1' ? 'Tak' : 'Nie' }}</td>
                                    <td class="text-end">
                                        <button type="button"
                                                class="btn btn-sm btn-primary js-select-kontrahent-p2"
                                                data-id="{{ $k->id }}"
                                                data-nip="{{ e($k->nip) }}"
                                                data-nazwa="{{ e($k->nazwa) }}"
                                                data-imie="{{ e($k->imie) }}"
                                                data-nazwisko="{{ e($k->nazwisko) }}"
                                                data-adres_kod_kraju="{{ e($k->adres_kod_kraju) }}"
                                                data-adres_l1="{{ e($k->adres_l1) }}"
                                                data-adres_l2="{{ e($k->adres_l2) }}"
                                                data-adres_gln="{{ e($k->adres_gln) }}"
                                                data-email="{{ e($k->email) }}"
                                                data-telefon="{{ e($k->telefon) }}"
                                                data-nr_klienta="{{ e($k->nr_klienta) }}"
                                                data-jst="{{ e($k->jst ?? '2') }}"
                                                data-gv="{{ e($k->gv ?? '2') }}">
                                            Wybierz
                                        </button>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8" class="text-muted text-center">
                                        Brak zdefiniowanych kontrahentów. Dodaj ich w module „Kontrahenci”.
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <small class="text-muted me-auto">
                    Wybór kontrahenta nadpisze pola Podmiot 2 danymi z karty kontrahenta.
                </small>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Zamknij</button>
            </div>
        </div>
    </div>
</div>

<script>
    (function () {
        function toggleOptionalSection(checkboxId, containerId) {
            const cb = document.getElementById(checkboxId);
            const container = document.getElementById(containerId);
            if (!cb || !container) return;

            function apply() {
                const enabled = cb.checked;
                container.classList.toggle('opacity-50', !enabled);
                container.querySelectorAll('input, select, textarea').forEach(el => {
                    el.disabled = !enabled;
                });
            }

            cb.addEventListener('change', apply);
            apply();
        }

        function setupXorNamePerson(prefix) {
            const nazwa = document.getElementById(prefix + '_nazwa');
            const imie = document.getElementById(prefix + '_imie');
            const nazwisko = document.getElementById(prefix + '_nazwisko');

            const radioFirma = document.getElementById(prefix + '_rodzaj_firma');
            const radioOsoba = document.getElementById(prefix + '_rodzaj_osoba');

            function apply() {
                if (!nazwa || !imie || !nazwisko) return;
                const isOsoba = radioOsoba && radioOsoba.checked;

                if (isOsoba) {
                    nazwa.removeAttribute('required');
                    nazwa.classList.remove('is-invalid');
                } else {
                    imie.classList.remove('is-invalid');
                    nazwisko.classList.remove('is-invalid');
                }
            }

            if (radioFirma) radioFirma.addEventListener('change', apply);
            if (radioOsoba) radioOsoba.addEventListener('change', apply);
            apply();
        }

        function setupKontrahentModalP2() {
            const table = document.getElementById('kontrahent-table-p2');
            if (!table) return;

            const searchInput = document.getElementById('kontrahent-search-p2');
            const rows = table.querySelectorAll('tbody tr.kontrahent-row-p2');

            if (searchInput) {
                searchInput.addEventListener('input', function () {
                    const q = this.value.toLowerCase().trim();
                    rows.forEach(row => {
                        const text = Array.from(row.querySelectorAll('.kontrahent-text'))
                            .map(td => td.textContent.toLowerCase())
                            .join(' ');
                        row.style.display = text.indexOf(q) !== -1 ? '' : 'none';
                    });
                });
            }

            table.addEventListener('click', function (e) {
                const btn = e.target.closest('.js-select-kontrahent-p2');
                if (!btn) return;
                const data = btn.dataset;

                const idInput = document.getElementById('p2_kontrahent_id');
                if (idInput) idInput.value = data.id || '';

                const map = {
                    'p2_nip': 'nip',
                    'p2_nazwa': 'nazwa',
                    'p2_imie': 'imie',
                    'p2_nazwisko': 'nazwisko',
                    'p2_adres_kod_kraju': 'adres_kod_kraju',
                    'p2_adres_l1': 'adres_l1',
                    'p2_adres_l2': 'adres_l2',
                    'p2_adres_gln': 'adres_gln',
                    'p2_email': 'email',
                    'p2_telefon': 'telefon',
                    'p2_nr_klienta': 'nr_klienta',
                };

                Object.keys(map).forEach(fieldId => {
                    const key = map[fieldId];
                    const el = document.getElementById(fieldId);
                    if (el) el.value = data[key] || '';
                });

                const jstSelect = document.getElementById('p2_jst');
                if (jstSelect) {
                    const val = data.jst === '1' || data.jst === '2' ? data.jst : '2';
                    jstSelect.value = val;
                }

                const gvSelect = document.getElementById('p2_gv');
                if (gvSelect) {
                    const val = data.gv === '1' || data.gv === '2' ? data.gv : '2';
                    gvSelect.value = val;
                }

                const hasPerson =
                    (data.imie && data.imie.trim().length > 0) ||
                    (data.nazwisko && data.nazwisko.trim().length > 0);

                const radioFirma = document.getElementById('p2_rodzaj_firma');
                const radioOsoba = document.getElementById('p2_rodzaj_osoba');

                if (hasPerson && radioOsoba) {
                    radioOsoba.checked = true;
                } else if (radioFirma) {
                    radioFirma.checked = true;
                }

                setupXorNamePerson('p2');

                const modalEl = document.getElementById('kontrahentModalP2');
                if (modalEl && window.bootstrap) {
                    const modal = bootstrap.Modal.getInstance(modalEl) || new bootstrap.Modal(modalEl);
                    modal.hide();
                }
            });
        }

        toggleOptionalSection('p3_enabled', 'p3-fields');
        toggleOptionalSection('up_enabled', 'up-fields');

        setupXorNamePerson('p2');
        setupXorNamePerson('p3');
        setupXorNamePerson('up');

        setupKontrahentModalP2();
    })();
</script>
@endsection