@extends('layouts.app')

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

  {{-- Pasek nagłówka --}}
  <div class="d-flex align-items-center justify-content-between mb-4">
    <h2 class="h5 fw-semibold mb-0">Kontrahenci</h2>
    <a href="{{ route('kontrahenci.create') }}" class="btn btn-primary">
      + Nowy
    </a>
  </div>

  {{-- Wyszukiwarka --}}
  <form method="get" class="card card-body mb-4">
    <div class="row g-2 align-items-end">
      <div class="col-md-8 col-lg-6">
        <label class="form-label">Szukaj: nazwa, osoba, NIP</label>
        <input type="text" name="q" value="{{ $q }}" class="form-control" placeholder="np. ACME, Jan Kowalski, 9999999999">
      </div>
      <div class="col-auto">
        <button class="btn btn-dark">Szukaj</button>
      </div>
      @if($q)
        <div class="col-auto">
          <a href="{{ route('kontrahenci.index') }}" class="btn btn-outline-secondary">Wyczyść</a>
        </div>
      @endif
    </div>
  </form>

  {{-- Lista --}}
  <div class="card shadow-sm">
    <div class="table-responsive">
      <table class="table table-sm align-middle table-hover mb-0">
        <thead class="table-light">
          <tr class="text-secondary">
            <th class="ps-3">Nazwa / Osoba</th>
            <th class="text-center">NIP / VAT UE / NrID</th>
            <th class="text-center">Kraj</th>
            <th>Adres (L1)</th>
            <th>Email</th>
            <th>Telefon</th>
            <th class="text-end pe-3" style="width: 280px;">Akcje</th>
          </tr>
        </thead>
        <tbody>
          @forelse($kontrahenci as $k)
            <tr>
              <td class="ps-3">
                <div class="fw-semibold">
                  {{ $k->nazwa ?: trim(($k->imie.' '.$k->nazwisko)) }}
                </div>
                @if(!$k->nazwa && ($k->imie || $k->nazwisko))
                  <div class="small text-muted">osoba fizyczna</div>
                @endif
              </td>

              <td class="text-center">
                @if($k->nip)
                  <span class="badge text-bg-light">NIP: {{ $k->nip }}</span>
                @elseif($k->kod_ue && $k->nr_vat_ue)
                  <span class="badge text-bg-light">VAT UE: {{ $k->kod_ue.$k->nr_vat_ue }}</span>
                @elseif($k->nrid)
                  <span class="badge text-bg-light">NrID: {{ $k->nrid }}</span>
                @else
                  <span class="text-muted">—</span>
                @endif
              </td>

              <td class="text-center">{{ $k->kod_kraju ?: '—' }}</td>
              <td>{{ $k->adres_l1 ?: '—' }}</td>
              <td>{{ $k->email ?: '—' }}</td>
              <td>{{ $k->telefon ?: '—' }}</td>

              <td class="text-end pe-3">
                <div class="btn-group btn-group-sm" role="group">
                  <a href="{{ route('kontrahenci.edit', $k) }}" class="btn btn-outline-secondary">Edytuj</a>
                  <a href="{{ route('kontrahenci.show.json', $k) }}" target="_blank" class="btn btn-outline-dark">JSON</a>
                  <form method="post" action="{{ route('kontrahenci.destroy', $k) }}"
                        onsubmit="return confirm('Usunąć tego kontrahenta?');">
                    @csrf @method('DELETE')
                    <button class="btn btn-danger">Usuń</button>
                  </form>
                </div>
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="7" class="py-4 text-center text-muted">
                Brak kontrahentów.
                <a class="link-primary" href="{{ route('kontrahenci.create') }}">Dodaj pierwszego →</a>
              </td>
            </tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>

  {{-- Paginacja pod Bootstrap 5 --}}
  <div class="mt-3">
    {{ $kontrahenci->links('pagination::bootstrap-5') }}
  </div>

</div>
@endsection