@php
    $section_key = $section->section_key;
@endphp

<div class="row g-3 mb-3">
    <div class="col-md-4">
        <label class="form-label">نحوه ارث‌بری محتوا</label>
        <select name="inheritance_mode" class="form-control bg-light rounded-custom">
            @foreach($inheritance_options as $mode_key => $mode_label)
                <option value="{{ $mode_key }}" {{ ($section->inheritance_mode === $mode_key) ? 'selected' : '' }}>
                    {{ $mode_label }}
                </option>
            @endforeach
        </select>
    </div>
    <div class="col-md-4 d-flex align-items-end">
        <div class="form-check form-switch">
            <input type="hidden" name="is_active" value="0">
            <input class="form-check-input" type="checkbox" name="is_active" value="1"
                   {{ $section->is_active ? 'checked' : '' }}>
            <label class="form-check-label">فعال باشد</label>
        </div>
    </div>
</div>

@if($section_key === 'header')
    @php
        $cta_buttons = (array) ($content['cta_buttons'] ?? []);
        $cta_buttons = array_pad($cta_buttons, 2, ['text' => '', 'link' => '', 'color' => 'green']);
    @endphp

    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان H1</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
        <div class="col-md-6">
            <label class="form-label">توضیح کوتاه</label>
            <textarea name="short_description" rows="2"
                      class="form-control bg-light rounded-custom">{{ $content['short_description'] ?? '' }}</textarea>
        </div>
        <div class="col-md-6">
            <label class="form-label">تصویر ۱ هدر</label>
            <input type="file" name="header_image_primary" class="form-control bg-light rounded-custom">
            @if(!empty($content['image_primary']))
                <img class="mt-2 rounded" width="120"
                     src="{{ asset($upload_base . '/service-landing/' . $content['image_primary']) }}" alt="header-1">
            @endif
        </div>
        <div class="col-md-6">
            <label class="form-label">تصویر ۲ هدر</label>
            <input type="file" name="header_image_secondary" class="form-control bg-light rounded-custom">
            @if(!empty($content['image_secondary']))
                <img class="mt-2 rounded" width="120"
                     src="{{ asset($upload_base . '/service-landing/' . $content['image_secondary']) }}" alt="header-2">
            @endif
        </div>
    </div>

    <hr>
    <h6 class="fw-bold">CTA Button ها (حداکثر ۲ مورد)</h6>
    @for($index = 0; $index < 2; $index++)
        <div class="row g-2 mb-2">
            <div class="col-md-3">
                <input type="text" class="form-control bg-light rounded-custom"
                       name="cta_buttons[{{ $index }}][text]" placeholder="متن دکمه"
                       value="{{ $cta_buttons[$index]['text'] ?? '' }}">
            </div>
            <div class="col-md-6">
                <input type="url" class="form-control bg-light rounded-custom"
                       name="cta_buttons[{{ $index }}][link]" placeholder="لینک دکمه"
                       value="{{ $cta_buttons[$index]['link'] ?? '' }}">
            </div>
            <div class="col-md-3">
                <select class="form-control bg-light rounded-custom" name="cta_buttons[{{ $index }}][color]">
                    <option value="green" {{ (($cta_buttons[$index]['color'] ?? 'green') === 'green') ? 'selected' : '' }}>سبز</option>
                    <option value="black" {{ (($cta_buttons[$index]['color'] ?? '') === 'black') ? 'selected' : '' }}>مشکی</option>
                </select>
            </div>
        </div>
    @endfor
@endif

@if($section_key === 'success_path')
    @php
        $steps = (array) ($content['steps'] ?? []);
        $steps_count = is_array($steps) ? count($steps) : 0;
    @endphp

    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان سکشن</label>
            <input type="text" name="section_title" class="form-control bg-light rounded-custom"
                   value="{{ $content['section_title'] ?? '' }}">
        </div>
    </div>

    <hr>
    <div class="d-flex justify-content-between align-items-center mb-2">
        <h6 class="fw-bold mb-0">استپ ها</h6>
        <button type="button" class="btn btn-sm btn-outline-primary" data-add-step="{{ $section->id }}">افزودن استپ</button>
    </div>

    <div data-steps-wrapper="{{ $section->id }}" data-next-index="{{ $steps_count }}">
        @foreach($steps as $index => $step)
            <div class="row g-2 mb-2 step-row">
                <div class="col-md-5">
                    <input type="text" name="steps[{{ $index }}][title]" class="form-control bg-light rounded-custom"
                           placeholder="عنوان استپ" value="{{ $step['title'] ?? '' }}">
                </div>
                <div class="col-md-6">
                    <input type="text" name="steps[{{ $index }}][description]" class="form-control bg-light rounded-custom"
                           placeholder="توضیح کوتاه" value="{{ $step['description'] ?? '' }}">
                </div>
                <div class="col-md-1">
                    <button type="button" class="btn btn-outline-danger w-100" data-remove-step>×</button>
                </div>
            </div>
        @endforeach
    </div>
