@extends('layouts.app')

@section('page-title')
    Moduł faktury
@endsection

@section('content')
    @php
        // Logika aktywnych kafli – dopasuj wzorce pod swoje realne nazwy routów
        $isFaktury       = request()->routeIs('faktury.index') || request()->routeIs('faktury.edit.*') || request()->routeIs('faktury.show.*');
        $isProforma      = request()->routeIs('fkatury.proforma.index') || request()->routeIs('proforma.edit.*') || request()->routeIs('proforma.show.*');
        $isKsefPobierz   = request()->routeIs('faktury.ksef.pobierz.*');
        $isAutomatyzacje = request()->routeIs('faktury.automatyzacje.*');
        $isHarmonogram   = false; // placeholder
        $isKontrahenci   = request()->routeIs('faktury.kontrahenci.*');
        $isKsefWysylka   = request()->routeIs('faktury.ksef.index') || (request()->routeIs('faktury.ksef.*') && !$isKsefPobierz);
        $isRaporty       = false; // placeholder
    @endphp

    <div class="container-fluid px-0">
        <div class="module-shell">

            {{-- Krótki opis modułu pod nagłówkiem --}}
            <p class="text-muted small mb-4">
                Szybki dostęp do wystawiania, pobierania, wysyłki oraz automatyzacji faktur powiązanych z KSeF.
                Wybierz kafelek, aby przejść do odpowiedniej części modułu.
            </p>

            {{-- Grid kafelków --}}
            <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-3">

                {{-- KAFEL 1: FAKTURY --}}
                <div class="col">
                    <a href="{{ route('faktury.index') }}"
                       class="text-decoration-none text-reset"
                       @if($isFaktury) aria-current="page" @endif>
                        <div class="card h-100 shadow-sm border-0 tile-card {{ $isFaktury ? 'tile-card-active' : '' }}">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex align-items-center mb-3">
                                    <span class="d-inline-flex justify-content-center align-items-center rounded-circle tile-icon-pill
                                                 {{ $isFaktury ? 'tile-icon-pill-active-primary' : 'bg-primary-subtle text-primary' }} me-2"
                                          style="width: 42px; height: 42px;">
                                        <i class="bi bi-receipt fs-5"></i>
                                    </span>
                                    <h5 class="card-title mb-0 {{ $isFaktury ? 'text-primary' : '' }}">
                                        Faktury
                                    </h5>
                                </div>
                                <p class="card-text text-muted mb-3 small">
                                    Lista faktur sprzedaży, podgląd szczegółów, generowanie XML FA(3) i eksport do PDF.
                                </p>
                                <div class="mt-auto d-flex justify-content-between align-items-center">
                                    <span class="badge bg-primary-subtle text-primary {{ $isFaktury ? 'tile-tag-active' : '' }}">
                                        główny widok
                                    </span>
                                    <span class="small {{ $isFaktury ? 'tile-link-active' : 'text-primary' }}">
                                        wejdź <i class="bi bi-arrow-right-short"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                {{-- KAFEL 2: PROFORMA --}}
                <div class="col">
                    <a href="{{ route('faktury.proforma.index') }}"
                    class="text-decoration-none text-reset"
                    @if($isProforma) aria-current="page" @endif>

                        <div class="card h-100 shadow-sm border-0 tile-card
                                    {{ $isProforma ? 'tile-card-active border-info-subtle border-start border-3' : 'opacity-75' }}">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex align-items-center mb-3">
                                    <span class="d-inline-flex justify-content-center align-items-center rounded-circle tile-icon-pill
                                                {{ $isProforma ? 'bg-info-subtle text-info' : 'bg-secondary-subtle text-secondary' }} me-2"
                                        style="width: 42px; height: 42px;">
                                        <i class="bi bi-file-earmark-text fs-5"></i>
                                    </span>
                                    <h5 class="card-title mb-0 {{ $isProforma ? 'text-info' : '' }}">
                                        Proforma
                                    </h5>
                                </div>
                                <p class="card-text text-muted mb-3 small">
                                    Wystawianie faktur proforma i szybkie przekształcanie ich w faktury sprzedaży.
                                </p>
                                <div class="mt-auto d-flex justify-content-between align-items-center">
                                    <span class="badge {{ $isProforma ? 'bg-info-subtle text-info tile-tag-active' : 'bg-secondary' }}">
                                        widok główny
                                    </span>
                                    <span class="small {{ $isProforma ? 'text-info tile-link-active' : 'text-muted' }}">
                                        faza testów
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>


                {{-- KAFEL 3: Pobieranie faktur z KSeF --}}
                <div class="col">
                    <a href="{{ route('faktury.ksef.pobierz.index') }}"
                       class="text-decoration-none text-reset"
                       @if($isKsefPobierz) aria-current="page" @endif>
                        <div class="card h-100 shadow-sm border-0 tile-card {{ $isKsefPobierz ? 'tile-card-active' : '' }}">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex align-items-center mb-3">
                                    <span class="d-inline-flex justify-content-center align-items-center rounded-circle tile-icon-pill
                                                 {{ $isKsefPobierz ? 'tile-icon-pill-active-primary' : 'bg-info-subtle text-info' }} me-2"
                                          style="width: 42px; height: 42px;">
                                        <i class="bi bi-cloud-download fs-5"></i>
                                    </span>
                                    <h5 class="card-title mb-0 {{ $isKsefPobierz ? 'text-primary' : '' }}">
                                        Pobierz z KSeF
                                    </h5>
                                </div>
                                <p class="card-text text-muted mb-3 small">
                                    Pobieranie faktur z KSeF, podgląd danych oraz import do systemu.
                                </p>
                                <div class="mt-auto d-flex justify-content-between align-items-center">
                                    <span class="badge bg-info-subtle text-info {{ $isKsefPobierz ? 'tile-tag-active' : '' }}">
                                        integracja KSeF
                                    </span>
                                    <span class="small {{ $isKsefPobierz ? 'tile-link-active' : 'text-info' }}">
                                        wejdź <i class="bi bi-arrow-right-short"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                {{-- KAFEL 4: AUTOMATYZACJE --}}
                <div class="col">
                    <a href="{{ route('faktury.automatyzacje.index') }}"
                       class="text-decoration-none text-reset"
                       @if($isAutomatyzacje) aria-current="page" @endif>
                        <div class="card h-100 shadow-sm border-0 tile-card {{ $isAutomatyzacje ? 'tile-card-active' : '' }}">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex align-items-center mb-3">
                                    <span class="d-inline-flex justify-content-center align-items-center rounded-circle tile-icon-pill
                                                 {{ $isAutomatyzacje ? 'tile-icon-pill-active-primary' : 'bg-warning-subtle text-warning' }} me-2"
                                          style="width: 42px; height: 42px;">
                                        <i class="bi bi-gear fs-5"></i>
                                    </span>
                                    <h5 class="card-title mb-0 {{ $isAutomatyzacje ? 'text-primary' : '' }}">
                                        Automatyzacje
                                    </h5>
                                </div>
                                <p class="card-text text-muted mb-3 small">
                                    Reguły automatycznego wystawiania, wysyłki oraz powiązania z księgą główną.
                                </p>
                                <div class="mt-auto d-flex justify-content-between align-items-center">
                                    <span class="badge bg-warning-subtle text-warning {{ $isAutomatyzacje ? 'tile-tag-active' : '' }}">
                                        reguły &amp; workflow
                                    </span>
                                    <span class="small {{ $isAutomatyzacje ? 'tile-link-active' : 'text-warning' }}">
                                        wejdź <i class="bi bi-arrow-right-short"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                {{-- KAFEL 5: HARMONOGRAM (w przygotowaniu) --}}
                <div class="col">
                    <a href="#"
                       class="text-decoration-none text-reset"
                       onclick="event.preventDefault(); alert('Harmonogram wystawiania jeszcze nie jest gotowy.');">
                        <div class="card h-100 shadow-sm border-0 tile-card opacity-75 {{ $isHarmonogram ? 'tile-card-active' : '' }}">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex align-items-center mb-3">
                                    <span class="d-inline-flex justify-content-center align-items-center rounded-circle tile-icon-pill
                                                 {{ $isHarmonogram ? 'tile-icon-pill-active-primary' : 'bg-secondary-subtle text-secondary' }} me-2"
                                          style="width: 42px; height: 42px;">
                                        <i class="bi bi-calendar3 fs-5"></i>
                                    </span>
                                    <h5 class="card-title mb-0 {{ $isHarmonogram ? 'text-primary' : '' }}">
                                        Harmonogram
                                    </h5>
                                </div>
                                <p class="card-text text-muted mb-3 small">
                                    Cykliczne faktury, abonamenty oraz harmonogramy płatności dla stałych klientów.
                                </p>
                                <div class="mt-auto d-flex justify-content-between align-items-center">
                                    <span class="badge bg-secondary {{ $isHarmonogram ? 'tile-tag-active' : '' }}">
                                        w przygotowaniu
                                    </span>
                                    <span class="small {{ $isHarmonogram ? 'tile-link-active' : 'text-muted' }}">
                                        planowane
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                {{-- KAFEL 6: KONTRAHENCI – osobny theme (fiolet/indigo) --}}
                <div class="col">
                    <a href="{{ route('faktury.kontrahenci.index') }}"
                       class="text-decoration-none text-reset"
                       @if($isKontrahenci) aria-current="page" @endif>
                        <div class="card h-100 shadow-sm border-0 tile-card {{ $isKontrahenci ? 'tile-card-active' : '' }}">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex align-items-center mb-3">
                                    <span class="d-inline-flex justify-content-center align-items-center rounded-circle tile-icon-pill
                                                 {{ $isKontrahenci ? 'tile-icon-pill-kontrahent-active' : 'tile-icon-pill-kontrahent' }} me-2"
                                          style="width: 42px; height: 42px;">
                                        <i class="bi bi-people fs-5"></i>
                                    </span>
                                    <h5 class="card-title mb-0 {{ $isKontrahenci ? 'text-primary' : '' }}">
                                        Kontrahenci
                                    </h5>
                                </div>
                                <p class="card-text text-muted mb-3 small">
                                    Baza kontrahentów powiązana z fakturami, NIP, KSeF i innymi modułami systemu.
                                </p>
                                <div class="mt-auto d-flex justify-content-between align-items-center">
                                    <span class="badge {{ $isKontrahenci ? 'tile-tag-kontrahent-active' : 'tile-tag-kontrahent' }}">
                                        lista kontrahentów
                                    </span>
                                    <span class="small {{ $isKontrahenci ? 'tile-link-kontrahent-active' : 'tile-link-kontrahent' }}">
                                        zarządzaj <i class="bi bi-arrow-right-short"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                {{-- KAFEL 7: WYSYŁKA --}}
                <div class="col">
                    <a href="{{ route('faktury.ksef.index') }}"
                       class="text-decoration-none text-reset"
                       @if($isKsefWysylka) aria-current="page" @endif>
                        <div class="card h-100 shadow-sm border-0 tile-card {{ $isKsefWysylka ? 'tile-card-active' : '' }}">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex align-items-center mb-3">
                                    <span class="d-inline-flex justify-content-center align-items-center rounded-circle tile-icon-pill
                                                 {{ $isKsefWysylka ? 'tile-icon-pill-active-primary' : 'bg-success-subtle text-success' }} me-2"
                                          style="width: 42px; height: 42px;">
                                        <i class="bi bi-send fs-5"></i>
                                    </span>
                                    <h5 class="card-title mb-0 {{ $isKsefWysylka ? 'text-primary' : '' }}">
                                        Wysyłka
                                    </h5>
                                </div>
                                <p class="card-text text-muted mb-3 small">
                                    Wysyłka faktur do KSeF, e-mailem, monitorowanie statusów, błędów i potwierdzeń odbioru.
                                </p>
                                <div class="mt-auto d-flex justify-content-between align-items-center">
                                    <span class="badge bg-success-subtle text-success {{ $isKsefWysylka ? 'tile-tag-active' : '' }}">
                                        statusy &amp; logi
                                    </span>
                                    <span class="small {{ $isKsefWysylka ? 'tile-link-active' : 'text-success' }}">
                                        wejdź <i class="bi bi-arrow-right-short"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                {{-- KAFEL 8: RAPORTY / USTAWIENIA MODUŁU (placeholder) --}}
                <div class="col">
                    <a href="#"
                       class="text-decoration-none text-reset"
                       onclick="event.preventDefault(); alert('Raporty / ustawienia modułu faktur jeszcze nie są gotowe.');">
                        <div class="card h-100 shadow-sm border-0 tile-card opacity-75 {{ $isRaporty ? 'tile-card-active' : '' }}">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex align-items-center mb-3">
                                    <span class="d-inline-flex justify-content-center align-items-center rounded-circle tile-icon-pill
                                                 {{ $isRaporty ? 'tile-icon-pill-active-primary' : 'bg-secondary-subtle text-secondary' }} me-2"
                                          style="width: 42px; height: 42px;">
                                        <i class="bi bi-bar-chart fs-5"></i>
                                    </span>
                                    <h5 class="card-title mb-0 {{ $isRaporty ? 'text-primary' : '' }}">
                                        Raporty i ustawienia
                                    </h5>
                                </div>
                                <p class="card-text text-muted mb-3 small">
                                    Zestawienia sprzedaży, analiza należności oraz konfiguracja parametrów modułu faktur.
                                </p>
                                <div class="mt-auto d-flex justify-content-between align-items-center">
                                    <span class="badge bg-secondary {{ $isRaporty ? 'tile-tag-active' : '' }}">
                                        w przygotowaniu
                                    </span>
                                    <span class="small {{ $isRaporty ? 'tile-link-active' : 'text-muted' }}">
                                        moduł administracyjny
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
        </div>
    </div>
@endsection