21-11-2025
This commit is contained in:
parent
fa2ebd457d
commit
07959c0ba2
113 changed files with 4730 additions and 898 deletions
324
resources/views/livewire/admin/partners/invite.blade.php
Normal file
324
resources/views/livewire/admin/partners/invite.blade.php
Normal file
|
|
@ -0,0 +1,324 @@
|
|||
<?php
|
||||
|
||||
use App\Models\PartnerInvitation;
|
||||
use App\Mail\PartnerInvitationMail;
|
||||
use Illuminate\Support\Facades\Mail;
|
||||
use Livewire\Volt\Component;
|
||||
use Spatie\Permission\Models\Role;
|
||||
use function Livewire\Volt\{layout, title, state};
|
||||
|
||||
layout('components.layouts.app');
|
||||
title('Partner einladen');
|
||||
|
||||
new class extends Component {
|
||||
public string $companyName = '';
|
||||
public string $contactFirstName = '';
|
||||
public string $contactLastName = '';
|
||||
public ?int $roleId = null;
|
||||
public string $email = '';
|
||||
public bool $showSuccessMessage = false;
|
||||
public ?PartnerInvitation $lastInvitation = null;
|
||||
|
||||
public function getPartnerRoles()
|
||||
{
|
||||
// Lade nur Rollen die eingeladen werden können
|
||||
return Role::where('can_be_invited', true)
|
||||
->orderBy('name')
|
||||
->get();
|
||||
}
|
||||
|
||||
public function mount(): void
|
||||
{
|
||||
// Setze default auf die erste einladbare Rolle
|
||||
$firstRole = $this->getPartnerRoles()->first();
|
||||
$this->roleId = $firstRole?->id;
|
||||
}
|
||||
|
||||
public function sendInvitation(): void
|
||||
{
|
||||
$availableRoleIds = $this->getPartnerRoles()->pluck('id')->toArray();
|
||||
|
||||
$this->validate([
|
||||
'companyName' => 'required|string|max:255',
|
||||
'contactFirstName' => 'nullable|string|max:255',
|
||||
'contactLastName' => 'nullable|string|max:255',
|
||||
'roleId' => 'required|exists:roles,id|in:' . implode(',', $availableRoleIds),
|
||||
'email' => 'required|email|max:255|unique:users,email',
|
||||
], [
|
||||
'companyName.required' => __('Bitte geben Sie einen Firmennamen ein.'),
|
||||
'companyName.max' => __('Der Firmenname darf maximal 255 Zeichen lang sein.'),
|
||||
'contactFirstName.max' => __('Der Vorname darf maximal 255 Zeichen lang sein.'),
|
||||
'contactLastName.max' => __('Der Nachname darf maximal 255 Zeichen lang sein.'),
|
||||
'roleId.required' => __('Bitte wählen Sie einen Partner-Typ aus.'),
|
||||
'roleId.exists' => __('Der gewählte Partner-Typ ist ungültig.'),
|
||||
'email.required' => __('Bitte geben Sie eine E-Mail-Adresse ein.'),
|
||||
'email.email' => __('Bitte geben Sie eine gültige E-Mail-Adresse ein.'),
|
||||
'email.max' => __('Die E-Mail-Adresse darf maximal 255 Zeichen lang sein.'),
|
||||
'email.unique' => __('Diese E-Mail-Adresse ist bereits als Benutzer registriert.'),
|
||||
]);
|
||||
|
||||
// Prüfe ob bereits eine aktive Einladung existiert
|
||||
$existingInvitation = PartnerInvitation::where('email', $this->email)
|
||||
->pending()
|
||||
->first();
|
||||
|
||||
if ($existingInvitation) {
|
||||
$this->addError('email', __('Es existiert bereits eine aktive Einladung für diese E-Mail-Adresse.'));
|
||||
return;
|
||||
}
|
||||
|
||||
// Erstelle Einladung
|
||||
$invitation = PartnerInvitation::create([
|
||||
'company_name' => $this->companyName,
|
||||
'contact_first_name' => $this->contactFirstName ?: null,
|
||||
'contact_last_name' => $this->contactLastName ?: null,
|
||||
'role_id' => $this->roleId,
|
||||
'email' => $this->email,
|
||||
'token' => PartnerInvitation::generateToken(),
|
||||
'status' => 'pending',
|
||||
'expires_at' => now()->addDays(7), // 7 Tage gültig
|
||||
'invited_by' => auth()->id(),
|
||||
]);
|
||||
|
||||
// Generiere Einladungs-URL
|
||||
$invitationUrl = route('partner.invitation.accept', ['token' => $invitation->token]);
|
||||
|
||||
// Sende E-Mail
|
||||
try {
|
||||
Mail::to($this->email)->send(new PartnerInvitationMail($invitation, $invitationUrl));
|
||||
|
||||
$this->lastInvitation = $invitation;
|
||||
$this->showSuccessMessage = true;
|
||||
|
||||
// Reset Form
|
||||
$this->reset(['companyName', 'contactFirstName', 'contactLastName', 'roleId', 'email']);
|
||||
|
||||
// Setze default Rolle wieder
|
||||
$firstRole = $this->getPartnerRoles()->first();
|
||||
$this->roleId = $firstRole?->id;
|
||||
|
||||
session()->flash('message', __('Einladung erfolgreich versendet!'));
|
||||
} catch (\Exception $e) {
|
||||
$this->addError('email', __('Fehler beim Versenden der E-Mail: ') . $e->getMessage());
|
||||
}
|
||||
}
|
||||
|
||||
public function with(): array
|
||||
{
|
||||
return [
|
||||
'partnerRoles' => $this->getPartnerRoles(),
|
||||
'recentInvitations' => PartnerInvitation::with(['invitedBy', 'role'])
|
||||
->latest()
|
||||
->take(10)
|
||||
->get(),
|
||||
'pendingCount' => PartnerInvitation::pending()->count(),
|
||||
'acceptedCount' => PartnerInvitation::where('status', 'accepted')->count(),
|
||||
'expiredCount' => PartnerInvitation::expired()->count(),
|
||||
];
|
||||
}
|
||||
}; ?>
|
||||
|
||||
<div class="space-y-6 p-6">
|
||||
{{-- Header --}}
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<flux:heading size="xl" class="mb-2">{{ __('Partner einladen') }}</flux:heading>
|
||||
<flux:subheading>{{ __('Laden Sie neue Partner zu Ihrer Plattform ein') }}</flux:subheading>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Statistics --}}
|
||||
<div class="grid grid-cols-1 gap-6 md:grid-cols-3">
|
||||
<flux:card class="shadow-elegant">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<flux:subheading>{{ __('Ausstehend') }}</flux:subheading>
|
||||
<flux:heading size="2xl" class="mt-2">{{ $pendingCount }}</flux:heading>
|
||||
</div>
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-lg bg-orange-100 dark:bg-orange-900/20">
|
||||
<flux:icon.clock class="h-6 w-6 text-orange-600 dark:text-orange-400" />
|
||||
</div>
|
||||
</div>
|
||||
</flux:card>
|
||||
|
||||
<flux:card class="shadow-elegant">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<flux:subheading>{{ __('Akzeptiert') }}</flux:subheading>
|
||||
<flux:heading size="2xl" class="mt-2">{{ $acceptedCount }}</flux:heading>
|
||||
</div>
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-lg bg-green-100 dark:bg-green-900/20">
|
||||
<flux:icon.check-circle class="h-6 w-6 text-green-600 dark:text-green-400" />
|
||||
</div>
|
||||
</div>
|
||||
</flux:card>
|
||||
|
||||
<flux:card class="shadow-elegant">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<flux:subheading>{{ __('Abgelaufen') }}</flux:subheading>
|
||||
<flux:heading size="2xl" class="mt-2">{{ $expiredCount }}</flux:heading>
|
||||
</div>
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-lg bg-zinc-100 dark:bg-zinc-800">
|
||||
<flux:icon.x-circle class="h-6 w-6 text-zinc-600 dark:text-zinc-400" />
|
||||
</div>
|
||||
</div>
|
||||
</flux:card>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
|
||||
{{-- Invitation Form --}}
|
||||
<flux:card class="shadow-elegant">
|
||||
<form wire:submit="sendInvitation" class="space-y-6">
|
||||
<div>
|
||||
<flux:heading size="lg" class="mb-2">{{ __('Neue Einladung senden') }}</flux:heading>
|
||||
<flux:subheading>{{ __('Füllen Sie die Felder aus, um einen neuen Partner einzuladen') }}</flux:subheading>
|
||||
</div>
|
||||
|
||||
<flux:separator />
|
||||
|
||||
<flux:field>
|
||||
<flux:label>{{ __('Firmenname') }}</flux:label>
|
||||
<flux:input
|
||||
wire:model="companyName"
|
||||
placeholder="{{ __('z.B. Möbelhaus Mustermann') }}"
|
||||
icon="building-office"
|
||||
/>
|
||||
@error('companyName') <flux:error>{{ $message }}</flux:error> @enderror
|
||||
</flux:field>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<flux:field>
|
||||
<flux:label>{{ __('Vorname (optional)') }}</flux:label>
|
||||
<flux:input
|
||||
wire:model="contactFirstName"
|
||||
placeholder="{{ __('z.B. Max') }}"
|
||||
icon="user"
|
||||
/>
|
||||
@error('contactFirstName') <flux:error>{{ $message }}</flux:error> @enderror
|
||||
</flux:field>
|
||||
|
||||
<flux:field>
|
||||
<flux:label>{{ __('Nachname (optional)') }}</flux:label>
|
||||
<flux:input
|
||||
wire:model="contactLastName"
|
||||
placeholder="{{ __('z.B. Mustermann') }}"
|
||||
icon="user"
|
||||
/>
|
||||
@error('contactLastName') <flux:error>{{ $message }}</flux:error> @enderror
|
||||
</flux:field>
|
||||
</div>
|
||||
|
||||
|
||||
<flux:field>
|
||||
<flux:label>{{ __('Partner-Typ') }}</flux:label>
|
||||
<flux:description>{{ __('Wählen Sie den Typ des Partners aus') }}</flux:description>
|
||||
<flux:select wire:model="roleId">
|
||||
@foreach($partnerRoles as $role)
|
||||
<flux:select.option :value="$role->id">
|
||||
@if($role->icon)
|
||||
<flux:icon.{{ $role->icon }} class="mr-2" />
|
||||
@endif
|
||||
{{ $role->display_name ?? $role->name }}
|
||||
</flux:select.option>
|
||||
@endforeach
|
||||
</flux:select>
|
||||
@error('roleId') <flux:error>{{ $message }}</flux:error> @enderror
|
||||
</flux:field>
|
||||
|
||||
<flux:field>
|
||||
<flux:label>{{ __('E-Mail Adresse') }}</flux:label>
|
||||
<flux:description>{{ __('E-Mail des Ansprechpartners') }}</flux:description>
|
||||
<flux:input
|
||||
type="email"
|
||||
wire:model="email"
|
||||
placeholder="{{ __('z.B. einkauf@mustermann.de') }}"
|
||||
icon="envelope"
|
||||
/>
|
||||
@error('email') <flux:error>{{ $message }}</flux:error> @enderror
|
||||
</flux:field>
|
||||
|
||||
<flux:separator />
|
||||
|
||||
{{-- Error Alert --}}
|
||||
<x-error-alert />
|
||||
|
||||
<div class="flex justify-end">
|
||||
<flux:button
|
||||
type="submit"
|
||||
variant="primary"
|
||||
icon="paper-airplane"
|
||||
wire:loading.attr="disabled"
|
||||
wire:target="sendInvitation"
|
||||
>
|
||||
<span wire:loading.remove wire:target="sendInvitation">
|
||||
{{ __('Einladung senden') }}
|
||||
</span>
|
||||
<span wire:loading wire:target="sendInvitation">
|
||||
<flux:icon.arrow-path class="animate-spin inline-block mr-2 h-4 w-4" />
|
||||
{{ __('Wird gesendet...') }}
|
||||
</span>
|
||||
</flux:button>
|
||||
</div>
|
||||
</form>
|
||||
</flux:card>
|
||||
|
||||
{{-- Recent Invitations --}}
|
||||
<flux:card class="shadow-elegant">
|
||||
<div class="mb-4">
|
||||
<flux:heading size="lg" class="mb-2">{{ __('Letzte Einladungen') }}</flux:heading>
|
||||
<flux:subheading>{{ __('Übersicht der zuletzt versendeten Einladungen') }}</flux:subheading>
|
||||
</div>
|
||||
|
||||
<flux:separator class="mb-4" />
|
||||
|
||||
<div class="space-y-3">
|
||||
@forelse($recentInvitations as $invitation)
|
||||
<div class="rounded-lg border border-zinc-200 p-4 dark:border-zinc-700">
|
||||
<div class="flex items-start justify-between">
|
||||
<div class="flex-1">
|
||||
<div class="font-semibold text-zinc-900 dark:text-white">
|
||||
{{ $invitation->company_name }}
|
||||
@if($invitation->contact_full_name)
|
||||
<span class="text-sm font-normal text-zinc-500">• {{ $invitation->contact_full_name }}</span>
|
||||
@endif
|
||||
</div>
|
||||
<div class="mt-1 text-sm text-zinc-500 dark:text-zinc-400">
|
||||
{{ $invitation->email }}
|
||||
</div>
|
||||
<div class="mt-2 flex items-center gap-2">
|
||||
<flux:badge size="sm"
|
||||
color="{{ $invitation->status === 'pending' ? 'orange' : ($invitation->status === 'accepted' ? 'green' : 'zinc') }}">
|
||||
{{ ucfirst($invitation->status) }}
|
||||
</flux:badge>
|
||||
<flux:badge size="sm" color="{{ $invitation->role?->color ?? 'zinc' }}">
|
||||
{{ $invitation->role?->display_name ?? $invitation->role?->name }}
|
||||
</flux:badge>
|
||||
</div>
|
||||
<div class="mt-2 text-xs text-zinc-400">
|
||||
{{ __('Eingeladen am:') }} {{ $invitation->created_at->format('d.m.Y H:i') }}
|
||||
@if($invitation->status === 'pending')
|
||||
<br>{{ __('Gültig bis:') }} {{ $invitation->expires_at->format('d.m.Y H:i') }}
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@empty
|
||||
<div class="py-8 text-center text-zinc-500">
|
||||
<flux:icon.envelope class="mx-auto h-12 w-12 text-zinc-400" />
|
||||
<div class="mt-2">{{ __('Noch keine Einladungen versendet') }}</div>
|
||||
</div>
|
||||
@endforelse
|
||||
</div>
|
||||
</flux:card>
|
||||
</div>
|
||||
|
||||
{{-- Success Toast --}}
|
||||
@if (session()->has('message'))
|
||||
<flux:toast :variant="'success'">
|
||||
{{ session('message') }}
|
||||
</flux:toast>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue