@foreach($fields as $field)
{{-- {{ dd($fields)}} --}}
    @if($field['visibility'])
     @php $visible = true; @endphp
    @endif
        <div class="gap:mb-4  break-inside-avoid @if(!$field['visibility']) hidden @endif"  >
            {{-- @if($field['contenttype'] != 'inline_html') --}}
            <label for="{{ $field['scriptid'] }}" class="input-label @if($field['is_required']) required @endif">{{ $field['title'] }}</label>
            {{-- @endif --}}
            @switch($field['contenttype'])
                @case('free_form_text')
                        <div>
                            <input type="text" id="{{ $field['scriptid'] }}"
                                name="{{ $field['fieldname'] }}" class="input-style"
                                @if ($field['is_required']) required @endif
                                value="{{ old('field.' . $field['scriptid'], isset($record) && is_string($field['value']) ? $field['value'] : '') }}">
                        </div>
                    @break

                    @case('password')
                        <div>
                            <input type="password" autocomplete=""
                                id="{{ $field['scriptid'] }}"
                                name="{{ $field['fieldname'] }}" class="input-style"
                                @if ($field['is_required']) required @endif
                                value="{{ old('field.' . $field['scriptid'], isset($record) ? $field['value'] : '') }}">
                        </div>
                    @break

                    @case('long_text')
                    @case('text_area')
                        <textarea id="{{ $field['scriptid'] }}" name="{{ $field['fieldname'] }}" class="input-style"
                            @if ($field['is_required']) required @endif>{{ old('field.' . $field['scriptid'], isset($record) ? $field['value'] : '') }}</textarea>
                    @break

                    @case('list')
                        {{-- {{ $field['scriptid']}} --}}
                        <livewire:form-builder.fields.list-ref :field="$field"
                            :value="old(
                                'field.' . $field['scriptid'],
                                isset($record) ? $field['value'] : '',
                            )" :form="true"
                            key="{{ $field['scriptid'] }}-{{ now() }}" />
                    @break

                    @case('record')
                        @php
                            $filterValue = null;
                            $filterId = null;
                            $filterModel = null;

                            // if($field['scriptid'] == 'parent') {
                            //     dd($field);
                            // }
                            if ($field['filterid']) {
                                $filterField = collect($fields)->firstWhere(
                                    'id',
                                    $field['filterid'],
                                );
                                // dd($filterField);
                                $filterValue = $filterField
                                    ? $filterField['value']
                                    : null;
                                $filterId = $filterField
                                    ? $filterField['fieldname']
                                    : null;
                                $filterModel = $filterField
                                    ? $filterField['references']
                                    : null;
                                     // dd($filterField);
                            }


                        @endphp

                        <livewire:form-builder.fields.record-ref :externalid="isset($record) && $record->external_id
                            ? $record->external_id
                            : ''"
                            :field="$field" :form="true" :filtervalue="$filterValue"  :filtermodel="$filterModel"
                            :filterid="$filterId" :pagetype="$pagetype" :pagetypeid="$pagetypeid"
                            :pagetypexternalid="$pagetypexternalid" :tablename="$records->getOptions()['pageName']"
                            key="{{ $field['scriptid'] }}-{{ now() }}" />
                    @break

                    @case('text_area')
                        <textarea id="{{ $field['scriptid'] }}" name="{{ $field['fieldname'] }}" class="input-style"
                            @if ($field['is_required']) required @endif>{{ old('field.' . $field['scriptid'], isset($record) ? $field['value'] : '') }}</textarea>
                    @break

                    @case('list')
                        {{-- {{ $field['scriptid']}} --}}
                        <livewire:form-builder.fields.list-ref :field="$field"
                            :value="old(
                                'field.' . $field['scriptid'],
                                isset($record) ? $field['value'] : '',
                            )" :form="true"
                            key="{{ $field['scriptid'] }}-{{ now() }}" />
                    @break

                    @case('record')

                        <livewire:form-builder.fields.record-ref
                            :externalid="isset($record) && $record->external_id
                            ? $record->external_id
                            : ''"
                            :field="$field" :value="old(
                                'field.' . $field['scriptid'],
                                isset($record) && is_string($field['value'])
                                    ? $field['value']
                                    : '',
                            )" :form="true"
                            key="{{ $field['scriptid'] }}-{{ now() }}" />

                    @break

                    @case('date')
                                                <input type="date" id="{{ $field['scriptid'] }}"
                            name="{{ $field['fieldname'] }}"
                            value="{{ old('field.' . $field['scriptid'], $formattedDate) }}"
                            class="input-style"
                            @if ($field['is_required']) required @endif />
                    @break

                    @case('date_time')
                        <div>
                            <input type="datetime-local" id="{{ $field['scriptid'] }}"
                                name="{{ $field['fieldname'] }}"
                                value="{{ old('field.' . $field['scriptid'], isset($record) ? $field['value'] : '') }}"
                                class="input-style"
                                @if ($field['is_required']) required @endif />
                        </div>
                    @break

                    @case('integer_number')
                        <div>
                            <input type="number" id="{{ $field['scriptid'] }}"
                                name="{{ $field['fieldname'] }}" class="input-style"
                                @if ($field['is_required']) required @endif
                                @if ($field['calculated']) disabled @endif
                                value="{{ old('field.' . $field['scriptid'], isset($record) ? $field['value'] : 0) }}"
                                min="{{ $field['minvalue'] }}"
                                max="{{ $field['maxvalue'] }}" />
                        </div>
                    @break

                    @case('check_box')
                        <div x-data="{ isChecked: @if ($record && ($field['value'] == 'on' || $field['value'] == true)) true @else false @endif }">
                            <div class="relative flex items-start">
                                <div class="flex h-6 items-center">
                                    <input id="{{ $field['scriptid'] }}"
                                        name="{{ $field['fieldname'] }}"
                                        type="checkbox"
                                        class="h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600"
                                        x-model="isChecked" />
                                </div>
                            </div>
                            <input type="hidden" name="{{ $field['fieldname'] }}"
                                :value="isChecked">
                        </div>
                    @break

                    @case('currency')
                        <x-inputs.currency id="{{ $field['scriptid'] }}"
                            name="{{ $field['fieldname'] }}"
                            value="{{ old('field.' . $field['scriptid'], isset($record) && isset($field['value']) ? $field['value'] : '0.00') }}"
                            required="{{ $field['is_required'] }}" />
                    @break

                    @case('decimal_number')
                        <x-inputs.decimal id="$field['scriptid']"
                            name="{{ $field['fieldname'] }}" :value="old(
                                'field.' . $field['scriptid'],
                                isset($record) ? $field['value'] : 0,
                            )"
                            :required="$field['is_required']"
                            :calculated="$field['calculated']" />
                    @break

                    @case('hyperlink')
                        <div>
                            <input type="url" id="{{ $field['scriptid'] }}"
                                name="{{ $field['fieldname'] }}"
                                class="input-style"
                                @if ($field['is_required']) required @endif
                                value="{{ old('field.' . $field['scriptid'], isset($record) && is_string($field['value']) ? $field['value'] : '') }}" />
                        </div>
                    @break

                    @case('phone_number')
                        <div>
                            <input x-mask="(999) 999-9999" placeholder="(999) 999-9999"
                                type="tel" id="{{ $field['scriptid'] }}"
                                name="{{ $field['fieldname'] }}"
                                class="input-style"
                                @if ($field['is_required']) required @endif
                                value="{{ old('field.' . $field['scriptid'], isset($record) ? $field['value'] : '') }}" />
                        </div>
                    @break

                    @case('email_address')
                        <div>
                            <input type="email" id="{{ $field['scriptid'] }}"
                                name="{{ $field['fieldname'] }}"
                                class="input-style"
                                @if ($field['is_required']) required @endif
                                value="{{ old('field.' . $field['scriptid'], isset($record) ? $field['value'] : '') }}" />
                        </div>
                    @break

                    @case('time_of_day')
                        <div>
                            <input type="time" id="{{ $field['scriptid'] }}"
                                name="{{ $field['fieldname'] }}"
                                class="input-style"
                                @if ($field['is_required']) required @endif
                                value="{{ old('field.' . $field['scriptid'], isset($record) ? $field['value'] : '') }}" />
                        </div>
                    @break

                    @case('percent')
                        <div class="percent-input">
                            <input type="number" id="{{ $field['scriptid'] }}"
                                name="{{ $field['fieldname'] }}"
                                class="input-style"
                                @if ($field['is_required']) required @endif
                                value="{{ old('field.' . $field['scriptid'], isset($record) ? $field['value'] : '') }}"
                                min="0" max="100" step="0.001" />
                        </div>

                    @break

                    @case('tag')
                        <livewire:tags.filter :field="$field"
                            key="{{ $field['scriptid'] }}-{{ now() }}"
                            :form="true" />
                    @break

                    @case('document')
                        @php $inputFile = null; @endphp
                        @if ($field['value'])
                            @if ($file = $record->files->firstWhere('id', $field['value']))
                                @php
                                    $inputFile = $file;
                                @endphp
                            @endif
                        @endif
                        <x-inputs.document
                            :scriptid="$field['scriptid']"
                            :value="$inputFile"
                            :required="$field['is_required']"
                        />
                    @break

                    @case('timeduration')
                      {{--   <x-inputs.timeduration
                            id="$field['scriptid']"
                            name="$field['fieldname']"
                            :value="old('field.' . $field['scriptid'], isset($record) ? $field['value'] : 1)"
                            :required="$field['is_required']"
                        /> --}}
                    @break

                    @case('inline_html')
                    @break

                    @default
                        {{ $field['contentType'] }}
                @endswitch
                @if ($field['calculated'])
                    <span class="text-primary-600 text-sm italic">calculated</span>
                @endif
            </div>
    {{-- @endif --}}
@endforeach