@php
    /** @var \App\Domain\MasterData\Models\Brand $brand */
@endphp

<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
    <div>
        <x-input-label for="name" :value="__('Name')" />
        <x-text-input
            id="name"
            name="name"
            type="text"
            class="mt-1 block w-full"
            :value="old('name', $brand->name)"
            required
            autofocus
        />
        <x-input-error :messages="$errors->get('name')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="slug" :value="__('Slug')" />
        <x-text-input
            id="slug"
            name="slug"
            type="text"
            class="mt-1 block w-full"
            :value="old('slug', $brand->slug)"
            placeholder="{{ __('Leave blank to generate from the name') }}"
        />
        <x-input-error :messages="$errors->get('slug')" class="mt-2" />
    </div>

    <div class="md:col-span-2">
        <x-input-label for="description" :value="__('Description')" />
        <textarea
            id="description"
            name="description"
            rows="3"
            class="mt-1 block w-full rounded-md border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
        >{{ old('description', $brand->description) }}</textarea>
        <x-input-error :messages="$errors->get('description')" class="mt-2" />
    </div>

    <div class="md:col-span-2">
        <x-input-label for="logo" :value="__('Logo')" />

        @if ($brand->logo_path)
            <img src="{{ \Illuminate\Support\Facades\Storage::disk('public')->url($brand->logo_path) }}" alt="{{ $brand->name }}" class="h-16 w-16 object-contain rounded border border-gray-200 dark:border-gray-700 mt-1 mb-2 bg-white">
        @endif

        <input
            id="logo"
            name="logo"
            type="file"
            accept="image/*"
            class="mt-1 block w-full text-sm text-gray-700 dark:text-gray-300 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-semibold file:bg-indigo-50 file:text-indigo-700 dark:file:bg-indigo-900 dark:file:text-indigo-200"
        />
        <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">{{ __('PNG or JPG, up to 2MB. Leave blank to keep the current logo.') }}</p>
        <x-input-error :messages="$errors->get('logo')" class="mt-2" />
    </div>

    <div class="md:col-span-2 flex items-center gap-2">
        <input
            id="is_active"
            name="is_active"
            type="checkbox"
            value="1"
            class="rounded border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500"
            @checked(old('is_active', $brand->exists ? $brand->is_active : true))
        />
        <x-input-label for="is_active" :value="__('Active')" />
        <x-input-error :messages="$errors->get('is_active')" class="mt-2" />
    </div>
</div>