@props(['mode' => 'user', 'form' => null])

<div class="max-w-7xl mx-auto space-y-8">
    {{-- 1. Common Fields (Brand, Model, Year, Type) --}}
    <x-used-machine.sections.general-fields :form="$form" :mode="$mode"/>

    {{-- 3. Weaving Specific Fields (Specs, Jacquard, Accessories, Beams) --}}
    <x-used-machine.sections.machine-specs-fields :form="$form" :mode="$mode"/>

    {{-- 4. Jacquard Details (Conditional) --}}
    @if(($form->machineSpecs['movement_type'] ?? '') === 'jacquard')
        <div class="animate-in fade-in slide-in-from-top-4 duration-500">
            <x-used-machine.sections.jacquard-details-fields :form="$form" :mode="$mode"/>
        </div>
    @endif

    {{-- 5. Accessories & Feeders --}}
    <x-used-machine.sections.loom-accessories-fields :form="$form" :mode="$mode"/>

    {{-- 6. Beams & Rollers --}}
    <x-used-machine.sections.beams-rollers-fields :form="$form" :mode="$mode"/>

    {{-- 7. Pricing & Quantity --}}
    <x-used-machine.sections.price-info-fields :form="$form" :mode="$mode"/>

    {{-- 8. Additional Info --}}
    <x-used-machine.sections.additional-information :form="$form" :mode="$mode"/>

</div>