@endif

@if($section_key === 'audio_player')
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
        <div class="col-md-6">
            <label class="form-label">توضیح کوتاه</label>
            <textarea name="short_description" rows="2"
                      class="form-control bg-light rounded-custom">{{ $content['short_description'] ?? '' }}</textarea>
        </div>
        <div class="col-md-6">
            <label class="form-label">فایل صوتی (حداکثر 10MB)</label>
            <input type="file" name="audio_file" class="form-control bg-light rounded-custom">
            @if(!empty($content['audio_file']))
                <a class="d-inline-block mt-2" target="_blank"
                   href="{{ asset($upload_base . '/service-landing/' . $content['audio_file']) }}">
                    مشاهده فایل فعلی
                </a>
            @endif
        </div>
    </div>
@endif

@if($section_key === 'card_section')
    @php
        $cards = (array) ($content['cards'] ?? []);
        $cards_count = is_array($cards) ? count($cards) : 0;
    @endphp
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان سکشن</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
        <div class="col-md-6">
            <label class="form-label">توضیح کوتاه</label>
            <textarea name="short_description" rows="2"
                      class="form-control bg-light rounded-custom">{{ $content['short_description'] ?? '' }}</textarea>
        </div>
        <div class="col-md-6">
            <label class="form-label">تصویر سکشن</label>
            <input type="file" name="card_section_image" class="form-control bg-light rounded-custom">
            @if(!empty($content['image']))
                <img class="mt-2 rounded" width="120"
                     src="{{ asset($upload_base . '/service-landing/' . $content['image']) }}" alt="card-section">
            @endif
        </div>
    </div>
    <hr>
    <div class="d-flex justify-content-between align-items-center mb-2">
        <h6 class="fw-bold mb-0">Card ها</h6>
        <button type="button" class="btn btn-sm btn-outline-primary" data-add-card="{{ $section->id }}">افزودن Card</button>
    </div>
    <div data-cards-wrapper="{{ $section->id }}" data-next-index="{{ $cards_count }}">
        @foreach($cards as $index => $card)
            <div class="row g-2 mb-2 card-row">
                <div class="col-md-5">
                    <input type="text" name="cards[{{ $index }}][title]" class="form-control bg-light rounded-custom"
                           placeholder="عنوان card" value="{{ $card['title'] ?? '' }}">
                </div>
                <div class="col-md-6">
                    <input type="text" name="cards[{{ $index }}][description]" class="form-control bg-light rounded-custom"
                           placeholder="توضیح card" value="{{ $card['description'] ?? '' }}">
                </div>
                <div class="col-md-1">
                    <button type="button" class="btn btn-outline-danger w-100" data-remove-card>×</button>
                </div>
            </div>
        @endforeach
    </div>
@endif

@if($section_key === 'account_charge')
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
        <div class="col-md-6">
            <label class="form-label">توضیح کوتاه</label>
            <textarea name="short_description" rows="2"
                      class="form-control bg-light rounded-custom">{{ $content['short_description'] ?? '' }}</textarea>
        </div>
    </div>
@endif

