<?php

use App\Enums\CompanyType;
use App\Enums\Portal;
use App\Models\Company;
use App\Services\Image\ImageService;
use Illuminate\Support\Str;
use Livewire\Attributes\Layout;
use Livewire\Attributes\Title;
use Livewire\Attributes\Validate;
use Livewire\Component;
use Livewire\WithFileUploads;

new #[Layout('components.layouts.app'), Title('Neue Firma')] class extends Component
{
    use WithFileUploads;

    #[Validate('required|in:'.Portal::Presseecho->value.','.Portal::Businessportal24->value)]
    public string $portal = Portal::Presseecho->value;

    #[Validate('required|min:3|max:255')]
    public string $company_name = '';

    #[Validate('nullable|max:500')]
    public string $description = '';

    #[Validate('required|email')]
    public string $email = '';

    #[Validate('nullable|max:50')]
    public string $phone = '';

    #[Validate('nullable|url')]
    public string $website = '';

    #[Validate('nullable|max:255')]
    public string $street = '';

    #[Validate('nullable|max:20')]
    public string $zip = '';

    #[Validate('nullable|max:255')]
    public string $city = '';

    #[Validate('nullable|max:255')]
    public string $state = '';

    #[Validate('required|max:2')]
    public string $country = 'DE';

    #[Validate('nullable|image|max:4096')]
    public $logo;

    #[Validate('nullable|max:255')]
    public ?string $tax_id = null;

    #[Validate('nullable|max:255')]
    public ?string $registration_number = null;

    public bool $is_verified = false;

    public bool $is_active = true;

    public function save(ImageService $imageService): void
    {
        $this->authorize('companies:write');

        $this->validate();

        $slug = (new Company)->generateUniqueSlug($this->company_name, ['portal' => $this->portal]);

        $company = Company::query()->create([
            'portal' => $this->portal,
            // Firmen sind ausschließlich Newsrooms; der Übermittler
            // („Agentur") ist eine Profil-Eigenschaft des Accounts.
            'type' => CompanyType::Company->value,
            'name' => $this->company_name,
            'slug' => $slug,
            'address' => $this->composeAddress(),
            'country_code' => strtoupper($this->country),
            'phone' => $this->phone ?: null,
            'email' => $this->email ?: null,
            'website' => $this->website ?: null,
            'is_active' => $this->is_active,
        ]);

        // Logo wie im Edit-Pfad über den ImageService (Mime-Whitelist ohne
        // SVG, Re-Encode via GD, UUID-Name) — nie roh auf die public-Disk.
        if ($this->logo) {
            $stored = $imageService->storeCompanyLogo(
                $this->logo,
                $this->portal,
                $company->id,
            );

            $company->update([
                'logo_path' => $stored['path'],
                'logo_variants' => $stored['variants'],
            ]);
        }

        session()->flash('success', 'Firma erfolgreich erstellt.');
        $this->redirect(route('admin.companies.index'), navigate: true);
    }

    public function with(): array
    {
        return [
            'countries' => collect([
                ['code' => 'DE', 'name' => 'Deutschland'],
                ['code' => 'AT', 'name' => 'Österreich'],
                ['code' => 'CH', 'name' => 'Schweiz'],
                ['code' => 'FR', 'name' => 'Frankreich'],
                ['code' => 'GB', 'name' => 'Großbritannien'],
                ['code' => 'US', 'name' => 'USA'],
            ]),
            // „Beide Portale" ist bei der Anlage nicht wählbar, damit neue
            // Firmen ihre PMs nicht automatisch auf beiden Portalen
            // veröffentlichen.
            'portalOptions' => array_filter(
                Portal::cases(),
                fn (Portal $portalCase): bool => $portalCase !== Portal::Both,
            ),
        ];
    }

    protected function composeAddress(): ?string
    {
        $lineOne = trim($this->street);
        $lineTwo = trim(trim($this->zip).' '.trim($this->city));
        $lineThree = trim($this->state);

        $parts = array_filter([$lineOne, $lineTwo, $lineThree], fn ($value) => $value !== '');

        return $parts !== [] ? implode(', ', $parts) : null;
    }
}; ?>

