@php
    $isEdit = request()->is('*edit*');
@endphp
<div class="row">
    <div class="col-md-12">
        <label for="name" class="mb-2 text-medium font-semibold">
            Name <span class="text-danger">*</span>
        </label>
        <input type="text" id="name" name="name"
            class="form-control form-control-sm"
            value="{{ old('name', $category->name ?? '') }}" required>
        @error('name')
            <small><span class="text-danger">{{ $message }}</span></small>
        @enderror
    </div>

    <div class="col-md-12">
        <label for="description" class="mb-2 text-medium font-semibold">
            Description
        </label>
        <textarea id="description" name="description"
            class="form-control form-control-sm tinymce-editor"
            rows="2">{{ old('description', $category->description ?? '') }}</textarea>
        @error('description')
            <small><span class="text-danger">{{ $message }}</span></small>
        @enderror
    </div>

    <div class="col-md-6">
        <label for="thumbnail" class="mb-2 text-medium font-semibold">
            Thumbnail
        </label>
        <input type="file" id="thumbnail" name="thumbnail" class="form-control">
        @if(isset($category) && $category->thumbnail)
            <div class="mt-2">
                <img src="{{ asset('storage/' . $category->thumbnail) }}" alt="Thumbnail" style="max-width: 100px;">
            </div>
        @endif
        @error('thumbnail')
            <small><span class="text-danger">{{ $message }}</span></small>
        @enderror
    </div>

    <div class="col-md-6">
        <label for="icon" class="mb-2 text-medium font-semibold">
            Icon
        </label>
        <input type="file" id="icon" name="icon" class="form-control">
        @if(isset($category) && $category->icon)
            <div class="mt-2">
                <img src="{{ asset('storage/' . $category->icon) }}" alt="Icon" style="max-width: 50px;">
            </div>
        @endif
        @error('icon')
            <small><span class="text-danger">{{ $message }}</span></small>
        @enderror
    </div>

    <div class="col-md-4">
        <label for="status" class="mb-2 text-medium font-semibold">
            Status
        </label>
        <select name="status" id="status" class="form-control form-control-sm">
            <option value="1" {{ old('status', $category->status ?? 1) == 1 ? 'selected' : '' }}>Active</option>
            <option value="0" {{ old('status', $category->status ?? 1) == 0 ? 'selected' : '' }}>Inactive</option>
        </select>
    </div>

    <div class="col-md-4">
        <label class="mb-2 text-medium font-semibold">
            Favorite
        </label>
        <div>
            <input type="checkbox" id="is_favorite" name="is_favorite" value="1"
                {{ old('is_favorite', $category->is_favorite ?? false) ? 'checked' : '' }}>
            <label for="is_favorite">Mark as Favorite</label>
        </div>
    </div>

    <div class="col-md-4">
        <label class="mb-2 text-medium font-semibold">
            Display on Footer
        </label>
        <div>
            <input type="checkbox" id="display_on_footer" name="display_on_footer" value="1"
                {{ old('display_on_footer', $category->display_on_footer ?? false) ? 'checked' : '' }}>
            <label for="display_on_footer">Show in Footer</label>
        </div>
    </div>

    <div class="col-md-6">
        <label for="meta_title" class="mb-2 text-medium font-semibold">
            Meta Title
        </label>
        <input type="text" id="meta_title" name="meta_title"
            class="form-control form-control-sm"
            value="{{ old('meta_title', $category->meta_title ?? '') }}">
        @error('meta_title')
            <small><span class="text-danger">{{ $message }}</span></small>
        @enderror
    </div>

    <div class="col-md-6">
        <label for="meta_keywords" class="mb-2 text-medium font-semibold">
            Meta Keywords
        </label>
        <input type="text" id="meta_keywords" name="meta_keywords"
            class="form-control form-control-sm"
            value="{{ old('meta_keywords', $category->meta_keywords ?? '') }}">
        @error('meta_keywords')
            <small><span class="text-danger">{{ $message }}</span></small>
        @enderror
    </div>

    <div class="col-md-12">
        <label for="meta_description" class="mb-2 text-medium font-semibold">
            Meta Description
        </label>
        <input type="text" id="meta_description" name="meta_description"
            class="form-control form-control-sm"
            value="{{ old('meta_description', $category->meta_description ?? '') }}">
        @error('meta_description')
            <small><span class="text-danger">{{ $message }}</span></small>
        @enderror
    </div>
    <div class="card-footer">
        @include('dashboard.common.form-button')
    </div>
</div>