@if($section_key === 'left_right_description')
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
        <div class="col-md-6">
            <label class="form-label">موقعیت تصویر</label>
            <select name="image_position" class="form-control bg-light rounded-custom">
                <option value="right" {{ (($content['image_position'] ?? 'right') === 'right') ? 'selected' : '' }}>سمت راست</option>
                <option value="left" {{ (($content['image_position'] ?? '') === 'left') ? 'selected' : '' }}>سمت چپ</option>
            </select>
        </div>
        <div class="col-md-12">
            <label class="form-label">توضیح</label>
            <textarea name="description" rows="3"
                      class="form-control bg-light rounded-custom">{{ $content['description'] ?? '' }}</textarea>
        </div>
        <div class="col-md-6">
            <label class="form-label">تصویر</label>
            <input type="file" name="left_right_image" class="form-control bg-light rounded-custom">
            @if(!empty($content['image']))
                <img class="mt-2 rounded" width="120"
                     src="{{ asset($upload_base . '/service-landing/' . $content['image']) }}" alt="left-right">
            @endif
        </div>
    </div>
@endif

@if($section_key === 'charge_plans')
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان سکشن</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
        <div class="col-md-6">
            <label class="form-label">توضیح کوتاه</label>
            <textarea name="short_description" rows="2"
                      class="form-control bg-light rounded-custom">{{ $content['short_description'] ?? '' }}</textarea>
        </div>
    </div>
@endif

@if($section_key === 'honors')
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان سکشن</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
        <div class="col-md-6">
            <label class="form-label">توضیح کوتاه</label>
            <textarea name="short_description" rows="2"
                      class="form-control bg-light rounded-custom">{{ $content['short_description'] ?? '' }}</textarea>
        </div>
    </div>
@endif

@if($section_key === 'success_path_v2')
    @php
        $steps_v2 = (array) ($content['steps'] ?? []);
    @endphp
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان سکشن</label>
            <input type="text" name="section_title" class="form-control bg-light rounded-custom"
                   value="{{ $content['section_title'] ?? '' }}">
        </div>
    </div>
    <hr>
    <div class="d-flex justify-content-between align-items-center mb-2">
        <h6 class="fw-bold mb-0">استپ ها (حالت دوم)</h6>
        <button type="button" class="btn btn-sm btn-outline-primary" data-add-step-v2="{{ $section->id }}">افزودن استپ</button>
    </div>
    <div data-steps-v2-wrapper="{{ $section->id }}" data-next-index="{{ count($steps_v2) }}">
        @foreach($steps_v2 as $index => $step)
            <div class="row g-2 mb-2 step-v2-row">
                <div class="col-md-5">
                    <input type="text" name="steps_v2[{{ $index }}][title]" class="form-control bg-light rounded-custom"
                           placeholder="عنوان استپ" value="{{ $step['title'] ?? '' }}">
                </div>
                <div class="col-md-6">
                    <input type="text" name="steps_v2[{{ $index }}][description]" class="form-control bg-light rounded-custom"
                           placeholder="توضیح کوتاه" value="{{ $step['description'] ?? '' }}">
                </div>
                <div class="col-md-1">
                    <button type="button" class="btn btn-outline-danger w-100" data-remove-step-v2>×</button>
                </div>
            </div>
        @endforeach
    </div>
@endif

@if($section_key === 'card_section_v2')
    @php
        $cards_v2 = (array) ($content['cards'] ?? []);
    @endphp
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان کل سکشن</label>
            <input type="text" name="section_title" class="form-control bg-light rounded-custom"
                   value="{{ $content['section_title'] ?? '' }}">
        </div>
    </div>
    <hr>
    <div class="d-flex justify-content-between align-items-center mb-2">
        <h6 class="fw-bold mb-0">کارت های حالت دوم</h6>
        <button type="button" class="btn btn-sm btn-outline-primary" data-add-card-v2="{{ $section->id }}">افزودن کارت</button>
    </div>
    <div data-cards-v2-wrapper="{{ $section->id }}" data-next-index="{{ count($cards_v2) }}">
        @foreach($cards_v2 as $index => $card)
            <div class="row g-2 mb-3 card-v2-row">
                <div class="col-md-3">
                    <input type="text" name="cards_v2[{{ $index }}][title]" class="form-control bg-light rounded-custom"
                           placeholder="عنوان" value="{{ $card['title'] ?? '' }}">
                </div>
                <div class="col-md-3">
                    <input type="text" name="cards_v2[{{ $index }}][description]" class="form-control bg-light rounded-custom"
                           placeholder="توضیح" value="{{ $card['description'] ?? '' }}">
                </div>
                <div class="col-md-2">
                    <input type="text" name="cards_v2[{{ $index }}][button_text]" class="form-control bg-light rounded-custom"
                           placeholder="عنوان دکمه" value="{{ $card['button_text'] ?? '' }}">
                </div>
                <div class="col-md-3">
                    <input type="url" name="cards_v2[{{ $index }}][button_link]" class="form-control bg-light rounded-custom"
                           placeholder="لینک دکمه" value="{{ $card['button_link'] ?? '' }}">
                </div>
                <div class="col-md-1">
                    <button type="button" class="btn btn-outline-danger w-100" data-remove-card-v2>×</button>
                </div>
                <div class="col-md-6">
                    <input type="hidden" name="cards_v2[{{ $index }}][existing_image]" value="{{ $card['image'] ?? '' }}">
                    <label class="form-label">تصویر کارت</label>
                    <input type="file" name="card_v2_card_images[{{ $index }}]" class="form-control bg-light rounded-custom">
                    @if(!empty($card['image']))
                        <img class="mt-2 rounded" width="90" src="{{ asset($upload_base . '/service-landing/' . $card['image']) }}" alt="card-v2">
                    @endif
                </div>
            </div>
        @endforeach
    </div>
