@php
    /**
     * Expected variables:
     * $sectionId (int)
     * $activeTypeId (int)
     * $availableTypes (Collection of ['type_id','title'])
     * $defectTypes (Collection of defect types) - optional
     * $sectionColumns (Collection of section columns) - optional
     */
@endphp
<div class="mb-3">
    <label class="form-label" for="section_item_title">Title <span class="text-danger">*</span></label>
    <input type="text" id="section_item_title" name="title" class="form-control" placeholder="Kitchen Limitations" value="{{ isset($editItem) ? $editItem->title : '' }}" />
</div>
<div class="mb-3">
    <label class="form-label" for="section_item_type_id">Select Item Type <span class="text-danger">*</span></label>
    <select id="section_item_type_id" name="item_type_id" class="form-select" aria-label="Item Type">
        <option value="">Select Item Type</option>
        @foreach($availableTypes as $t)
            @php
                // Support both sources: getAddSectionItemModalBody (type_id, title) and Helper tabs (item_type_id, item_type_title)
                $idField = isset($t->type_id) ? $t->type_id : (isset($t->item_type_id) ? $t->item_type_id : null);
                $titleField = isset($t->title) ? $t->title : (isset($t->item_type_title) ? $t->item_type_title : '');
                $sel = ((int)$idField === (int)$activeTypeId) ? 'selected' : '';
            @endphp
            <option value="{{ $idField }}" {{ $sel }} data-title="{{ $titleField }}">{{ $titleField }}</option>
        @endforeach
    </select>
</div>

<!-- Conditional fields for Inspection Item -->
<div id="inspection-item-fields" class="inspection-item-fields" style="display: none;">
    <div class="mb-3">
        <label class="form-label" for="defect_type_id">Select Item Defect Type</label>
        <select id="defect_type_id" name="defect_type_id" class="form-select">
            <option value="">Select Defect Type</option>
            @if(isset($defectTypes) && $defectTypes->count() > 0)
                @foreach($defectTypes as $defectType)
                    <option value="{{ $defectType->id }}" {{ (isset($editItem) && $editItem->defect_type_id == $defectType->id) ? 'selected' : '' }}>
                        {{ $defectType->name }}
                    </option>
                @endforeach
            @endif
        </select>
    </div>
    
    <div class="mb-3">
        <label class="form-label" for="default_section_column_id">Select Default Section Column Status</label>
        <select id="default_section_column_id" name="default_section_column_id" class="form-select">
            <option value="">Select Section Column</option>
            @if(isset($sectionColumns) && $sectionColumns->count() > 0)
                @foreach($sectionColumns as $column)
                    <option value="{{ $column->id }}" {{ (isset($editItem) && $editItem->default_section_column_id == $column->id) ? 'selected' : '' }}>
                        {{ $column->name }}
                    </option>
                @endforeach
            @endif
        </select>
    </div>
    
    <div class="mb-3">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" id="is_required" name="is_required" value="1" {{ (isset($editItem) && $editItem->is_required) ? 'checked' : '' }}>
            <label class="form-check-label" for="is_required">
                Is this required item to be shown in report for inspection?
            </label>
        </div>
    </div>
</div>

<!-- Conditional fields for Form Controller -->
<div id="form-controller-fields" class="form-controller-fields" style="display: none;">
    <div class="mb-3">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" id="display_in_editor" name="display_in_editor" value="1" {{ (isset($editItem) && $editItem->display_in_editor) ? 'checked' : '' }}>
            <label class="form-check-label" for="display_in_editor">
                Do you want this item to display in report editor?
            </label>
        </div>
    </div>
</div>
<input type="hidden" name="section_id" id="modal_section_id" value="{{ $sectionId }}">
@if(isset($editItem))
    <input type="hidden" name="section_item_id" id="section_item_id" value="{{ $editItem->id }}">
@endif
<div class="edit_category_btnctrl mt-0">
    <a href="javascript:void(0)" class="btn editcategory_save section-item-save" data-mode="{{ isset($editItem)?'edit':'create' }}">{{ isset($editItem)?'Update':'Save' }}</a>
</div>