@php
    $formMode = $formMode ?? 'create';
    $formAction = $formAction ?? route('categories.store');
    $formMethod = $formMethod ?? 'POST';
    $category = $category ?? null;
    $redirectUrl = $redirectUrl ?? null;
    $categoryFormCategories = $categoryFormCategories ?? collect();
    $categoryFormVendors = $categoryFormVendors ?? collect();
    $defaultVendorId = $defaultVendorId ?? null;
    $formIdPrefix = $formIdPrefix ?? 'category_form';

    $hideStoreMenuFields = $hideStoreMenuFields ?? false;
    $forcedParentId = $forcedParentId ?? null;
    $forcedVendorId = $forcedVendorId ?? null;

    $selectedParentId = old('parent_id', $forcedParentId ?? $category->parent_id ?? null);
    $selectedVendorId = old('vendor_id', $forcedVendorId ?? $category->vendor_id ?? $defaultVendorId);
@endphp

<form action="{{ $formAction }}" method="POST" enctype="multipart/form-data">
    @csrf
    @if ($formMethod !== 'POST')
        @method($formMethod)
    @endif
    @if ($redirectUrl)
        <input type="hidden" name="redirect_url" value="{{ $redirectUrl }}">
    @endif

    <div class="card pb-4">
        <div class="card-body">
            @include('alerts.error_messages')

            <fieldset>
                <legend>{{ $formMode === 'edit' ? trans('lang.category_edit') : trans('lang.category_create') }}</legend>

                <div class="form-group row width-100">
                    <label class="col-3 control-label">{{ trans('lang.category_name') }}</label>
                    <div class="col-7">
                        <input type="text" class="form-control cat-name" name="name"
                            value="{{ old('name', $category->name ?? '') }}">
                        <div class="form-text text-muted">
                            {{ trans('lang.category_name_help') }}
                        </div>
                    </div>
                </div>

                <div class="form-group row width-100">
                    <label class="col-3 control-label">{{ trans('lang.category_description') }}</label>
                    <div class="col-7">
                        <textarea rows="5" class="category_description form-control"
                            name="description">{{ old('description', $category->description ?? '') }}</textarea>
                        <div class="form-text text-muted">
                            {{ trans('lang.category_description_help') }}
                        </div>
                    </div>
                </div>

                @if ($hideStoreMenuFields)
                    <input type="hidden" name="parent_id" value="{{ $selectedParentId }}">
                @else
                    <div class="form-group row width-100">
                        <label class="col-3 control-label">{{ trans('lang.parent_category') }}</label>
                        <div class="col-7">
                            <select class="parent_category form-control" name="parent_id">
                                <option value="">{{ trans('lang.select_parent_category') }}</option>
                                @foreach ($categoryFormCategories as $categoryOption)
                                    <option value="{{ $categoryOption->id }}"
                                        {{ $selectedParentId == $categoryOption->id ? 'selected' : '' }}>
                                        {{ $categoryOption->full_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                @endif

                @if ($hideStoreMenuFields)
                    <input type="hidden" name="vendor_id" value="{{ $selectedVendorId }}">
                @else
                    <div class="form-group row width-100">
                        <label class="col-3 control-label">Vendor</label>
                        <div class="col-7">
                            <select class="form-control" name="vendor_id">
                                <option value="">Select vendor</option>
                                @foreach ($categoryFormVendors as $vendor)
                                    <option value="{{ $vendor->id }}"
                                        {{ $selectedVendorId == $vendor->id ? 'selected' : '' }}>
                                        {{ $vendor->business_name ?? $vendor->name ?? 'Vendor #' . $vendor->id }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                @endif

                <div class="form-group row width-100">
                    <label class="col-3 control-label">{{ trans('lang.display_order') }}</label>
                    <div class="col-7">
                        <input type="number" min="0" class="form-control"
                            name="display_order" value="{{ old('display_order', $category->display_order ?? '') }}">
                        <div class="form-text text-muted">
                            {{ trans('lang.display_order_help') }}
                        </div>
                    </div>
                </div>

                <div class="form-group row width-100">
                    <label class="col-3 control-label">{{ trans('lang.category_image') }}</label>
                    <div class="col-7">
                        <input type="file" id="{{ $formIdPrefix }}_category_image" name="image">
                        @if ($category && $category->getMedia('images')->count())
                            <div class="mt-2">
                                @foreach ($category->getMedia('images') as $media)
                                    <img src="{{ $media->getUrl() }}" alt="category_image" class="img-thumbnail"
                                        style="width:80px;">
                                @endforeach
                            </div>
                        @endif
                        <div class="form-text text-muted w-50">
                            {{ trans('lang.category_image_help') }}
                        </div>
                    </div>
                </div>

                @unless ($hideStoreMenuFields)
                    <div class="form-group row width-100">
                        <label class="col-3 control-label">{{ trans('lang.product_default_image') }}</label>
                        <div class="col-7">
                            <input type="file" id="{{ $formIdPrefix }}_product_default_image"
                                name="product_default_image">
                            @if ($category && $category->getMedia('product_default_image')->count())
                                <div class="mt-2">
                                    @foreach ($category->getMedia('product_default_image') as $media)
                                        <img src="{{ $media->getUrl() }}" alt="product_default_image" class="img-thumbnail"
                                            style="width:80px;">
                                    @endforeach
                                </div>
                            @endif
                            <div class="form-text text-muted w-50">
                                {{ trans('lang.product_default_image_help') }}
                            </div>
                        </div>
                    </div>
                @endunless

                @unless ($hideStoreMenuFields)
                    <div class="form-group row width-100">
                        <label class="col-3 control-label">{{ trans('lang.category_header_image') }}</label>
                        <div class="col-7">
                            <input type="file" id="{{ $formIdPrefix }}_category_header_image"
                                name="category_header_image">
                            @if ($category && $category->getMedia('category_header_image')->count())
                                <div class="mt-2">
                                    @foreach ($category->getMedia('category_header_image') as $media)
                                        <img src="{{ $media->getUrl() }}" alt="category_header_image" class="img-thumbnail"
                                            style="width:80px;">
                                    @endforeach
                                </div>
                            @endif
                            <div class="form-text text-muted w-50">
                                {{ trans('lang.category_header_image_help') }}
                            </div>
                        </div>
                    </div>
                @endunless

                <div class="form-check row width-100">
                    <input type="checkbox" class="is_active" name="is_active" value="1"
                        id="{{ $formIdPrefix }}_is_active"
                        {{ old('is_active', $category->is_active ?? 0) ? 'checked' : '' }}>
                    <label class="col-3 control-label" for="{{ $formIdPrefix }}_is_active">{{ trans('lang.is_active') }}</label>
                </div>
                @unless ($hideStoreMenuFields)
                    <div class="form-check row width-100">
                        <input type="checkbox" class="is_main" name="is_main" value="1"
                            id="{{ $formIdPrefix }}_is_main"
                            {{ old('is_main', $category->is_main ?? 0) ? 'checked' : '' }}>
                        <label class="col-3 control-label" for="{{ $formIdPrefix }}_is_main">{{ trans('lang.is_main') }}</label>
                        <div class="form-text text-muted w-50">
                            {{ trans('lang.main_help') }}</div>
                    </div>
                    <div class="form-check row width-100">
                        <input type="checkbox" class="is_carto" name="is_carto" value="1"
                            id="{{ $formIdPrefix }}_is_carto"
                            {{ old('is_carto', $category->is_carto ?? 0) ? 'checked' : '' }}>
                        <label class="col-3 control-label" for="{{ $formIdPrefix }}_is_carto">{{ trans('lang.is_carto') }}</label>
                        <div class="form-text text-muted w-50">
                            {{ trans('lang.is_carto_help') }}</div>
                    </div>
                    <div class="form-check row width-100 mt-2">
                        <input type="checkbox" class="is_bookit" name="is_bookit" value="1"
                            id="{{ $formIdPrefix }}_is_bookit"
                            {{ old('is_bookit', $category->is_bookit ?? 0) ? 'checked' : '' }}>
                        <label class="col-3 control-label" for="{{ $formIdPrefix }}_is_bookit">{{ trans('lang.is_bookit') }}</label>
                        <div class="form-text text-muted w-50">
                            {{ trans('lang.is_bookit_help') }}</div>
                    </div>
                    <div class="form-check row width-100 mt-2">
                        <input type="checkbox" class="is_discover" name="is_discover" value="1"
                            id="{{ $formIdPrefix }}_is_discover"
                            {{ old('is_discover', $category->is_discover ?? 0) ? 'checked' : '' }}>
                        <label class="col-3 control-label" for="{{ $formIdPrefix }}_is_discover">{{ trans('lang.is_discover') }}</label>
                        <div class="form-text text-muted w-50">
                            {{ trans('lang.is_discover_help') }}</div>
                    </div>
                    <div class="form-check row width-100 mt-2">
                        <input type="checkbox" class="is_shop" name="is_shop" value="1"
                            id="{{ $formIdPrefix }}_is_shop"
                            {{ old('is_shop', $category->is_shop ?? 0) ? 'checked' : '' }}>
                        <label class="col-3 control-label" for="{{ $formIdPrefix }}_is_shop">{{ trans('lang.is_shop') }}</label>
                        <div class="form-text text-muted w-50">
                            {{ trans('lang.is_shop_help') }}</div>
                    </div>
                @endunless
                 @if ($hideStoreMenuFields)
                    <input type="hidden" name="is_consumable" value="1" />
                @else
                    <div class="form-check row width-100 mt-2">
                        <input type="checkbox" class="is_consumable" name="is_consumable" value="1"
                            id="{{ $formIdPrefix }}_is_consumable"
                            {{ old('is_consumable', $category->is_consumable ?? 0) ? 'checked' : '' }}>
                        <label class="col-3 control-label"
                            for="{{ $formIdPrefix }}_is_consumable">{{ trans('lang.is_consumable') }}</label>
                    </div>
                @endif

                @include('partials.commission_rate', ['commissionable' => $category])
            </fieldset>
        </div>

        <div class="card-footer">
            <button type="submit" class="btn btn-primary">
                <i class="fa fa-save"></i>
                {{ $formMode === 'edit' ? trans('lang.save') : trans('lang.save') }}
            </button>
            @if ($redirectUrl)
                <a href="{{ $redirectUrl }}" class="btn btn-default">
                    <i class="fa fa-undo"></i>{{ trans('lang.cancel') }}
                </a>
            @endif
        </div>
    </div>
</form>