@endif

@if($section_key === 'growth')
    @php
        $growth_buttons = (array) ($content['buttons'] ?? []);
    @endphp
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
        <div class="col-md-6">
            <label class="form-label">تصویر</label>
            <input type="file" name="growth_image" class="form-control bg-light rounded-custom">
            @if(!empty($content['image']))
                <img class="mt-2 rounded" width="120" src="{{ asset($upload_base . '/service-landing/' . $content['image']) }}" alt="growth">
            @endif
        </div>
        <div class="col-md-12">
            <label class="form-label">توضیحات</label>
            <textarea name="description" rows="3" class="form-control bg-light rounded-custom">{{ $content['description'] ?? '' }}</textarea>
        </div>
    </div>
    <hr>
    <div class="d-flex justify-content-between align-items-center mb-2">
        <h6 class="fw-bold mb-0">دکمه های رشد</h6>
        <button type="button" class="btn btn-sm btn-outline-primary" data-add-growth-button="{{ $section->id }}">افزودن دکمه</button>
    </div>
    <div data-growth-buttons-wrapper="{{ $section->id }}" data-next-index="{{ count($growth_buttons) }}">
        @foreach($growth_buttons as $index => $button)
            <div class="row g-2 mb-2 growth-button-row">
                <div class="col-md-4">
                    <input type="text" name="growth_buttons[{{ $index }}][text]" class="form-control bg-light rounded-custom"
                           placeholder="متن دکمه" value="{{ $button['text'] ?? '' }}">
                </div>
                <div class="col-md-7">
                    <input type="url" name="growth_buttons[{{ $index }}][link]" class="form-control bg-light rounded-custom"
                           placeholder="لینک دکمه" value="{{ $button['link'] ?? '' }}">
                </div>
                <div class="col-md-1">
                    <button type="button" class="btn btn-outline-danger w-100" data-remove-growth-button>×</button>
                </div>
            </div>
        @endforeach
    </div>
@endif

@if($section_key === 'specifications')
    @php
        $spec_items = (array) ($content['items'] ?? []);
    @endphp
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان سکشن</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
        <div class="col-md-6">
            <label class="form-label">تصویر سکشن</label>
            <input type="file" name="specifications_image" class="form-control bg-light rounded-custom">
            @if(!empty($content['image']))
                <img class="mt-2 rounded" width="120" src="{{ asset($upload_base . '/service-landing/' . $content['image']) }}" alt="specifications">
            @endif
        </div>
    </div>
    <hr>
    <div class="d-flex justify-content-between align-items-center mb-2">
        <h6 class="fw-bold mb-0">لیست ویژگی ها</h6>
        <button type="button" class="btn btn-sm btn-outline-primary" data-add-spec-item="{{ $section->id }}">افزودن ویژگی</button>
    </div>
    <div data-spec-items-wrapper="{{ $section->id }}" data-next-index="{{ count($spec_items) }}">
        @foreach($spec_items as $index => $item)
            <div class="row g-2 mb-2 spec-item-row">
                <div class="col-md-5">
                    <input type="text" name="specifications_items[{{ $index }}][title]" class="form-control bg-light rounded-custom"
                           placeholder="عنوان ویژگی" value="{{ $item['title'] ?? '' }}">
                </div>
                <div class="col-md-6">
                    <input type="text" name="specifications_items[{{ $index }}][description]" class="form-control bg-light rounded-custom"
                           placeholder="توضیح ویژگی" value="{{ $item['description'] ?? '' }}">
                </div>
                <div class="col-md-1">
                    <button type="button" class="btn btn-outline-danger w-100" data-remove-spec-item>×</button>
                </div>
            </div>
        @endforeach
    </div>
