@extends('layouts.app')

@section('title', 'Nowa faktura – płatność')

@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">Nowa faktura – płatność</h1>
                <p class="text-muted mb-0">
                    Krok 4 z 5 &mdash; informacje o płatności i rachunkach
                    (<code>Platnosc</code>, <code>TerminPlatnosci</code>, <code>ZaplataCzesciowa</code>, rachunki, <code>LinkDoPlatnosci</code>/IPKSeF)
                </p>
            </div>
            <div class="text-end small text-muted d-none d-md-block">
                <div>Struktura: <strong>FA(3)</strong></div>
                <div>Spójność: forma płatności vs <code>PlatnoscInna</code>, częściowa &rarr; kwota, link + IPKSeF w parze</div>
            </div>
        </div>

        {{-- Pasek kroków kreatora --}}
        <ul class="nav nav-pills nav-justified mb-4 small invoice-stepper">
            <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">
                <a href="{{ route('faktury.proforma.edit.parties', $proforma->id) }}" class="nav-link">
                    <span class="badge bg-light text-muted me-2">2</span> Podmioty
                </a>
            </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">
                <span class="nav-link active">
                    <span class="badge bg-light text-primary me-2">4</span> Płatność
                </span>
            </li>
            <li class="nav-item">
                <span class="nav-link disabled">
                    <span class="badge bg-light text-muted me-2">5</span> Podsumowanie
                </span>
            </li>
        </ul>

        {{-- Błędy walidacji --}}
        @if($errors->any())
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <strong>Nie udało się zapisać danych płatności.</strong>
                <p class="mb-1">Sprawdź formę płatności, terminy, zapłaty częściowe oraz parę Link/IPKSeF.</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.payments', $proforma->id) }}" novalidate>
            @csrf

            {{-- Sekcja: Zapłata / zapłata częściowa --}}
            <div class="invoice-section-soft mb-3">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="d-flex flex-column">
                        <span class="fw-semibold">Status zapłaty</span>
                        <small class="text-muted">
                            <code>Zaplacono</code>, <code>DataZaplaty</code>, <code>ZnacznikZaplatyCzesciowej</code>
                        </small>
                    </div>
                    <span class="badge bg-primary-subtle text-primary border border-primary-subtle">
                        &lt;Platnosc&gt;
                    </span>
                </div>

                <div class="mt-3">
                    <div class="form-check mb-3">
                        <input class="form-check-input"
                               type="checkbox"
                               id="zaplacono"
                               name="zaplacono"
                               value="1"
                               @checked(old('zaplacono', optional($platnosc)->zaplacono))>
                        <label class="form-check-label" for="zaplacono">
                            Zapłacono całość należności (<code>Zaplacono</code>)
                        </label>
                    </div>

                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label">Data zapłaty (<code>DataZaplaty</code>)</label>
                            <input type="date"
                                   name="data_zaplaty"
                                   id="data_zaplaty"
                                   class="form-control @error('data_zaplaty') is-invalid @enderror"
                                   value="{{ old('data_zaplaty', optional($platnosc)->data_zaplaty) }}">
                            <div class="form-text">
                                Wymagana przy pełnej zapłacie; przy zapłatach częściowych może pozostać pusta.
                            </div>
                            @error('data_zaplaty')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-4">
                            <label class="form-label">
                                Znacznik zapłaty częściowej (<code>ZnacznikZaplatyCzesciowej</code>)
                            </label>
                            <select name="znacznik_zaplaty_czesciowej"
                                    id="znacznik_zaplaty_czesciowej"
                                    class="form-select @error('znacznik_zaplaty_czesciowej') is-invalid @enderror">
                                <option value="">-- brak --</option>
                                <option value="1" @selected(old('znacznik_zaplaty_czesciowej', optional($platnosc)->znacznik_zaplaty_czesciowej) == 1)>
                                    1 – zapłata częściowa
                                </option>
                                <option value="2" @selected(old('znacznik_zaplaty_czesciowej', optional($platnosc)->znacznik_zaplaty_czesciowej) == 2)>
                                    2 – zapłata końcowa po częściowych
                                </option>
                            </select>
                            <div class="form-text">
                                Ustaw, gdy występują zapłaty częściowe zgodnie z FA(3).
                            </div>
                            @error('znacznik_zaplaty_czesciowej')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>

            {{-- Sekcja: Terminy płatności --}}
            <div class="invoice-section-soft mb-3">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="d-flex flex-column">
                        <span class="fw-semibold">Terminy płatności</span>
                        <small class="text-muted">
                            Możesz zdefiniować wiele terminów (data bezwzględna lub liczba dni od zdarzenia).
                        </small>
                    </div>
                    <span class="badge bg-primary-subtle text-primary border border-primary-subtle">
                        &lt;TerminPlatnosci&gt;
                    </span>
                </div>

                <div class="mt-3 border rounded-3 overflow-hidden bg-white">
                    <div class="table-responsive mb-0">
                        <table class="table table-sm align-middle mb-0" id="terminy-table">
                            <thead class="table-light">
                            <tr class="small text-nowrap">
                                <th>Termin (data)</th>
                                <th>Ilość</th>
                                <th>Jednostka</th>
                                <th>Zdarzenie początkowe</th>
                                <th style="width:40px;"></th>
                            </tr>
                            </thead>
                            <tbody>
                            @php
                                $oldTermin = old('terminy', $terminy->toArray());
                            @endphp

                            @forelse($oldTermin as $i => $t)
                                <tr>
                                    <td>
                                        <input type="date"
                                               name="terminy[{{ $i }}][termin]"
                                               class="form-control form-control-sm @error("terminy.$i.termin") is-invalid @enderror"
                                               value="{{ $t['termin'] ?? '' }}">
                                        @error("terminy.$i.termin")
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                    <td>
                                        <input type="number"
                                               name="terminy[{{ $i }}][ilosc]"
                                               class="form-control form-control-sm @error("terminy.$i.ilosc") is-invalid @enderror"
                                               value="{{ $t['ilosc'] ?? '' }}"
                                               placeholder="np. 14">
                                        @error("terminy.$i.ilosc")
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                    <td>
                                        <input type="text"
                                               name="terminy[{{ $i }}][jednostka]"
                                               class="form-control form-control-sm @error("terminy.$i.jednostka") is-invalid @enderror"
                                               value="{{ $t['jednostka'] ?? '' }}"
                                               placeholder="np. dni">
                                        @error("terminy.$i.jednostka")
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                    <td>
                                        <input type="text"
                                               name="terminy[{{ $i }}][zdarzenie_poczatkowe]"
                                               class="form-control form-control-sm @error("terminy.$i.zdarzenie_poczatkowe") is-invalid @enderror"
                                               value="{{ $t['zdarzenie_poczatkowe'] ?? '' }}"
                                               placeholder="np. data wystawienia faktury">
                                        @error("terminy.$i.zdarzenie_poczatkowe")
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                    <td class="text-center">
                                        <button type="button"
                                                class="btn btn-sm btn-outline-danger btn-remove-termin"
                                                title="Usuń termin">
                                            &times;
                                        </button>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td>
                                        <input type="date"
                                               name="terminy[0][termin]"
                                               class="form-control form-control-sm">
                                    </td>
                                    <td>
                                        <input type="number"
                                               name="terminy[0][ilosc]"
                                               class="form-control form-control-sm"
                                               placeholder="np. 14">
                                    </td>
                                    <td>
                                        <input type="text"
                                               name="terminy[0][jednostka]"
                                               class="form-control form-control-sm"
                                               placeholder="np. dni">
                                    </td>
                                    <td>
                                        <input type="text"
                                               name="terminy[0][zdarzenie_poczatkowe]"
                                               class="form-control form-control-sm"
                                               placeholder="np. data wystawienia faktury">
                                    </td>
                                    <td class="text-center">
                                        <button type="button"
                                                class="btn btn-sm btn-outline-danger btn-remove-termin"
                                                title="Usuń termin">
                                            &times;
                                        </button>
                                    </td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                <button type="button" class="btn btn-sm btn-outline-secondary mt-3" id="btn-add-termin">
                    + Dodaj termin
                </button>
            </div>

            {{-- Sekcja: Forma płatności + rachunki --}}
            <div class="invoice-section-soft mb-3">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="d-flex flex-column">
                        <span class="fw-semibold">Forma płatności i rachunki</span>
                        <small class="text-muted">
                            Dokładnie jedna forma: słownikowa (<code>FormaPlatnosci</code>) lub <code>PlatnoscInna</code>.
                        </small>
                    </div>
                    <span class="badge bg-primary-subtle text-primary border border-primary-subtle">
                        &lt;Platnosc&gt;, &lt;RachunekBankowy&gt;, &lt;RachunekBankowyFaktora&gt;
                    </span>
                </div>

                <div class="mt-3">
                    {{-- Forma płatności + inna --}}
                    <div class="row g-3 mb-3">
                        <div class="col-md-6">
                            <label class="form-label">
                                Forma płatności (<code>FormaPlatnosci</code>)
                            </label>
                            <select name="forma_platnosci"
                                    id="forma_platnosci"
                                    class="form-select @error('forma_platnosci') is-invalid @enderror">
                                <option value="">-- wybierz --</option>
                                @foreach ([1=>'Gotówka',2=>'Karta',3=>'Polecenie zapłaty',4=>'Czek',5=>'Wechsel',6=>'Przelew',7=>'Mobilna'] as $val => $label)
                                    <option value="{{ $val }}" @selected(old('forma_platnosci', optional($platnosc)->forma_platnosci) == $val)>
                                        {{ $val }} – {{ $label }}
                                    </option>
                                @endforeach
                            </select>
                            <div class="form-text">
                                Jeśli zaznaczysz „inna forma płatności”, to pole powinno pozostać puste.
                            </div>
                            @error('forma_platnosci')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 d-flex align-items-center">
                            <div>
                                <div class="form-check mb-1">
                                    <input class="form-check-input"
                                           type="checkbox"
                                           id="platnosc_inna"
                                           name="platnosc_inna"
                                           value="1"
                                           @checked(old('platnosc_inna', optional($platnosc)->platnosc_inna))>
                                    <label class="form-check-label" for="platnosc_inna">
                                        Inna forma płatności (<code>PlatnoscInna</code>)
                                    </label>
                                </div>
                                @error('platnosc_inna')
                                    <div class="text-danger small">{{ $message }}</div>
                                @enderror
                                <div class="form-text">
                                    Zaznacz, gdy forma płatności nie występuje w słowniku (<code>FormaPlatnosci</code>).
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Opis płatności (<code>OpisPlatnosci</code>)</label>
                        <input type="text"
                               name="opis_platnosci"
                               class="form-control @error('opis_platnosci') is-invalid @enderror"
                               value="{{ old('opis_platnosci', optional($platnosc)->opis_platnosci) }}">
                        <div class="form-text">
                            Np. „przelew 14 dni”, „gotówka przy odbiorze”.
                        </div>
                        @error('opis_platnosci')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <hr>

                    {{-- Rachunek bankowy sprzedawcy --}}
                    <h6 class="fw-semibold mb-3">Rachunek bankowy sprzedawcy (<code>RachunekBankowy</code>)</h6>

                    <div class="row g-3 mb-3">
                        <div class="col-md-8">
                            <label class="form-label">Nr rachunku (<code>NrRB</code>)</label>
                            <input type="text"
                                   name="rb_nrrb"
                                   class="form-control @error('rb_nrrb') is-invalid @enderror"
                                   value="{{ old('rb_nrrb', optional($platnosc)->rb_nrrb) }}"
                                   placeholder="Numer rachunku bankowego (IBAN)">
                            @error('rb_nrrb')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">SWIFT</label>
                            <input type="text"
                                   name="rb_swift"
                                   class="form-control @error('rb_swift') is-invalid @enderror"
                                   value="{{ old('rb_swift', optional($platnosc)->rb_swift) }}"
                                   placeholder="SWIFT/BIC">
                            @error('rb_swift')
                                <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">
                                Rachunek własny banku (<code>RachunekWlasnyBanku</code>)
                            </label>
                            <select name="rb_rachunek_wlasny_banku"
                                    class="form-select @error('rb_rachunek_wlasny_banku') is-invalid @enderror">
                                <option value="">-- brak --</option>
                                <option value="1" @selected(old('rb_rachunek_wlasny_banku', optional($platnosc)->rb_rachunek_wlasny_banku) == 1)>1</option>
                                <option value="2" @selected(old('rb_rachunek_wlasny_banku', optional($platnosc)->rb_rachunek_wlasny_banku) == 2)>2</option>
                            </select>
                            @error('rb_rachunek_wlasny_banku')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Nazwa banku</label>
                            <input type="text"
                                   name="rb_nazwa_banku"
                                   class="form-control @error('rb_nazwa_banku') is-invalid @enderror"
                                   value="{{ old('rb_nazwa_banku', optional($platnosc)->rb_nazwa_banku) }}">
                            @error('rb_nazwa_banku')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Opis rachunku</label>
                            <input type="text"
                                   name="rb_opis_rachunku"
                                   class="form-control @error('rb_opis_rachunku') is-invalid @enderror"
                                   value="{{ old('rb_opis_rachunku', optional($platnosc)->rb_opis_rachunku) }}">
                            @error('rb_opis_rachunku')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <hr>

                    {{-- Rachunek bankowy faktora --}}
                    <h6 class="fw-semibold mb-3">Rachunek bankowy faktora (<code>RachunekBankowyFaktora</code>)</h6>

                    <div class="row g-3 mb-3">
                        <div class="col-md-8">
                            <label class="form-label">Nr rachunku faktora (<code>NrRB</code>)</label>
                            <input type="text"
                                   name="rbf_nrrb"
                                   class="form-control @error('rbf_nrrb') is-invalid @enderror"
                                   value="{{ old('rbf_nrrb', optional($platnosc)->rbf_nrrb) }}"
                                   placeholder="Numer rachunku faktora">
                            @error('rbf_nrrb')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">SWIFT</label>
                            <input type="text"
                                   name="rbf_swift"
                                   class="form-control @error('rbf_swift') is-invalid @enderror"
                                   value="{{ old('rbf_swift', optional($platnosc)->rbf_swift) }}"
                                   placeholder="SWIFT/BIC">
                            @error('rbf_swift')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label">Rachunek własny banku</label>
                            <select name="rbf_rachunek_wlasny_banku"
                                    class="form-select @error('rbf_rachunek_wlasny_banku') is-invalid @enderror">
                                <option value="">-- brak --</option>
                                <option value="1" @selected(old('rbf_rachunek_wlasny_banku', optional($platnosc)->rbf_rachunek_wlasny_banku) == 1)>1</option>
                                <option value="2" @selected(old('rbf_rachunek_wlasny_banku', optional($platnosc)->rbf_rachunek_wlasny_banku) == 2)>2</option>
                            </select>
                            @error('rbf_rachunek_wlasny_banku')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Nazwa banku</label>
                            <input type="text"
                                   name="rbf_nazwa_banku"
                                   class="form-control @error('rbf_nazwa_banku') is-invalid @enderror"
                                   value="{{ old('rbf_nazwa_banku', optional($platnosc)->rbf_nazwa_banku) }}">
                            @error('rbf_nazwa_banku')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Opis rachunku</label>
                            <input type="text"
                                   name="rbf_opis_rachunku"
                                   class="form-control @error('rbf_opis_rachunku') is-invalid @enderror"
                                   value="{{ old('rbf_opis_rachunku', optional($platnosc)->rbf_opis_rachunku) }}">
                            @error('rbf_opis_rachunku')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>

            {{-- Sekcja: Link + IPKSeF --}}
            <div class="invoice-section-soft mb-3">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="d-flex flex-column">
                        <span class="fw-semibold">Płatność on-line i identyfikacja IPKSeF</span>
                        <small class="text-muted">
                            Link i IPKSeF w schemie FA(3) są traktowane jako para &mdash; albo oba, albo żadne.
                        </small>
                    </div>
                    <span class="badge bg-primary-subtle text-primary border border-primary-subtle">
                        &lt;LinkDoPlatnosci&gt;, IPKSeF
                    </span>
                </div>

                <div class="mt-3">
                    <div class="mb-3">
                        <label class="form-label">Link do płatności (<code>LinkDoPlatnosci</code>)</label>
                        <input type="text"
                               name="link_do_platnosci"
                               id="link_do_platnosci"
                               class="form-control @error('link_do_platnosci') is-invalid @enderror"
                               value="{{ old('link_do_platnosci', optional($platnosc)->link_do_platnosci) }}"
                               placeholder="https://...IPKSeF=XYZ">
                        <div class="form-text">
                            Wymagany łącznie z identyfikatorem IPKSeF, jeśli jest używany.
                        </div>
                        @error('link_do_platnosci')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div>
                        <label class="form-label">Identyfikator IPKSeF</label>
                        <input type="text"
                               name="ipksef"
                               id="ipksef"
                               class="form-control @error('ipksef') is-invalid @enderror"
                               value="{{ old('ipksef', optional($platnosc)->ipksef) }}"
                               placeholder="3 cyfry + 10 znaków alfanumerycznych">
                        @error('ipksef')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            {{-- Sekcja: Zapłaty częściowe --}}
            <div class="invoice-section-soft mb-3">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="d-flex flex-column">
                        <span class="fw-semibold">Zapłaty częściowe</span>
                        <small class="text-muted">
                            Gdy zdefiniujesz zapłaty częściowe, ustaw odpowiedni <code>ZnacznikZaplatyCzesciowej</code>.
                        </small>
                    </div>
                    <span class="badge bg-primary-subtle text-primary border border-primary-subtle">
                        &lt;ZaplataCzesciowa&gt;
                    </span>
                </div>

                <div class="mt-3 border rounded-3 overflow-hidden bg-white">
                    <div class="table-responsive mb-0">
                        <table class="table table-sm align-middle mb-0" id="czesciowe-table">
                            <thead class="table-light">
                            <tr class="small text-nowrap">
                                <th>Kwota</th>
                                <th>Data</th>
                                <th>Forma</th>
                                <th>Inna forma</th>
                                <th>Opis</th>
                                <th style="width:40px;"></th>
                            </tr>
                            </thead>
                            <tbody>
                            @php
                                $oldCzesciowe = old('czesciowe', $czesciowe->toArray());
                            @endphp

                            @forelse($oldCzesciowe as $i => $cz)
                                <tr>
                                    <td>
                                        <input type="number"
                                               step="0.01"
                                               name="czesciowe[{{ $i }}][kwota]"
                                               class="form-control form-control-sm @error("czesciowe.$i.kwota") is-invalid @enderror"
                                               value="{{ $cz['kwota'] ?? '' }}">
                                        @error("czesciowe.$i.kwota")
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                    <td>
                                        <input type="date"
                                               name="czesciowe[{{ $i }}][data]"
                                               class="form-control form-control-sm @error("czesciowe.$i.data") is-invalid @enderror"
                                               value="{{ $cz['data'] ?? '' }}">
                                        @error("czesciowe.$i.data")
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                    <td>
                                        <select name="czesciowe[{{ $i }}][forma_platnosci]"
                                                class="form-select form-select-sm @error("czesciowe.$i.forma_platnosci") is-invalid @enderror">
                                            <option value="">--</option>
                                            @foreach ([1=>'Gotówka',2=>'Karta',3=>'Polecenie zapłaty',4=>'Czek',5=>'Wechsel',6=>'Przelew',7=>'Mobilna'] as $val => $label)
                                                <option value="{{ $val }}" @selected(($cz['forma_platnosci'] ?? null) == $val)>
                                                    {{ $val }} – {{ $label }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error("czesciowe.$i.forma_platnosci")
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                    <td class="text-center">
                                        <input type="checkbox"
                                               name="czesciowe[{{ $i }}][platnosc_inna]"
                                               value="1"
                                               @checked(!empty($cz['platnosc_inna']))>
                                    </td>
                                    <td>
                                        <input type="text"
                                               name="czesciowe[{{ $i }}][opis_platnosci]"
                                               class="form-control form-control-sm @error("czesciowe.$i.opis_platnosci") is-invalid @enderror"
                                               value="{{ $cz['opis_platnosci'] ?? '' }}">
                                        @error("czesciowe.$i.opis_platnosci")
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                    <td class="text-center">
                                        <button type="button"
                                                class="btn btn-sm btn-outline-danger btn-remove-czesciowa"
                                                title="Usuń zapłatę częściową">
                                            &times;
                                        </button>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td>
                                        <input type="number"
                                               step="0.01"
                                               name="czesciowe[0][kwota]"
                                               class="form-control form-control-sm">
                                    </td>
                                    <td>
                                        <input type="date"
                                               name="czesciowe[0][data]"
                                               class="form-control form-control-sm">
                                    </td>
                                    <td>
                                        <select name="czesciowe[0][forma_platnosci]"
                                                class="form-select form-select-sm">
                                            <option value="">--</option>
                                            @foreach ([1=>'Gotówka',2=>'Karta',3=>'Polecenie zapłaty',4=>'Czek',5=>'Wechsel',6=>'Przelew',7=>'Mobilna'] as $val => $label)
                                                <option value="{{ $val }}">{{ $val }} – {{ $label }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td class="text-center">
                                        <input type="checkbox"
                                               name="czesciowe[0][platnosc_inna]"
                                               value="1">
                                    </td>
                                    <td>
                                        <input type="text"
                                               name="czesciowe[0][opis_platnosci]"
                                               class="form-control form-control-sm">
                                    </td>
                                    <td class="text-center">
                                        <button type="button"
                                                class="btn btn-sm btn-outline-danger btn-remove-czesciowa"
                                                title="Usuń zapłatę częściową">
                                            &times;
                                        </button>
                                    </td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                <button type="button"
                        class="btn btn-sm btn-outline-secondary mt-3"
                        id="btn-add-czesciowa">
                    + Dodaj zapłatę częściową
                </button>
            </div>

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

<script>
    (function () {
        // wspólna funkcja reindeksacji
        function reindexRows(tbody, prefix) {
            const rows = tbody.querySelectorAll('tr');
            rows.forEach((tr, i) => {
                tr.querySelectorAll('input, select').forEach(input => {
                    const name = input.getAttribute('name');
                    if (!name) return;
                    input.setAttribute(
                        'name',
                        name.replace(new RegExp(prefix + '\\[\\d+\\]'), prefix + '[' + i + ']')
                    );
                });
            });
        }

        // Terminy
        const termTable = document.querySelector('#terminy-table tbody');
        const btnAddTerm = document.getElementById('btn-add-termin');

        if (termTable) {
            termTable.addEventListener('click', function (e) {
                if (e.target.classList.contains('btn-remove-termin')) {
                    const rows = termTable.querySelectorAll('tr');
                    if (rows.length > 1) {
                        e.target.closest('tr').remove();
                        reindexRows(termTable, 'terminy');
                    }
                }
            });
        }

        if (btnAddTerm && termTable) {
            btnAddTerm.addEventListener('click', function () {
                const rows = termTable.querySelectorAll('tr');
                const clone = rows[0].cloneNode(true);

                clone.querySelectorAll('input').forEach(input => {
                    input.value = '';
                    input.classList.remove('is-invalid');
                });

                termTable.appendChild(clone);
                reindexRows(termTable, 'terminy');
            });
        }

        // Zapłaty częściowe
        const czTable = document.querySelector('#czesciowe-table tbody');
        const btnAddCz = document.getElementById('btn-add-czesciowa');

        if (czTable) {
            czTable.addEventListener('click', function (e) {
                if (e.target.classList.contains('btn-remove-czesciowa')) {
                    const rows = czTable.querySelectorAll('tr');
                    if (rows.length > 1) {
                        e.target.closest('tr').remove();
                        reindexRows(czTable, 'czesciowe');
                    }
                }
            });
        }

        if (btnAddCz && czTable) {
            btnAddCz.addEventListener('click', function () {
                const rows = czTable.querySelectorAll('tr');
                const clone = rows[0].cloneNode(true);

                clone.querySelectorAll('input').forEach(input => {
                    if (input.type === 'checkbox') {
                        input.checked = false;
                    } else {
                        input.value = '';
                    }
                    input.classList.remove('is-invalid');
                });

                clone.querySelectorAll('select').forEach(select => {
                    select.selectedIndex = 0;
                    select.classList.remove('is-invalid');
                });

                czTable.appendChild(clone);
                reindexRows(czTable, 'czesciowe');
            });
        }

        // Forma płatności vs PlatnoscInna (mutual exclusive UI)
        const formaSelect = document.getElementById('forma_platnosci');
        const platnoscInna = document.getElementById('platnosc_inna');

        function refreshFormaPlatnosci() {
            if (!formaSelect || !platnoscInna) return;
            if (platnoscInna.checked) {
                formaSelect.value = '';
                formaSelect.setAttribute('disabled', 'disabled');
            } else {
                formaSelect.removeAttribute('disabled');
            }
        }

        if (platnoscInna) {
            platnoscInna.addEventListener('change', refreshFormaPlatnosci);
            refreshFormaPlatnosci();
        }

        // Link + IPKSeF w parze (wymagania "łącznie")
        const linkInput = document.getElementById('link_do_platnosci');
        const ipksefInput = document.getElementById('ipksef');

        function refreshLinkIpksef() {
            if (!linkInput || !ipksefInput) return;
            const linkVal = linkInput.value.trim();
            const ipVal = ipksefInput.value.trim();

            if (linkVal || ipVal) {
                if (!linkVal) linkInput.setAttribute('required', 'required');
                else linkInput.removeAttribute('required');

                if (!ipVal) ipksefInput.setAttribute('required', 'required');
                else ipksefInput.removeAttribute('required');
            } else {
                linkInput.removeAttribute('required');
                ipksefInput.removeAttribute('required');
            }
        }

        if (linkInput) {
            linkInput.addEventListener('input', refreshLinkIpksef);
        }
        if (ipksefInput) {
            ipksefInput.addEventListener('input', refreshLinkIpksef);
        }
        refreshLinkIpksef();

        // Zaplacono -> DataZaplaty (podpowiedź przez required)
        const zaplaconoCb = document.getElementById('zaplacono');
        const dataZaplatyInput = document.getElementById('data_zaplaty');

        function refreshZaplacono() {
            if (!zaplaconoCb || !dataZaplatyInput) return;
            if (zaplaconoCb.checked) {
                dataZaplatyInput.setAttribute('required', 'required');
            } else {
                dataZaplatyInput.removeAttribute('required');
            }
        }

        if (zaplaconoCb) {
            zaplaconoCb.addEventListener('change', refreshZaplacono);
            refreshZaplacono();
        }
    })();
</script>
@endsection