@php
$category = false;
$brand_profile = false;

if ($model_value && $model_value === 'App\Models\Category') {
    $category = true;
} elseif ($model_value && $model_value === 'App\Models\BrandProfile') {
    $brand_profile = true;
}
@endphp

<div class="form-group px-50">

@switch($field['type'] ?? '')
    @case('textarea')
    
        <label for="{{ $field['name'] ?? '' }}">{{ $field['label'] ?? '' }}</label>
        <textarea data-slug="{{ $field['name'] ?? '' }}" name="{{ $field['name'] ?? '' }}"
            id="{{ $field['name'] ?? '' }}"
            class="custm-form-control py-3 form-control  @error($field['name'] ?? '') is-invalid @enderror" rows="5"
            placeholder="{{ $field['placeholder'] ?? '' }}"></textarea>
  
    @break
    @case('radio')
    
        <label>{{ $field['label'] ?? '' }}</label>
        @if (!$brand_profile)
            <ul class="btn-listing {{ $category ? 'category' : '' }}">
                @foreach ($preview_form['decoded_value'] ?? $field['encoded_value'] as $key => $value)
                    <li class="btn-listing-li">
                        <input type="{{ $field['type'] ?? '' }}" name="rd" class="my-check"
                            value="{{ $value['id'] ?? '' }}"
                            onchange="if(this.checked) { $('.sub-category li').hide(); $('.sub-category li[data-parent-id='+this.value+']').css('display', 'inline-block'); } ">
                        <label>
                            {{ $value['key'] ?? $value['name'] }}
                        </label>
                    </li>
                @endforeach

            </ul>
        @endif

        @if ($category || $brand_profile)
            @if ($category) <label>Sub Categories</label> @endif
            <ul class="sub-category">
                @foreach ($preview_form['decoded_value'] as $key => $value)
                    @if (!isset($value['parent_id']) || $value['parent_id'] != 0)
                        <li data-parent-id="{{ $value['parent_id'] ?? '' }}"
                            style="display: {{ $category ? 'none;' : 'inline-block;' }}">
                            <div class="categories-selection" style="width: 120px;">
                                <input class="project_form_input" type="radio" name="brand">
                                <div class="sub_catg_img">
                                    <div class="wiz_cat_check">
                                        <i class="material-icons">done</i>
                                    </div>
                                    <img src="{{ asset('assets/front/common/images/icon_custom_logo.svg') }}"
                                        class="sub_catg_imgtag img-fluid">
                                    <span class="sub_catg_imgspn">{{ $value['name'] ?? $key }}</span>
                                </div>
                            </div>
                        </li>
                    @endif
                @endforeach
            </ul>
        @endif
    
    @break
    @case('checkbox')
    
        <label>{{ $field['label'] ?? '' }}</label>
        @if ($field['encoded_value'])
            <ul class="btn-listing">
                @foreach ($field['encoded_value'] as $option)
                    <li class="btn-listing-li">
                        <input data-slug="{{ $field['name'] ?? '' }}" type="{{ $field['type'] ?? '' }}"
                            name="{{ $field['name'] ?? '' }}" value="{{ $option['value'] ?? $field['name'] }}"
                            id="{{ $field['name'] ?? '' }}_{{ $option['value'] ?? $field['slug'] }}" class="my-check">
                        <label>
                            <i class="material-icons">add</i>
                            <i class="material-icons">done</i>
                            {{ $option['key'] ?? '' }}
                        </label>
                    </li>
                @endforeach
            </ul>
        @endif
        @if (isset($preview_form['decoded_value']))
            <ul class="sub-category">
                @foreach ($preview_form['decoded_value'] as $key => $value)

                    <li style="display: inline-block;">
                        <div class="categories-selection" style="width: 120px;">
                            <input class="project_form_input" type="checkbox" name="brand">
                            <div class="sub_catg_img">
                                <div class="wiz_cat_check">
                                    <i class="material-icons">done</i>
                                </div>
                                <img src="{{ asset('assets/front/common/images/icon_custom_logo.svg') }}"
                                    class="sub_catg_imgtag img-fluid">
                                <span class="sub_catg_imgspn">{{ $key }}</span>
                            </div>
                        </div>
                    </li>

                @endforeach
            </ul>
        @endif
   
    @break
    @case('file')
    
        <label for="add_files">{{ $field['label'] ?? '' }}</label>
        <div class="document-atach-file">
            <input data-slug="{{ $field['name'] ?? '' }}" id="add_files" class="project_form_input form-control valid"
                type="file" multiple="" aria-invalid="false" name="{{ $field['name'] ?? '' }}">
            <img src="{{ asset('assets/front/common/images/attechment-icon.png') }}" class="img-responsive">
            <strong>Drag &amp; drop files here</strong>
            <span>or <b>browse</b> to choose a file</span>
            <p>Formats accepted Doc,<span>{{ $field['subheading'] ?? '' }}</span></p>
        </div>
        <ul class="preview-form-file cat-img-listing">
        </ul>
   
    @break
    @case('select')
   
        <label for="">{{ $field['label'] ?? '' }}</label>
        <select data-slug="{{ $field['name'] ?? '' }}"
            class="project_form_input form-control @error($field['name'] ?? '') is-invalid @enderror"
            id="{{ $field['name'] ?? '' }}" name="{{ $field['name'] ?? '' }}">
            @foreach ($preview_form['decoded_value'] ?? $field['encoded_value'] as $key => $option)
                <option value="true" class="has_sub_level">{{ $option['key'] ?? $key }}</option>
            @endforeach
        </select>
    
    @break
    @case('color_preference')
    
        <label for="">{{ $field['label'] ?? '' }}</label>

        <div class="custom-color">
            <select data-slug="{{ $field['name'] ?? '' }}" class="project_form_input form-control"
             name="{{ $field['name'] ?? '' }}">
                <option value="hex">Custom Hex Color codes</option>
                <option value="pentone">Pentone Code</option>
            </select>
            <div class="output-outer">
                <div class="output-color">
                    <span class="colorCode"></span>
                    <div class="textCode">#</div>
                    <a href="javascript:void(0);"><i class="material-icons">close</i></a>
                </div>
                <input type="text" placeholder="add hex code"
                    class="project_form_input color-text">
                <i class="material-icons pl-3 add-field btn-add">add_circle</i>
            </div>
        </div>
    
    @break
    @default
    
    <label for="">{{ $field['label'] ?? '' }}</label>
    <input data-slug="{{ $field['name'] ?? '' }}" id="{{ $field['name'] ?? '' }}"
        name="{{ $field['name'] ?? '' }}" type="{{ $field['type'] ?? '' }}"
        class="custm-form-control form-control @error($field['name'] ?? '') is-invalid @enderror"
        id="{{ $field['name'] ?? '' }}" placeholder="{{ $field['placeholder'] ?? '' }}">
    
@endswitch
</div>