@props(['showStaffExtras' => false])

@if ($showStaffExtras)
    <div class="card border shadow-none mb-4">
        <div class="card-body">
            <div class="d-flex align-items-center gap-2 mb-4">
                <span class="badge bg-label-primary rounded-2 p-2 lh-1"><i class="ti tabler-adjustments-cog ti-sm"></i></span>
                <h6 class="mb-0 fw-bold text-uppercase text-primary">{{ __('Publication & category') }}</h6>
            </div>

            <div class="row g-4">
                {{-- Publication Status --}}
                <div class="col-md-6">
                    <label class="form-label">{{ __('Publication status') }}</label>
                    <div class="border rounded p-3 h-100 d-flex flex-column justify-content-center">
                        <div class="form-check form-switch mb-0">
                            <input class="form-check-input" type="checkbox" role="switch" id="is_published"
                                wire:model="form.is_published">
                            <label class="form-check-label fw-medium" for="is_published">{{ __('Publish machine') }}</label>
                        </div>
                        <small class="text-muted">{{ __('Visible to all site visitors.') }}</small>
                    </div>
                </div>

                {{-- Machine Type selector --}}
                <div class="col-12 pt-3">
                    <label class="form-label" for="type_of_machine">
                        {{ __('Machine type') }} <span class="text-danger">*</span>
                    </label>
                    <div class="input-group input-group-merge">
                        <span class="input-group-text"><i class="ti tabler-category"></i></span>
                        <select id="type_of_machine"
                            class="form-select @error('form.type_of_machine') is-invalid @enderror"
                            wire:model.live="form.type_of_machine">
                            <option value="">{{ __('Select machine type') }}</option>
                            <option value="weaving">{{ __('Weaving') }}</option>
                            <option value="knitting">{{ __('Knitting') }}</option>
                            <option value="other">{{ __('Other') }}</option>
                        </select>
                    </div>
                    @error('form.type_of_machine') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                </div>
            </div>
        </div>
    </div>
@endif