@endif

@if($section_key === 'subscriptions')
    <div class="alert alert-info mb-0">
        لیست پلن‌ها از اشتراک‌هایی که در بخش «اشتراک‌ها» ادمین به این خدمت متصل کرده‌اید، به‌صورت خودکار نمایش داده می‌شود.
        تنظیم دکمه‌ها نیز روی خود هر اشتراک انجام می‌شود.
    </div>
@endif

@if($section_key === 'map_address')
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
        <div class="col-md-6">
            <label class="form-label">لینک نقشه</label>
            <input type="url" name="map_link" class="form-control bg-light rounded-custom"
                   value="{{ $content['map_link'] ?? '' }}">
        </div>
        <div class="col-md-12">
            <label class="form-label">توضیح</label>
            <textarea name="description" rows="3" class="form-control bg-light rounded-custom">{{ $content['description'] ?? '' }}</textarea>
        </div>
        <div class="col-md-6">
            <label class="form-label">تصویر نقشه</label>
            <input type="file" name="map_image" class="form-control bg-light rounded-custom">
            @if(!empty($content['image']))
                <img class="mt-2 rounded" width="120" src="{{ asset($upload_base . '/service-landing/' . $content['image']) }}" alt="map">
            @endif
        </div>
    </div>
@endif

@if($section_key === 'admob_income_calculator')
    <div class="alert alert-info mb-0">
        این سکشن محتوای مشترک دارد و فقط فعال/غیرفعال شدن و ترتیب آن در این صفحه مدیریت می‌شود.
    </div>
@endif

@if($section_key === 'adsense_income_calculator')
    <div class="alert alert-info mb-0">
        این سکشن محتوای مشترک دارد و فقط فعال/غیرفعال شدن و ترتیب آن در این صفحه مدیریت می‌شود.
    </div>
@endif

