@php
    $isEdit = $brand->exists;
@endphp

<div class="space-y-5">
    <div>
        <label for="name" class="label block mb-2" style="color: var(--color-ink-70);">Brand Name</label>
        <input
            id="name"
            name="name"
            type="text"
            value="{{ old('name', $brand->name) }}"
            class="input"
            required
            maxlength="255"
            placeholder="e.g. Dior"
        >
        @error('name')
            <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
        @enderror
    </div>

    <div>
        <label for="slug" class="label block mb-2" style="color: var(--color-ink-70);">Slug (optional)</label>
        <input
            id="slug"
            name="slug"
            type="text"
            value="{{ old('slug', $brand->slug) }}"
            class="input"
            maxlength="255"
            placeholder="auto-generated if left empty"
        >
        @error('slug')
            <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
        @enderror
    </div>

    <div>
        <label for="logo" class="label block mb-2" style="color: var(--color-ink-70);">Brand Logo (optional)</label>
        <input
            id="logo"
            name="logo"
            type="file"
            class="input"
            accept="image/*"
        >
        <p class="mt-2 text-xs" style="color: var(--color-ink-70);">
            Upload JPG, PNG, WEBP, GIF, or SVG up to 2MB.
        </p>
        @error('logo')
            <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
        @enderror

        <div class="mt-3">
            <label for="logo_url" class="label block mb-2" style="color: var(--color-ink-70);">Or Logo URL</label>
            <input
                id="logo_url"
                name="logo_url"
                type="url"
                value="{{ old('logo_url', str_starts_with((string) $brand->logo_path, 'http://') || str_starts_with((string) $brand->logo_path, 'https://') ? $brand->logo_path : '') }}"
                class="input"
                maxlength="2048"
                placeholder="https://..."
            >
            @error('logo_url')
                <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
            @enderror
        </div>

        @php
            $rawLogo = old('logo_url', $brand->logo_path);
            $logoPreviewSrc = null;
            if (! empty($rawLogo)) {
                $logoPreviewSrc = str_starts_with((string) $rawLogo, 'http://') || str_starts_with((string) $rawLogo, 'https://')
                    ? $rawLogo
                    : asset((string) $rawLogo);
            }
        @endphp

        @if ($logoPreviewSrc)
            <div class="mt-3 flex items-center gap-3">
                <img
                    src="{{ $logoPreviewSrc }}"
                    alt="{{ $brand->name }} logo"
                    style="width: 56px; height: 56px; object-fit: contain; border-radius: 0.5rem; border: 1px solid var(--color-ink-12); background: white; padding: 0.25rem;"
                    onerror="this.style.display='none'"
                >
                <label class="flex items-center gap-2 text-sm" style="color: var(--color-ink-70);">
                    <input type="checkbox" name="remove_logo" value="1" @checked(old('remove_logo')) class="accent-current">
                    <span>Remove current logo</span>
                </label>
            </div>
        @endif
    </div>

    <label class="flex items-center gap-2 text-sm" style="color: var(--color-ink-70);">
        <input
            type="checkbox"
            name="is_active"
            value="1"
            @checked(old('is_active', $brand->is_active))
            class="accent-current"
        >
        <span>Visible and active</span>
    </label>

    <div class="flex items-center gap-3 pt-2">
        <button type="submit" class="btn btn-primary">
            {{ $isEdit ? 'Update Brand' : 'Create Brand' }}
        </button>
        <a href="{{ route('admin.brands.index') }}" class="btn btn-ghost">Cancel</a>
    </div>
</div>