<div class="space-y-8">
    {{-- ============== PAGE HEADER ============== --}}
    <x-portal.page-header
        :badge="__('Admin Backend')"
        :eyebrow="__('Stammdaten · Neue Firma')"
        :title="__('Neue Firma')"
        :description="__('Stammdaten, Adresse, Logo und Rechtsangaben einer neuen Firma erfassen.')"
    >
        <x-slot:actions>
            <flux:button variant="filled" icon="arrow-left" href="{{ route('admin.companies.index') }}" wire:navigate>
                {{ __('Zurück') }}
            </flux:button>
        </x-slot:actions>
    </x-portal.page-header>

    <form wire:submit="save" class="space-y-6">
        <article class="panel">
            <div class="panel-head">
                <span class="section-eyebrow">{{ __('Basisinformationen') }}</span>
            </div>
            <div class="p-5 space-y-4">
                <flux:field>
                    <flux:label>{{ __('Portal') }}</flux:label>
                    <flux:select wire:model="portal">
                        @foreach ($portalOptions as $portalOption)
                            <option value="{{ $portalOption->value }}">{{ $portalOption->label() }}</option>
                        @endforeach
                    </flux:select>
                </flux:field>

                <flux:field>
                    <flux:label>{{ __('Firmenname') }} <span class="text-[color:var(--color-err)]">*</span></flux:label>
                    <flux:input wire:model="company_name" placeholder="{{ __('Vollständiger Firmenname...') }}" />
                    <flux:error name="company_name" />
                </flux:field>

                <flux:field>
                    <flux:label>{{ __('Beschreibung') }}</flux:label>
                    <flux:textarea wire:model="description" rows="4" placeholder="{{ __('Kurze Beschreibung der Firma (optional)...') }}" />
                    <flux:error name="description" />
                </flux:field>

                <div class="grid gap-4 sm:grid-cols-2">
                    <flux:field>
                        <flux:label>{{ __('E-Mail') }} <span class="text-[color:var(--color-err)]">*</span></flux:label>
                        <flux:input wire:model="email" type="email" placeholder="{{ __('kontakt@firma.de') }}" icon="envelope" />
                        <flux:error name="email" />
                    </flux:field>

                    <flux:field>
                        <flux:label>{{ __('Telefon') }}</flux:label>
                        <flux:input wire:model="phone" type="tel" placeholder="{{ __('+49 123 456789') }}" icon="phone" />
                        <flux:error name="phone" />
                    </flux:field>
                </div>

                <flux:field>
                    <flux:label>{{ __('Website') }}</flux:label>
                    <flux:input wire:model="website" type="url" placeholder="{{ __('https://www.firma.de') }}" icon="globe-alt" />
                    <flux:error name="website" />
                </flux:field>
            </div>
        </article>

        <article class="panel">
            <div class="panel-head">
                <span class="section-eyebrow">{{ __('Adresse') }}</span>
            </div>
            <div class="p-5 space-y-4">
                <flux:field>
                    <flux:label>{{ __('Straße & Hausnummer') }}</flux:label>
                    <flux:input wire:model="street" placeholder="{{ __('Musterstraße 123') }}" />
                    <flux:error name="street" />
                </flux:field>

                <div class="grid gap-4 sm:grid-cols-3">
                    <flux:field>
                        <flux:label>{{ __('PLZ') }}</flux:label>
                        <flux:input wire:model="zip" placeholder="{{ __('12345') }}" />
                        <flux:error name="zip" />
                    </flux:field>

                    <flux:field class="sm:col-span-2">
                        <flux:label>{{ __('Stadt') }}</flux:label>
                        <flux:input wire:model="city" placeholder="{{ __('Berlin') }}" />
                        <flux:error name="city" />
                    </flux:field>
                </div>

                <div class="grid gap-4 sm:grid-cols-2">
                    <flux:field>
                        <flux:label>{{ __('Bundesland / Region') }}</flux:label>
                        <flux:input wire:model="state" placeholder="{{ __('Bayern') }}" />
                        <flux:error name="state" />
                    </flux:field>

                    <flux:field>
                        <flux:label>{{ __('Land') }} <span class="text-[color:var(--color-err)]">*</span></flux:label>
                        <flux:select wire:model="country">
                            @foreach ($countries as $country)
                                <option value="{{ $country['code'] }}">{{ $country['name'] }}</option>
                            @endforeach
                        </flux:select>
                        <flux:error name="country" />
                    </flux:field>
                </div>
            </div>
        </article>

        <article class="panel">
            <div class="panel-head">
                <span class="section-eyebrow">{{ __('Rechtliche Daten') }}</span>
            </div>
            <div class="p-5 grid gap-4 sm:grid-cols-2">
                <flux:field>
                    <flux:label>{{ __('Steuernummer / USt-IdNr.') }}</flux:label>
                    <flux:input wire:model="tax_id" placeholder="{{ __('DE123456789') }}" />
                    <flux:error name="tax_id" />
                </flux:field>

                <flux:field>
                    <flux:label>{{ __('Handelsregisternummer') }}</flux:label>
                    <flux:input wire:model="registration_number" placeholder="{{ __('HRB 12345') }}" />
                    <flux:error name="registration_number" />
                </flux:field>
            </div>
        </article>

        <article class="panel">
            <div class="panel-head">
                <span class="section-eyebrow">{{ __('Logo & Status') }}</span>
            </div>
            <div class="p-5 space-y-4">
                <flux:field>
                    <flux:label>{{ __('Firmenlogo') }}</flux:label>
                    <flux:file-upload wire:model="logo" accept="image/*">
                        <flux:file-upload.dropzone
                            :heading="__('Logo hierher ziehen oder klicken')"
                            :text="__('Bilddatei · empfohlen quadratisch, min. 400×400 px')"
                            with-progress
                            inline
                        />
                    </flux:file-upload>
                    <flux:description>{{ __('Maximal 1 MB. Empfohlen: quadratisch, min. 400x400px') }}</flux:description>
                    <flux:error name="logo" />

                    @if ($logo)
                        <div class="mt-4">
                            <div class="text-[11px] uppercase tracking-[0.6px] text-[color:var(--color-ink-3)] font-semibold mb-2">
                                {{ __('Vorschau:') }}
                            </div>
                            <img src="{{ $logo->temporaryUrl() }}" width="128" height="128"
                                 class="h-32 max-h-32 w-32 max-w-32 rounded-[6px] border border-[color:var(--color-bg-rule)] object-contain bg-[color:var(--color-bg-elev)]">
                        </div>
                    @endif
                </flux:field>

                <div class="flex gap-6 pt-2 border-t border-[color:var(--color-bg-rule)]">
                    <flux:checkbox wire:model="is_verified" label="{{ __('Firma ist verifiziert') }}" />
                    <flux:checkbox wire:model="is_active" label="{{ __('Firma ist aktiv') }}" />
                </div>
            </div>
        </article>

        <article class="panel">
            <div class="panel-head">
                <span class="section-eyebrow">{{ __('Aktionen') }}</span>
            </div>
            <div class="p-5 flex justify-end gap-3">
                <flux:button variant="filled" href="{{ route('admin.companies.index') }}" wire:navigate>
                    {{ __('Abbrechen') }}
                </flux:button>
                <flux:button type="submit" variant="primary">
                    {{ __('Firma erstellen') }}
                </flux:button>
            </div>
        </article>
    </form>
</div>