@if($section_key === 'compare_table')
    @php
        $compare_items = (array) ($content['items'] ?? []);
        $compare_features = (array) ($content['features'] ?? []);
        $compare_matrix = (array) ($content['matrix'] ?? []);
    @endphp
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان سکشن جدول مقایسه</label>
            <input type="text" name="section_title" class="form-control bg-light rounded-custom"
                   value="{{ $content['section_title'] ?? '' }}">
        </div>
    </div>
    <hr>
    <div class="d-flex justify-content-between align-items-center mb-2">
        <h6 class="fw-bold mb-0">آیتم های مقایسه</h6>
        <button type="button" class="btn btn-sm btn-outline-primary" data-add-compare-item="{{ $section->id }}">افزودن آیتم</button>
    </div>
    <div data-compare-items-wrapper="{{ $section->id }}" data-next-index="{{ count($compare_items) }}">
        @foreach($compare_items as $index => $item)
            <div class="row g-2 mb-2 compare-item-row">
                <div class="col-md-4">
                    <input type="text" name="compare_items[{{ $index }}][title]" class="form-control bg-light rounded-custom"
                           placeholder="عنوان آیتم" value="{{ $item['title'] ?? '' }}">
                </div>
                <div class="col-md-4">
                    <input type="hidden" name="compare_items[{{ $index }}][existing_image]" value="{{ $item['image'] ?? '' }}">
                    <input type="file" name="compare_item_images[{{ $index }}]" class="form-control bg-light rounded-custom">
                </div>
                <div class="col-md-3">
                    @if(!empty($item['image']))
                        <img class="rounded" width="80" src="{{ asset($upload_base . '/service-landing/' . $item['image']) }}" alt="compare-item">
                    @endif
                </div>
                <div class="col-md-1">
                    <button type="button" class="btn btn-outline-danger w-100" data-remove-compare-item>×</button>
                </div>
            </div>
        @endforeach
    </div>

    <hr>
    <div class="d-flex justify-content-between align-items-center mb-2">
        <h6 class="fw-bold mb-0">ویژگی های قابل مقایسه</h6>
        <button type="button" class="btn btn-sm btn-outline-primary" data-add-compare-feature="{{ $section->id }}">افزودن ویژگی</button>
    </div>
    <div data-compare-features-wrapper="{{ $section->id }}" data-next-index="{{ count($compare_features) }}">
        @foreach($compare_features as $feature_index => $feature)
            <div class="row g-2 mb-2 compare-feature-row">
                <div class="col-md-11">
                    <input type="text" name="compare_features[{{ $feature_index }}][title]" class="form-control bg-light rounded-custom"
                           placeholder="عنوان ویژگی" value="{{ $feature['title'] ?? '' }}">
                </div>
                <div class="col-md-1">
                    <button type="button" class="btn btn-outline-danger w-100" data-remove-compare-feature>×</button>
                </div>
            </div>
        @endforeach
    </div>

    @if(count($compare_items) > 0 && count($compare_features) > 0)
        <hr>
        <h6 class="fw-bold mb-2">ماتریس مقایسه (تیک = دارد)</h6>
        <div class="table-responsive">
            <table class="table table-bordered align-middle text-center">
                <thead>
                <tr>
                    <th>آیتم / ویژگی</th>
                    @foreach($compare_features as $feature)
                        <th>{{ $feature['title'] ?? '-' }}</th>
                    @endforeach
                </tr>
                </thead>
                <tbody>
                @foreach($compare_items as $item_index => $item)
                    <tr>
                        <td class="text-start">{{ $item['title'] ?? '-' }}</td>
                        @foreach($compare_features as $feature_index => $feature)
                            <td>
                                <input type="hidden" name="compare_matrix[{{ $item_index }}][{{ $feature_index }}]" value="0">
                                <input type="checkbox" name="compare_matrix[{{ $item_index }}][{{ $feature_index }}]" value="1"
                                    {{ ((int) ($compare_matrix[$item_index][$feature_index] ?? 0) === 1) ? 'checked' : '' }}>
                            </td>
                        @endforeach
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        <small class="text-muted d-block">برای اضافه شدن سطر/ستون جدید در ماتریس، ابتدا آیتم یا ویژگی را ذخیره کنید و سپس تیک‌ها را تنظیم کنید.</small>
    @endif
@endif

@if($section_key === 'customers')
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان سکشن مشتریان ما</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
    </div>
@endif

@if($section_key === 'contact_cta')
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان CTA (اختیاری)</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
            <small class="text-muted">اگر خالی باشد از تنظیمات سایت خوانده می‌شود.</small>
        </div>
        <div class="col-md-6">
            <label class="form-label">توضیح CTA (اختیاری)</label>
            <textarea name="description" rows="2" class="form-control bg-light rounded-custom">{{ $content['description'] ?? '' }}</textarea>
            <small class="text-muted">اگر خالی باشد از تنظیمات سایت خوانده می‌شود.</small>
        </div>
        <div class="col-md-6">
            <label class="form-label">شماره موبایل اول (اختیاری)</label>
            <input type="text" name="mobile_one" class="form-control bg-light rounded-custom"
                   value="{{ $content['mobile_one'] ?? '' }}">
            <small class="text-muted">اگر خالی باشد از تنظیمات سایت خوانده می‌شود.</small>
        </div>
        <div class="col-md-6">
            <label class="form-label">شماره تلفن اول (اختیاری)</label>
            <input type="text" name="phone_one" class="form-control bg-light rounded-custom"
                   value="{{ $content['phone_one'] ?? '' }}">
            <small class="text-muted">اگر خالی باشد از تنظیمات سایت خوانده می‌شود.</small>
        </div>
    </div>
@endif

@if($section_key === 'page_description')
    <div class="alert alert-info mb-0">
        این سکشن متن را از فیلد توضیحات خود خدمت می‌خواند و در اینجا فقط فعال/غیرفعال شدن و ترتیب آن مدیریت می‌شود.
    </div>
@endif

