@csrf
<div class="container-fluid">
    <div class="card-block row w-100 m-0">
        <div class="col-md-6 col-12 p-2">
            <div class="form-group">
                <label for="title">عنوان دسته‌بندی</label><span style="color: red;">*</span>
                <input type="text" class="form-control bg-light rounded-custom" id="title" name="title"
                       value="{{ old('title', $item->title ?? '') }}" data-required="true">
            </div>
        </div>

        <div class="col-md-6 col-12 p-2">
            <div class="form-group">
                <label for="url">URL</label><span style="color: red;">*</span>
                <input type="text" class="form-control bg-light rounded-custom" id="url" name="url"
                       value="{{ old('url', $item->url ?? '') }}" data-required="true">
            </div>
        </div>

        <div class="col-md-12 col-12 p-2">
            <div class="form-group">
                <label for="image">تصویر دسته‌بندی</label>
                <input type="file" class="form-control bg-light rounded-custom" id="image" name="image">
                @if(isset($item) && $item->image)
                    <div class="mt-2">
                        <img src="{{ $item->getImageFile() }}" width="100" class="rounded shadow-sm">
                    </div>
                @endif
            </div>
        </div>

        <div class="col-12 p-2">
            <div class="form-group">
                <label for="description">توضیحات</label>
                <div class="ckeditor-div">
                    <textarea id="description" name="description" class="form-control bg-light rounded-custom ckeditor" rows="3">{{ old('description', $item->description ?? '') }}</textarea>
                </div>
            </div>
        </div>

        <div class="col-md-3 col-6 p-2">
            <div class="form-check form-switch">
                <input type="hidden" name="is_active" value="0">
                <input class="form-check-input" type="checkbox" id="is_active" name="is_active" value="1" {{ (old('is_active', $item->is_active ?? true)) ? 'checked' : '' }}>
                <label class="form-check-label" for="is_active">فعال</label>
            </div>
        </div>

        <div class="col-md-3 col-6 p-2">
            <div class="form-check form-switch">
                <input type="hidden" name="show_in_first_page" value="0">
                <input class="form-check-input" type="checkbox" id="show_in_first_page" name="show_in_first_page" value="1" {{ (old('show_in_first_page', $item->show_in_first_page ?? true)) ? 'checked' : '' }}>
                <label class="form-check-label" for="show_in_first_page">نمایش در صفحه اول</label>
            </div>
        </div>

        @include('admin.image-croper.modal-croper', [
            'inputId' => 'image', 'aspectWidth' => 10, 'aspectHeight' => 7, 'outputWidth' => 400, 'outputHeight' => 280
        ])

        <div class="col-12 ms-auto p-2">
            <button type="submit" class="btn btn-custom rounded-custom w-fit px-5">ذخیره دسته‌بندی</button>
        </div>
    </div>
</div>