@extends('layouts.app')

@section('content')
<div class="container py-4">
    {{-- Nagłówek strony --}}
    <div class="d-flex flex-wrap align-items-center justify-content-between mb-4">
        <div>
            <h2 class="h4 fw-semibold mb-1">Nowa korekta — Krok 1/5: Nagłówek</h2>
            <p class="text-secondary small mb-0">
                Na podstawie faktury #{{ $faktura->id_faktura }} · {{ $faktura->p_2_numer }} · {{ $faktura->p_1_data_wystawienia }}
            </p>
        </div>
        <a href="{{ route('korekty.index') }}" class="btn btn-outline-secondary">
            Wybierz inną fakturę
        </a>
    </div>

    {{-- Pasek postępu --}}
    <div class="mb-4">
        <div class="progress" style="height:8px;">
            <div class="progress-bar bg-primary" style="width:20%;"></div>
        </div>
        <div class="d-flex justify-content-between small text-muted mt-2">
            <span class="fw-semibold text-primary">1. Nagłówek</span>
            <span>2. Podmioty</span>
            <span>3. Pozycje</span>
            <span>4. Płatności</span>
            <span>5. Podsumowanie</span>
        </div>
    </div>

    {{-- Komunikaty --}}
    @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0 ps-3">
                @foreach ($errors->all() as $e) <li>{{ $e }}</li> @endforeach
            </ul>
        </div>
    @endif

    {{-- Formularz --}}
    <form method="post" action="{{ route('korekty.store.header', $faktura->id_faktura) }}">
        @csrf

        <div class="card glass-card mb-4 shadow-sm">
            <div class="card-header fw-semibold bg-transparent border-bottom">
                Nagłówek korekty
            </div>

            <div class="card-body">
                <div class="row g-4">

                    {{-- Numer korekty --}}
                    <div class="col-md-6">
                        <label class="form-label">Numer korekty</label>
                        <input type="text" name="numer"
                               class="form-control @error('numer') is-invalid @enderror"
                               value="{{ old('numer', $prefill['numer'] ?? '') }}" required>
                        <div class="form-text">Twój numer wewnętrzny (np. KOR/2025/001).</div>
                        @error('numer') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    {{-- Data wystawienia --}}
                    <div class="col-md-6">
                        <label class="form-label">Data wystawienia</label>
                        <input type="date" name="data_wystawienia"
                               class="form-control @error('data_wystawienia') is-invalid @enderror"
                               value="{{ old('data_wystawienia', $prefill['data_wystawienia'] ?? now()->toDateString()) }}" required>
                        @error('data_wystawienia') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    {{-- Data sprzedaży (opcjonalna) --}}
                    <div class="col-md-6">
                        <label class="form-label">Data sprzedaży (opcjonalnie)</label>
                        <input type="date" name="data_sprzedazy"
                               class="form-control @error('data_sprzedazy') is-invalid @enderror"
                               value="{{ old('data_sprzedazy', $prefill['data_sprzedazy'] ?? '') }}">
                        @error('data_sprzedazy') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    {{-- Kod waluty (readonly z FA) --}}
                    <div class="col-md-6">
                        <label class="form-label">Kod waluty</label>
                        <input type="text" class="form-control text-uppercase" value="{{ $prefill['kod_waluty'] }}" readonly>
                        <div class="form-text">Pochodzi z faktury korygowanej.</div>
                    </div>

                    {{-- Faktura korygowana: numer + data --}}
                    <div class="col-md-6">
                        <label class="form-label">Numer faktury korygowanej</label>
                        <input type="text" name="nr_faktury_korygowanej"
                               class="form-control @error('nr_faktury_korygowanej') is-invalid @enderror"
                               value="{{ old('nr_faktury_korygowanej', $prefill['nr_faktury_korygowanej']) }}" required>
                        @error('nr_faktury_korygowanej') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Data faktury korygowanej</label>
                        <input type="date" name="data_faktury_korygowanej"
                               class="form-control @error('data_faktury_korygowanej') is-invalid @enderror"
                               value="{{ old('data_faktury_korygowanej', $prefill['data_faktury_korygowanej']) }}" required>
                        @error('data_faktury_korygowanej') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    {{-- Rodzaj korekty --}}
                    <div class="col-md-6">
                        <label class="form-label">Rodzaj korekty</label>
                        <select name="rodzaj_korekty"
                                class="form-select @error('rodzaj_korekty') is-invalid @enderror" required>
                            @php $rodzaje = ['ZASTEPCZA' => 'ZASTĘPCZA', 'ROZNICOWA' => 'RÓŻNICOWA']; @endphp
                            @foreach($rodzaje as $val => $label)
                                <option value="{{ $val }}" @selected(old('rodzaj_korekty', $prefill['rodzaj_korekty'] ?? 'ZASTEPCZA')===$val)>
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                        <div class="form-text">
                            ZASTĘPCZA – przepisujesz stan „po”; RÓŻNICOWA – podajesz same różnice.
                        </div>
                        @error('rodzaj_korekty') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    {{-- Przyczyna korekty --}}
                    <div class="col-md-12">
                        <label class="form-label">Przyczyna korekty</label>
                        <textarea name="przyczyna_korekty" rows="3"
                                  class="form-control @error('przyczyna_korekty') is-invalid @enderror"
                                  placeholder="Np. omyłkowa stawka VAT, błąd w ilości...">{{ old('przyczyna_korekty', $prefill['przyczyna_korekty'] ?? '') }}</textarea>
                        @error('przyczyna_korekty') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                </div>
            </div>
        </div>

        {{-- Przyciski --}}
        <div class="d-flex justify-content-between align-items-center">
            <a href="{{ route('korekty.index') }}" class="btn btn-outline-secondary px-4">
                Anuluj
            </a>
            <button type="submit" class="btn btn-primary px-4">
                Zapisz i przejdź dalej
            </button>
        </div>
    </form>
</div>
@endsection

@push('styles')
<style>
.glass-card{
  background: rgba(255,255,255,.65);
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  border: 1px solid rgba(20,20,40,.1);
  border-radius: 1rem;
  transition: box-shadow .2s ease, transform .2s ease;
}
.glass-card:hover{ transform: translateY(-2px); box-shadow: 0 10px 24px rgba(30,35,90,.12); }
.progress{ background-color: rgba(0,0,0,.05); border-radius: 999px; }
.progress-bar{ border-radius: 999px; }
@media (prefers-color-scheme: dark){
  .glass-card{ background: rgba(25,27,32,.45); border-color: rgba(255,255,255,.08); }
}
</style>
@endpush