@if($section_key === 'service_types')
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان سکشن</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
        <div class="col-md-6">
            <label class="form-label">منبع خدمات</label>
            <select name="services_source" class="form-control bg-light rounded-custom">
                <option value="children" {{ (($content['services_source'] ?? 'children') === 'children') ? 'selected' : '' }}>خدمات زیرمجموعه</option>
                <option value="siblings" {{ (($content['services_source'] ?? '') === 'siblings') ? 'selected' : '' }}>خدمات هم‌رده</option>
            </select>
        </div>
    </div>
@endif

@if($section_key === 'faq_section')
    @php
        $faq_items = (array) ($content['items'] ?? []);
    @endphp
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان سکشن سوالات متداول</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
    </div>
    <hr>
    <div class="d-flex justify-content-between align-items-center mb-2">
        <h6 class="fw-bold mb-0">آیتم های FAQ</h6>
        <button type="button" class="btn btn-sm btn-outline-primary" data-add-faq-item="{{ $section->id }}">افزودن سوال</button>
    </div>
    <div data-faq-items-wrapper="{{ $section->id }}" data-next-index="{{ count($faq_items) }}">
        @foreach($faq_items as $index => $faq)
            <div class="row g-2 mb-2 faq-item-row">
                <div class="col-md-5">
                    <input type="text" name="faq_items[{{ $index }}][question]" class="form-control bg-light rounded-custom"
                           placeholder="عنوان سوال" value="{{ $faq['question'] ?? '' }}">
                </div>
                <div class="col-md-6">
                    <input type="text" name="faq_items[{{ $index }}][answer]" class="form-control bg-light rounded-custom"
                           placeholder="پاسخ سوال" value="{{ $faq['answer'] ?? '' }}">
                </div>
                <div class="col-md-1">
                    <button type="button" class="btn btn-outline-danger w-100" data-remove-faq-item>×</button>
                </div>
            </div>
        @endforeach
    </div>
@endif

@if($section_key === 'work_samples_section')
    @php
        $work_samples = (array) ($content['items'] ?? []);
    @endphp
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان سکشن نمونه کارها</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
    </div>
    <hr>
    <div class="d-flex justify-content-between align-items-center mb-2">
        <h6 class="fw-bold mb-0">نمونه کارها</h6>
        <button type="button" class="btn btn-sm btn-outline-primary" data-add-work-sample="{{ $section->id }}">افزودن نمونه کار</button>
    </div>
    <div data-work-samples-wrapper="{{ $section->id }}" data-next-index="{{ count($work_samples) }}">
        @foreach($work_samples as $index => $sample)
            <div class="row g-2 mb-3 work-sample-row">
                <div class="col-md-3">
                    <input type="text" name="work_samples[{{ $index }}][title]" class="form-control bg-light rounded-custom"
                           placeholder="عنوان" value="{{ $sample['title'] ?? '' }}">
                </div>
                <div class="col-md-3">
                    <input type="text" name="work_samples[{{ $index }}][short_description]" class="form-control bg-light rounded-custom"
                           placeholder="توضیح کوتاه" value="{{ $sample['short_description'] ?? '' }}">
                </div>
                <div class="col-md-3">
                    <input type="url" name="work_samples[{{ $index }}][link]" class="form-control bg-light rounded-custom"
                           placeholder="لینک" value="{{ $sample['link'] ?? '' }}">
                </div>
                <div class="col-md-2">
                    <input type="hidden" name="work_samples[{{ $index }}][existing_image]" value="{{ $sample['image'] ?? '' }}">
                    <input type="file" name="work_sample_images[{{ $index }}]" class="form-control bg-light rounded-custom">
                    @if(!empty($sample['image']))
                        <img class="mt-2 rounded" width="70" src="{{ asset($upload_base . '/service-landing/' . $sample['image']) }}" alt="work-sample">
                    @endif
                </div>
                <div class="col-md-1">
                    <button type="button" class="btn btn-outline-danger w-100" data-remove-work-sample>×</button>
                </div>
            </div>
        @endforeach
    </div>
@endif

@if($section_key === 'technologies_section')
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">عنوان سکشن تکنولوژی ها</label>
            <input type="text" name="title" class="form-control bg-light rounded-custom"
                   value="{{ $content['title'] ?? '' }}">
        </div>
    </div>
    <div class="alert alert-info mt-3 mb-0">
        آیتم های تکنولوژی به صورت مشترک از بخش مدیریت تکنولوژی ها خوانده می‌شوند.
    </div>
@endif