@extends('layouts.app')

@section('page-title')
    Automatyzacje faktur
@endsection

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

@section('content')
    <div class="container-fluid px-0">
        <div class="module-shell">

            {{-- Intro pod nagłówkiem --}}
            <div class="mb-4">
                <p class="text-muted mb-0 small">
                    Zarządzaj automatycznym wystawianiem faktur, kopiowaniem istniejących dokumentów
                    oraz przygotuj się na przyszłe funkcje cykliczne i masowe.
                </p>
            </div>

            {{-- KAFELKI AUTOMATYZACJI --}}
            <div class="row row-cols-1 row-cols-md-2 row-cols-xl-4 g-3">

                {{-- Kafelek: Stwórz podobną fakturę --}}
                <div class="col">
                    <a href="{{ route('faktury.automatyzacje.wybor-faktury') }}"
                       class="text-decoration-none text-reset">
                        <div class="card h-100 border-0 erp-soft-box">
                            <div class="card-body d-flex flex-column p-0">
                                <div class="d-flex align-items-center mb-3">
                                    <span class="d-inline-flex justify-content-center align-items-center rounded-circle bg-soft-primary me-2"
                                          style="width: 40px; height: 40px;">
                                        <i class="bi bi-files fs-5"></i>
                                    </span>
                                    <h5 class="mb-0 fs-6">Stwórz podobną fakturę</h5>
                                </div>

                                <p class="text-muted mb-3 small">
                                    Utwórz nową fakturę na podstawie istniejącej. System skopiuje pozycje,
                                    kontrahenta i ustawienia, a Ty zmienisz tylko daty i numer dokumentu.
                                </p>

                                <div class="mt-auto d-flex justify-content-between align-items-center small">
                                    <span class="badge bg-soft-primary">
                                        dostępne
                                    </span>
                                    <span class="text-primary fw-semibold">
                                        wybierz fakturę <i class="bi bi-arrow-right-short"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                {{-- Kafelek: Stałe zlecenia --}}
                <div class="col">
                    <a href="{{ route('faktury.automatyzacje.stale-zlecenia.index') }}"
                       class="text-decoration-none text-reset">
                        <div class="card h-100 border-0 erp-soft-box">
                            <div class="card-body d-flex flex-column p-0">
                                <div class="d-flex align-items-center mb-3">
                                    <span class="d-inline-flex justify-content-center align-items-center rounded-circle bg-soft-primary me-2"
                                          style="width: 40px; height: 40px;">
                                        <i class="bi bi-arrow-repeat fs-5"></i>
                                    </span>
                                    <h5 class="mb-0 fs-6">Stałe zlecenia</h5>
                                </div>

                                <p class="text-muted mb-3 small">
                                    Automatyczne, cykliczne wystawianie faktur (np. co miesiąc),
                                    idealne dla abonamentów i stałych umów serwisowych. Przeglądaj,
                                    edytuj i dodawaj nowe zlecenia.
                                </p>

                                <div class="mt-auto d-flex justify-content-between align-items-center small">
                                    <span class="badge bg-soft-primary">
                                        dostępne
                                    </span>
                                    <span class="text-primary fw-semibold">
                                        przejdź do stałych zleceń <i class="bi bi-arrow-right-short"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                {{-- Reguły automatyczne (przyszłość) --}}
                <div class="col">
                    <div class="card h-100 border-0 erp-soft-box">
                        <div class="card-body d-flex flex-column p-0 opacity-75">
                            <div class="d-flex align-items-center mb-3">
                                <span class="d-inline-flex justify-content-center align-items-center rounded-circle bg-secondary-subtle text-secondary me-2"
                                      style="width: 40px; height: 40px;">
                                    <i class="bi bi-gear-wide-connected fs-5"></i>
                                </span>
                                <h5 class="mb-0 fs-6">Reguły automatyczne</h5>
                            </div>

                            <p class="text-muted mb-3 small">
                                Reguły typu „jeśli kontrahent X, wystaw podobną fakturę 15 dnia miesiąca”
                                lub „po zaksięgowaniu dokumentu, wyślij korektę”. Idealne do pełnej automatyzacji.
                            </p>

                            <div class="mt-auto d-flex justify-content-between align-items-center small">
                                <span class="badge bg-secondary">
                                    w przygotowaniu
                                </span>
                                <button class="btn btn-outline-secondary btn-sm" disabled>
                                    W przygotowaniu
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Operacje masowe (przyszłość) --}}
                <div class="col">
                    <div class="card h-100 border-0 erp-soft-box">
                        <div class="card-body d-flex flex-column p-0 opacity-75">
                            <div class="d-flex align-items-center mb-3">
                                <span class="d-inline-flex justify-content-center align-items-center rounded-circle bg-secondary-subtle text-secondary me-2"
                                      style="width: 40px; height: 40px;">
                                    <i class="bi bi-layers fs-5"></i>
                                </span>
                                <h5 class="mb-0 fs-6">Operacje masowe</h5>
                            </div>

                            <p class="text-muted mb-3 small">
                                Hurtowe generowanie, korekty lub wysyłka faktur, np. dla wielu kontrahentów jednocześnie
                                albo przy migracji danych z innych systemów.
                            </p>

                            <div class="mt-auto d-flex justify-content-between align-items-center small">
                                <span class="badge bg-secondary">
                                    w przygotowaniu
                                </span>
                                <button class="btn btn-outline-secondary btn-sm" disabled>
                                    W przygotowaniu
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>{{-- /row --}}
        </div>{{-- /module-shell --}}
    </div>
@endsection