@php
    $formSections = $formConfigurations->formSections;
@endphp

<div class="form-container">
    <div class="form-card">
        <div class="form-card-header">
            @if ($formConfigurations->formShowBackButon)
                <a href="{{ $formConfigurations->formBackButonUrl }}" class="form-header-back-button">
                    <i class="icon-back-arrow"></i>
                </a>
            @endif
            @if (!empty($formConfigurations->formHeader))
                <h3>{{ $formConfigurations->formHeader }}</h3>
            @endif
        </div>

        <div class="form-card-body">
            <form id="dynamicForm"
                @if ($formConfigurations->formViewOnly == false) method="{{ $formConfigurations->formMethod }}" action="{{ $formConfigurations->formAction }}" enctype="multipart/form-data" autocomplete="off" class="form-custom"
                novalidate @endif>
                @csrf

                @foreach ($formSections as $section)
                    <div class="form-section">
                        @if (isset($section['title']))
                            <h4 class="form-section-title">{{ $section['title'] }}</h4>
                        @endif
                        @php
                            $index = 0;
                            $extraIndex = 0;
                        @endphp
                        @foreach ($section['elements'] as $_index => $element)
                            @php
                                $newRow = false;
                                if (isset($element['newRow']) && $element['newRow']) {
                                    if ($index % 2 == 1) {
                                        $index++;
                                        $extraIndex++;
                                        $newRow = true;
                                    }
                                }
                            @endphp
                            @if ($newRow)
                                @if ($index > 0)
                    </div> <!-- Close previous row -->
                @endif
                @endif
                @if ($index % 2 == 0)
                    <div class="form-row">
                @endif

                @php
                    $customFormGroupClass = '';
                    if (isset($element['type']) && !empty($element['type']) && $element['type'] != 'hidden') {
                        $customFormGroupClass = '';
                    } else {
                        $customFormGroupClass = 'd-none';
                    }
                @endphp



                <div class="form-group {{ $customFormGroupClass }} @error($element['name']) df-form-error @enderror">

                    <label for="form-control">
                        {!! isset($element['label']) ? $element['label'] : '&nbsp;' !!}
                        {!! isset($element['required']) && $element['required'] == true ? '<span style="color:red;"> * </span>' : '' !!}
                    </label>

                    @php
                        $attributes = ' name= "' . $element['name'] . '" ';

                        if (isset($element['class'])) {
                            $attributes .= ' class="' . $element['class'] . ' form-control" ';
                        }

                        if (
                            (isset($element['readonly']) && $element['readonly'] == true) ||
                            $formConfigurations->formViewOnly
                        ) {
                            $attributes .= ' readonly ';
                        }

                        if (
                            (isset($element['disabled']) && $element['disabled'] == true) ||
                            $formConfigurations->formViewOnly
                        ) {
                            $attributes .= ' disabled ';
                        }

                        $element['value'] = old($element['name'], @$element['value']);
                    @endphp

                    @switch($element['type'])
                        @case('select')
                            @php
                                if (isset($element['multiple']) && $element['multiple'] == true) {
                                    $element['value'] = json_decode($element['value'], true);
                                    $attributes .= ' multiple ';
                                } else {
                                    $element['value'] = [$element['value']];
                                }
                                if (!is_array($element['value'])) {
                                    $element['value'] = [];
                                }
                            @endphp
                            <select id="df_{{ $element['name'] }}" {!! $attributes !!}>
                                @foreach ($element['options'] as $value => $option)
                                    <option value="{{ $value }}" @selected(in_array($value, $element['value']))>
                                        {{ $option }}</option>
                                @endforeach
                            </select>
                        @break

                        @case('radio')
                            <div class="form-check-container">
                                @foreach ($element['options'] as $value => $option)
                                    <span class="form-check">
                                        <input type="radio" id="df_{{ $element['name'] }}_{{ $value }}"
                                            {!! $attributes !!} value="{{ $value }}" @checked($element['value'] == $value)>
                                        <label
                                            for="df_{{ $element['name'] }}_{{ $value }}">{{ $option }}</label>
                                    </span>
                                @endforeach
                            </div>
                        @break

                        @case('checkbox')
                            <div class="form-check-container">
                                @php
                                    $element['value'] = is_array($element['value'])
                                        ? $element['value']
                                        : (is_string($element['value'])
                                            ? json_decode($element['value'], true)
                                            : []);
                                    if (!is_array($element['value'])) {
                                        $element['value'] = [];
                                    }
                                @endphp
                                @foreach ($element['options'] as $value => $option)
                                    <span class="form-check">
                                        <input type="checkbox" id="df_{{ $element['name'] }}_{{ $value }}"
                                            {!! $attributes !!} value="{{ $value }}" @checked(in_array($value, $element['value']))>
                                        <label
                                            for="df_{{ $element['name'] }}_{{ $value }}">{{ $option }}</label>
                                    </span>
                                @endforeach
                            </div>
                        @break

                        @case('textarea')
                            <textarea id="df_{{ $element['name'] }}" {!! $attributes !!}
                                @if (isset($element['placeholder'])) placeholder="{{ $element['placeholder'] }}" @endif
                                @if (isset($element['rows'])) rows="{{ $element['rows'] }}" @endif>{{ $element['value'] }}</textarea>
                        @break

                        @case('file')
                            @php
                                if (isset($element['multiple']) && $element['multiple'] == true) {
                                    $attributes .= ' multiple ';
                                }
                            @endphp
                            <div class="d-flex file-upload">
                                <input type="file" class="form-control me-3" id="df_{{ $element['name'] }}"
                                    {!! $attributes !!}>
                                @if (!empty($element['value']))
                                    <a href="{{ $element['value'] }}" target="_blank"
                                        class="btn btn-primary btn-custom">View/Download</a>
                                @endif
                            </div>

                            @if (!empty($element['value']))
                                @if (isset($element['validations']) && is_array($element['validations']) && in_array('image', $element['validations']))
                                    <div class="form-value-image">
                                        <img src="{{ $element['value'] }}" alt="{{ $element['label'] }}">
                                    </div>
                                @endif
                            @endif
                        @break

                        @case('hidden')
                            <input type="hidden" id="df_{{ $element['name'] }}" {!! $attributes !!}
                                value="{{ $element['value'] }}">
                        @break

                        @default
                            @if ($element['type'] == 'password')
                                <span class="icon-eye"><i class="icon-visibility_off show-hide-password"></i></span>
                            @endif

                            <input type="{{ $element['type'] }}" id="df_{{ $element['name'] }}"
                                value="{{ $element['value'] }}" {!! $attributes !!}
                                @if (isset($element['placeholder'])) placeholder="{{ $element['placeholder'] }}" @endif
                                @if (isset($element['min'])) min="{{ $element['min'] }}" @endif
                                @if (isset($element['max'])) max="{{ $element['max'] }}" @endif
                                @if (isset($element['maxlength'])) maxlength="{{ $element['maxlength'] }}" @endif
                                @if (isset($element['minlength'])) minlength="{{ $element['minlength'] }}" @endif
                                @if (isset($element['step'])) step="{{ $element['step'] }}" @endif>
                        @break
                    @endswitch

                    @if (isset($element['note']))
                        <div class="note">
                            <p class="m-0">{{ $element['note'] }}</p>
                        </div>
                    @endif


                    <div class="invalid-feedback" id="df_error_{{ $element['name'] }}">
                        @error($element['name'])
                            {{ $message }}
                        @enderror
                    </div>

                </div>

                @if ($index % 2 == 1 || $index == count($section['elements']) - 1 + $extraIndex)
        </div>
        @endif
        @php
            $index++;
        @endphp
        @endforeach
    </div>
    @endforeach
    @if ($formConfigurations->formViewOnly == false)
        @if (in_array('submit', $formConfigurations->formButtons))
            <button type="submit" class="btn btn-primary btn-custom">{{ lang('Submit') }}</button>
        @endif
    @endif
    </form>
</div>
</div>
</div>

<script>
    var formConfig = @json($formSections);
    var formViewOnly = {{ $formConfigurations->formViewOnly ? 1 : -1 }};
</script>