194 lines
8.4 KiB
PHP
194 lines
8.4 KiB
PHP
<?php
|
||
|
||
use App\Models\LegacyInvoice;
|
||
use Livewire\Attributes\Layout;
|
||
use Livewire\Attributes\Title;
|
||
use Livewire\Volt\Component;
|
||
use Livewire\WithPagination;
|
||
|
||
new #[Layout('components.layouts.app'), Title('Rechnungen')] class extends Component
|
||
{
|
||
use WithPagination;
|
||
|
||
public string $search = '';
|
||
|
||
public string $statusFilter = 'all';
|
||
|
||
public ?string $notification = null;
|
||
|
||
public function updatedSearch(): void
|
||
{
|
||
$this->resetPage();
|
||
}
|
||
|
||
public function updatedStatusFilter(): void
|
||
{
|
||
$this->resetPage();
|
||
}
|
||
|
||
public function with(): array
|
||
{
|
||
$baseQuery = LegacyInvoice::query()
|
||
->where('user_id', auth()->id());
|
||
|
||
$invoices = (clone $baseQuery)
|
||
->when(filled($this->search), function ($query): void {
|
||
$query->where('number', 'like', '%'.$this->search.'%');
|
||
})
|
||
->when($this->statusFilter !== 'all', fn ($query) => $query->where('status', $this->statusFilter))
|
||
->latest('invoice_date')
|
||
->paginate(100);
|
||
|
||
return [
|
||
'invoices' => $invoices,
|
||
'statusOptions' => (clone $baseQuery)
|
||
->whereNotNull('status')
|
||
->distinct()
|
||
->orderBy('status')
|
||
->pluck('status')
|
||
->filter()
|
||
->values(),
|
||
'stats' => [
|
||
'count' => (clone $baseQuery)->count(),
|
||
'total_cents' => (int) (clone $baseQuery)->sum('total_cents'),
|
||
'paid_count' => (clone $baseQuery)->whereNotNull('paid_at')->count(),
|
||
'downloadable_count' => (clone $baseQuery)->count(),
|
||
],
|
||
];
|
||
}
|
||
}; ?>
|
||
|
||
<div class="space-y-6">
|
||
<flux:card>
|
||
<div class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
|
||
<div>
|
||
<flux:heading size="lg">{{ __('Rechnungen') }}</flux:heading>
|
||
<flux:subheading>{{ __('Ihr Rechnungsarchiv im User Backend. PDFs werden bei Bedarf aus den Archivdaten erzeugt.') }}</flux:subheading>
|
||
</div>
|
||
|
||
<flux:badge color="zinc" icon="archive-box" size="lg">
|
||
{{ __('Archivdaten') }}
|
||
</flux:badge>
|
||
</div>
|
||
</flux:card>
|
||
|
||
<flux:card>
|
||
<div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
|
||
<div>
|
||
<flux:heading size="sm">{{ __('Hinweis zu Rechnungen') }}</flux:heading>
|
||
<flux:text class="mt-1 text-sm text-zinc-500">
|
||
{{ __('Aktuell sehen Sie hier die aus dem Legacy-System übernommenen Rechnungen. Neue Abrechnungen werden später in dieselbe Finanznavigation integriert.') }}
|
||
</flux:text>
|
||
</div>
|
||
<flux:button size="sm" variant="ghost" icon="user" href="{{ route('me.profile') }}#rechnungsadresse" wire:navigate>
|
||
{{ __('Rechnungsadresse im Profil pflegen') }}
|
||
</flux:button>
|
||
</div>
|
||
</flux:card>
|
||
|
||
@if($notification)
|
||
<flux:callout color="yellow" icon="exclamation-triangle">
|
||
{{ $notification }}
|
||
</flux:callout>
|
||
@endif
|
||
|
||
<div class="grid grid-cols-2 gap-4 lg:grid-cols-4">
|
||
<flux:card>
|
||
<flux:text class="text-xs text-zinc-500">{{ __('Rechnungen') }}</flux:text>
|
||
<flux:text size="xl" weight="bold">{{ $stats['count'] }}</flux:text>
|
||
</flux:card>
|
||
<flux:card>
|
||
<flux:text class="text-xs text-zinc-500">{{ __('Archivsumme') }}</flux:text>
|
||
<flux:text size="xl" weight="bold">{{ number_format($stats['total_cents'] / 100, 2, ',', '.') }} €</flux:text>
|
||
</flux:card>
|
||
<flux:card>
|
||
<flux:text class="text-xs text-zinc-500">{{ __('Bezahlt') }}</flux:text>
|
||
<flux:text size="xl" weight="bold">{{ $stats['paid_count'] }}</flux:text>
|
||
</flux:card>
|
||
<flux:card>
|
||
<flux:text class="text-xs text-zinc-500">{{ __('PDF-Download') }}</flux:text>
|
||
<flux:text size="xl" weight="bold">{{ $stats['downloadable_count'] }}</flux:text>
|
||
</flux:card>
|
||
</div>
|
||
|
||
<flux:card>
|
||
<div class="flex flex-col gap-3 sm:flex-row">
|
||
<flux:input wire:model.live.debounce.300ms="search" placeholder="{{ __('Rechnungsnummer suchen…') }}" icon="magnifying-glass" class="flex-1" />
|
||
<flux:select wire:model.live="statusFilter" class="sm:w-48">
|
||
<option value="all">{{ __('Alle Status') }}</option>
|
||
@foreach($statusOptions as $status)
|
||
<option value="{{ $status }}">{{ $status }}</option>
|
||
@endforeach
|
||
</flux:select>
|
||
</div>
|
||
</flux:card>
|
||
|
||
<flux:card class="p-0">
|
||
<div class="p-4">
|
||
<flux:table>
|
||
<flux:table.columns>
|
||
<flux:table.column>{{ __('Rechnungsnr.') }}</flux:table.column>
|
||
<flux:table.column>{{ __('Portal') }}</flux:table.column>
|
||
<flux:table.column>{{ __('Betrag') }}</flux:table.column>
|
||
<flux:table.column>{{ __('Status') }}</flux:table.column>
|
||
<flux:table.column>{{ __('Rechnungsdatum') }}</flux:table.column>
|
||
<flux:table.column>{{ __('Bezahlt am') }}</flux:table.column>
|
||
<flux:table.column>{{ __('PDF') }}</flux:table.column>
|
||
</flux:table.columns>
|
||
|
||
@forelse($invoices as $invoice)
|
||
<flux:table.row wire:key="legacy-invoice-{{ $invoice->id }}">
|
||
<flux:table.cell>
|
||
<flux:text weight="semibold">{{ $invoice->number ?? ('#'.$invoice->legacy_id) }}</flux:text>
|
||
</flux:table.cell>
|
||
<flux:table.cell>
|
||
<flux:badge size="sm" color="zinc">{{ $invoice->legacy_portal?->label() }}</flux:badge>
|
||
</flux:table.cell>
|
||
<flux:table.cell>
|
||
<flux:text weight="semibold">{{ number_format($invoice->total_cents / 100, 2, ',', '.') }} €</flux:text>
|
||
</flux:table.cell>
|
||
<flux:table.cell>
|
||
<flux:badge size="sm" color="{{ $invoice->paid_at ? 'green' : 'yellow' }}">
|
||
{{ $invoice->status ?? ($invoice->paid_at ? __('Bezahlt') : __('Offen')) }}
|
||
</flux:badge>
|
||
</flux:table.cell>
|
||
<flux:table.cell>
|
||
<flux:text class="text-sm text-zinc-500">{{ $invoice->invoice_date?->format('d.m.Y') ?? '–' }}</flux:text>
|
||
</flux:table.cell>
|
||
<flux:table.cell>
|
||
<flux:text class="text-sm text-zinc-500">{{ $invoice->paid_at?->format('d.m.Y') ?? '–' }}</flux:text>
|
||
</flux:table.cell>
|
||
<flux:table.cell>
|
||
<flux:button
|
||
size="sm"
|
||
variant="ghost"
|
||
icon="arrow-top-right-on-square"
|
||
:href="route('me.invoices.pdf', $invoice)"
|
||
target="_blank"
|
||
>
|
||
{{ __('Öffnen') }}
|
||
</flux:button>
|
||
</flux:table.cell>
|
||
</flux:table.row>
|
||
@empty
|
||
<flux:table.row>
|
||
<flux:table.cell colspan="7">
|
||
<div class="flex flex-col items-center justify-center px-4 py-10 text-center">
|
||
<flux:icon.document-text class="size-10 text-zinc-300" />
|
||
<flux:text weight="semibold" class="mt-3">{{ __('Keine Rechnungen gefunden') }}</flux:text>
|
||
<flux:text class="mt-1 max-w-md text-sm text-zinc-500">
|
||
{{ __('Sobald Rechnungen aus dem Archiv oder aus neuen Buchungen vorhanden sind, erscheinen sie hier.') }}
|
||
</flux:text>
|
||
<flux:button class="mt-4" size="sm" variant="ghost" icon="user" href="{{ route('me.profile') }}#rechnungsadresse" wire:navigate>
|
||
{{ __('Rechnungsadresse prüfen') }}
|
||
</flux:button>
|
||
</div>
|
||
</flux:table.cell>
|
||
</flux:table.row>
|
||
@endforelse
|
||
</flux:table>
|
||
</div>
|
||
</flux:card>
|
||
|
||
{{ $invoices->links() }}
|
||
</div>
|