@for ($i = 0; $i < 4; $i++)
    <section>
        <h1 class="text-primary text-center">سكشن #{{ $i + 1 }}</h1>
        <div class="row">
            <div class="col-6">
                <x-form.input id="title" name='sections[{{$i}}][title.ar]'
                    value="{{ $landing->sections?->value[$i]['title.ar'] ?? '' }}" title="عنوان السكشن باللغة العربية" />
            </div>
            <div class="col-6">
                <x-form.input id="title" name='sections[{{$i}}][title.en]'
                    value="{{ $landing->sections?->value[$i]['title.en'] ?? '' }}"
                    title="عنوان السكشن باللغة الانجليزية" />
            </div>
        </div>
        <div class="row">
            <div class="col-6">
                <x-form.textarea id="desc" name='sections[{{$i}}][desc.ar]' value="{{ $landing->sections?->value[$i]['desc.ar'] ?? '' }}"
                    title="الوصف باللغة العربية" />
            </div>
            <div class="col-6">
                <x-form.textarea id="desc" name='sections[{{$i}}][desc.en]' value="{{ $landing->sections?->value[$i]['desc.en'] ?? '' }}"
                    title="الوصف باللغة الانجليزية" />
            </div>
        </div>

        <x-form.select2 name="sections[{{$i}}][active]" placeholder="عرض" multiple="{{ false }}">
            <option value="1">
                نعم
            </option>
            <option value="0">
                لا
            </option>
        </x-form.select2>

        <div class="col-lg-4 col-sm-12">
            <x-form.file id="sections_{{ $i }}_image" value="{{ $landing->sections?->value[$i]['image'] ?? '' }}" name='sections[{{$i}}][image]' title="صورة" />
        </div>
    </section>
@endfor