@extends('back.layouts.app', ['title' => $title])
@section('content')
    <div class="pl-3 pr-2 content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="row">
                <div class="col-md-5 col-sm-12">
                    <ol class="breadcrumb">
                        <li>
                            <a href="{{ admin_url() }}"> <i class="fas fa-gauge"></i> Home </a>
                        </li>
                        <li>
                              @if($module->id==50)
                   <a href="{{ admin_url() . 'module/' . $module->type . '?id=' . $product_id }}" > {{ ucwords($module->term) }}</a>

                                @else
                            <a href="{{ admin_url() . 'module/' . $module->type }}">{{ ucwords($module->term) }}</a>
                            @endif
                        </li>
                        <li class="active">Edit {{ ucwords($module->term) }}</li>
                    </ol>
                </div>
                <div class="col-md-7 col-sm-12"> @include('back.common_views.quicklinks') </div>
            </div>
        </section>
        <section class="p-0 content">
            <form action="{{ admin_url() . 'module/' . $module->id . '/' . $moduleData->id }}" id="form_edit_1"
                method="post" class="form-horizontal" enctype="multipart/form-data">
                @csrf
                
                <input type="hidden" name="product_id" value="{{$product_id}}">
                
                @php $style_hide="style='dispaly:none'"; @endphp
                <div class="modal-content">
                    <div class="modal-header">
                        <div class="row" style="width: 100%;">
                            <div class="col-md-6">
                                <h4 id="modal_form_title" class="modal-title"> Edit {{ ucwords($module->term) }}
                                </h4>
                            </div>
                            <div class="text-right col-md-6">
                                <a href="{{ admin_url() . 'record-update-history/CmsModuleData/' . $moduleData->id }}"
                                    class="mr-4 go-back"><i class="fas fa-bars" aria-hidden="true"></i> History </a>
                                    
                                     @if($module->id==50)
                   <a href="{{ admin_url() . 'module/' . $module->type . '?id=' . $product_id }}" class="go-back" > Back </a>

                                @else
                                <a href="{{ admin_url() . 'module/' . $module->type }}" class="go-back">
                                    <i
                                        class="fas fa-angle-double-left" aria-hidden="true"></i> Back </a>
                                        @endif
                            </div>
                        </div>
                    </div>
                    <div class="modal-body form">
                        <div class=" card-body">
                            <input type="hidden" name="id" id="id" value="{{ $moduleData->id }}">
                            <input type="hidden" name="moduleType" id="moduleType" value="{{ $module->type }}">
                            <div class="form-body">
                                <div id="form-errors"></div>
                                <div id="page_heading">
                                    <label class="form-label">Heading</label>
                                    <input
                                        @if ($module->show_page_slug_field == 1) onchange="string_to_slug('module_heading', 'module_slug');" @endif
                                        name="module_heading" placeholder="Heading" class="form-control" type="text"
                                        value="{{ $moduleData->heading }}">
                                    <span id="module_heading" style="padding-left:2px;" class="err"></span>
                                </div>
                                <div id="page_link"
                                    style=" display:{{ $module->show_page_slug_field == 1 ? 'block' : 'none' }}">
                                    <label for="basic-url">{{ ucwords($module->term) }}
                                        Link
                                        @php helptooltip('page_link') @endphp </label>
                                    <div class="mb-2">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    {{ url($module->type == 'cms' ? '' : $module->type . '/') }}
                                                </span>
                                            </div>
                                            @php
                                                $pslug = $moduleData->post_slug;
                                                $pslug = str_replace($module->type . '/', '', $pslug);
                                            @endphp
                                            <input type="text" class="form-control slug-field" name="module_slug"
                                                id="slug_field" value="{{ $pslug }}"
                                                placeholder="{{ ucwords($module->type) }} Link"
                                                @if ($module->show_page_slug_field == 1) onchange="check_slug('module_slug');" @endif>
                                        </div>
                                    </div>
                                    <span id="page_slug" style="padding-left:2px;" class="err"></span>
                                </div>
                                <div id="menu_type_div"
                                    style="display: {{ $module->show_menu_field == 1 ? 'block' : 'none' }}">
                                    <label class="form-label">Show this page in</label>
                                    <br>
                                    @if ($menu_types)
                                                                                @foreach ($menu_types as $meny_type)
                                            <label class="form-label">
                                                <input name="menu_type[]" value="{{ $meny_type->id }}"
                                                    id="menu_{{ $meny_type->id }}" type="checkbox"  />
                                                {{ ucfirst($meny_type->menu_type) }} Menu</label>
                                        @endforeach
                                    @endif <br />
                                    <span id="menu_type" style="padding-left:2px;" class="err"></span>
                                    <p>Note: if you want to update further menu settings then please <a
                                            href="{{ route('menus.index') }}" target="_blank">click here</a></p>
                                </div>
                                <div id="page_excerpt" class="mb-3"
                                    @if ($module->show_excerpt == '0') style="display: none" @endif>
                                    <label class="form-label">{{ ucwords($module->term) }} Excerpt</label>
                                    <textarea name="excerpt_editor" id="excerpt_editor" placeholder="{{ ucwords($module->term) }} Excerpt"
                                        class="form-control" type="text">{{ adjustUrl($moduleData->excerpt) }}</textarea>
                                    <textarea name="excerpt" id="excerpt" style="display: none;"></textarea>
                                </div>
                                <div id="page_content" @if ($module->show_descp == '0') style="display: none" @endif>

                                    <label class="form-label">{{ ucwords($module->term) }} Description</label>
                                    <label for="">
                                        <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#media_image"
                                            class="btn btn-sm btn-info"> <i class="fas fa-cloud-download"
                                                aria-hidden="true"></i>
                                            Insert Image from Media</a>
                                        <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#media_files"
                                            class="btn btn-sm btn-warning"> <i class="fas fa-cloud-download"
                                                aria-hidden="true"></i>
                                            Insert Document from Media</a>
                                    </label>
                                    <textarea name="editor1" id="editor1" placeholder="{{ ucwords($module->term) }} Description" class="form-control"
                                        type="text">{{ adjustUrl($moduleData->content) }}</textarea>
                                    <textarea name="module_description" id="module_description1" style="display: none;"></textarea>
                                    <span id="module_description" style="padding-left:2px;" class="err"></span>
                                </div>
                                {{-- @if ($module->have_category == '1')
            <div id="have_category">
               <label class="form-label">Page Template</label>
               <select name="cat" id="cat" onchange="ChangeCat(this.value)" class="form-control">
                  <option> Main Template</option>
                  @foreach ($allParentCategory as $catGroup)
                  @if ($catGroup['cat'] == 0)
                  <option data-id="{{$moduleData->cat_id}}" {!!selectVal($catGroup['id'],$moduleData->cat_id)!!}>{{$catGroup['title']}} </option>
                  @php $childCategories=childCategories($catGroup['id']);
                  foreach($childCategories as $subk=>$subv){
                  @endphp
                  <option {!!selectVal($subv['id'],'')!!}>&nbsp;&nbsp;--{{$subv['title']}} </option>
                  @php }@endphp
                  @endif
                  @endforeach
               </select>
               @endif --}}
                                @if ($module->id == 36)
                                    <div class="row">
                                        <div class="mb-2 col-sm-12">
                                            <label class="form-label">Page Template</label>
                                            <select class="form-control">
                                                <option>Select Page Template</option>
                                                @foreach ($templates as $temp)
                                                    <option value="{{ $temp->id }}">{{ $temp->template }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                @endif
                                @if ($module->id == 36)
                                    <div class="row">
                                        <div class="mb-2 col-sm-12">
                                            <label class="form-label">Click On Widget For Update</label>
                                            @if (is_array($widget) || is_object($widget))
                                                <ul>
                                                    @foreach ($widget as $wid)
                                                        <li><a
                                                                href="{{ route('widgets.show', $wid->id) }}">{{ $wid->heading }}</a>
                                                        </li>
                                                    @endforeach
                                                </ul>
                                            @endif
                                        </div>
                                @endif
                            </div>
                          @if ($module->id == 50)
    <div id="dynamicFieldsWrapper">
        @php
            $fields = $moduleData->additional_field_1 ?? [];
            // Ensure it's an array
            if (!is_array($fields)) {
                $fields = json_decode($fields, true) ?? [];
            }

            // Split fields into groups of 3 (surface, thickness, size per row)
            $chunks = array_chunk($fields, 3);
            if (empty($chunks)) {
                $chunks = [[]]; // At least one empty row if no data exists
            }
        @endphp

        @foreach ($chunks as $index => $row)
            <div class="row mb-3 dynamic-fields">
                <div class="col-md-4">
                    <label class="form-label">SURFACES</label>
                    <input type="text" class="form-control" name="additional_field_1[]" 
                        value="{{ $row[0] ?? '' }}" placeholder="SURFACES">
                </div>
                <div class="col-md-4">
                    <label class="form-label">THICKNESSES</label>
                    <input type="text" class="form-control" name="additional_field_1[]" 
                        value="{{ $row[1] ?? '' }}" placeholder="THICKNESSES">
                </div>
                <div class="col-md-3">
                    <label class="form-label">SIZES</label>
                    <input type="text" class="form-control" name="additional_field_1[]" 
                        value="{{ $row[2] ?? '' }}" placeholder="SIZES">
                </div>
                <div class="col-md-1 d-flex align-items-center text-end">
                    <button type="button" class="btn btn-danger btn-sm removeRow" 
                        style="{{ $index == 0 ? 'display:none;' : '' }}">
                        <i class="fas fa-trash"></i>
                    </button>
                </div>
            </div>
        @endforeach
    </div>

    <!-- plus button outside, only one at bottom -->
    <div class="text-end mb-3">
        <button type="button" class="btn btn-success btn-sm" id="addRowBtn">
            <i class="fas fa-plus"></i> Add
        </button>
    </div>
@endif
 @if ($module->id == 50)
<!-- Thumbnail Image -->
<div id="field2">
    <label class="form-label">
         Thumbnail Image
        <span>(max size:{{ getMaxUploadSize() }}MB)</span>
        @php helptooltip('max_image_size') @endphp
    </label>
    <label class="form-label">
        <span>(Rec'd size: 208 × 320)</span>
    </label>

  {{-- ✅ Show preview after upload --}}
    <div id="thumbnail_preview_wrapper" style="margin-top:10px;">
        <img id="thumbnail_preview" 
             src="{{ !empty($moduleData->thumbnail_image) ? asset('/'.$moduleData->thumbnail_image) : '' }}" 
             alt="Thumbnail Preview" 
             style="max-width:250px; max-height:250px; display: {{ !empty($moduleData->thumbnail_image) ? 'block' : 'none' }}; border:1px solid #ddd; padding:4px; border-radius:6px;">
    </div>

    <input type="file" name="thumbnail_image" id="thumbnail_image" class="form-control"
        accept="image/*" onchange="previewThumbnail(event)">
    <span id="thumbnail_image_error" style="padding-left:2px;" class="err"></span>

  
</div>
@endif
 @if ($module->id == 49)
  <div id="field1">
    <label class="form-label">{{ ucwords($module->additional_field_1) }}</label>
    <select name="view_product" class="form-control" id="view_product">
        <option value="" selected>Select Product</option>
 
        @foreach ($categories as $category)
            {{-- Category name (disabled so not selectable) --}}
            <option value="" disabled style="font-weight: bold; color: #555;">
                {{ $category->title }}
            </option>
 
            {{-- Products under category --}}
            @if ($category->products->isNotEmpty())
                @foreach ($category->products as $value)
                    <option value="{{ $value->id }}" 
                        @if ($value->id == $moduleData->additional_field_2) selected @endif>
                        &nbsp;&nbsp;{{ $value->product_name }}
                    </option>
                @endforeach
            @endif
        @endforeach
    </select>
</div>
 
      @endif  

                            
                            
                            
                             @if ($module->id != 50)
                            
                            <div id="field1" style="display:none;">
                                <label class="form-label">{{ ucwords($module->additional_field_title_1) }}</label>
                                <input type="text" class="form-control" id="additional_field_1"
                                    name="additional_field_1" value="{{ $moduleData->additional_field_1 }}"
                                    placeholder="{{ ucwords($module->additional_field_title_1) }} ">
                                <span id="additional_field1" style="padding-left:2px;" class="err"></span>
                            </div>
                            
                            @endif
                             @if ($module->id == 52)  
                             
                @php
                $pre_data=json_decode($moduleData->additional_field_7);
                if(!is_array($pre_data))
                {
                $pre_data=[];
                }
                @endphp
                
                
                                <div id="product_vss">
    <label class="form-label">Product Visualization Categories</label>
    <div class="row">
        @foreach($product_vss as $vs)
            <div class="col-md-3">
                <div class="form-check">
                    <input 
                        type="checkbox" 
                        class="form-check-input" 
                        id="vs_{{ $vs->id }}" 
                        name="product_vss[]" 
                        value="{{ $vs->id }}"
                        
                        @if(in_array($vs->id,$pre_data)) checked @endif
                    >
                    <label class="form-check-label" for="vs_{{ $vs->id }}">
                        {{ $vs->heading }}
                    </label>
                </div>
            </div>
        @endforeach
    </div>

    <span id="product_vss_error" style="padding-left:2px;" class="err"></span>
</div>

@endif
                            
                            @if ($module->id == 36)
                                <div id="field2" style="display:none;">
                                    <div class="row">
                                        <div class="col-md-4">{{ ucwords($module->additional_field_title_2) }}</div>
                                        <div class="col-md-8"><a href="javascript:;" data-bs-toggle="modal"
                                                data-bs-target="#media_image_addition" class="btn btn-sm btn-info"> <i
                                                    class="fas fa-cloud-download" aria-hidden="true"></i> Insert
                                                Image from
                                                Media</a></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-8"><input type="text" class="form-control"
                                                id="additional_field_2" name="additional_field_2"
                                                value="{{ $moduleData->additional_field_2 }}"
                                                placeholder="{{ ucwords($module->additional_field_title_2) }} "></div>
                                        <div class="col-md-4"><img width="200" id="edit_portfolio_img"
                                                src="{{ $moduleData->additional_field_2 }}" alt=""></div>
                                    </div>
                                    <span id="additional_field2" style="padding-left:2px;" class="err"></span>
                                </div>
                            @else
                                <div id="field2" style="display:none;">
                                    <label class="form-label">{{ ucwords($module->additional_field_title_2) }}</label>
                                    <input type="text" class="form-control" id="additional_field_2"
                                        name="additional_field_2" value="{{ $moduleData->additional_field_2 }}"
                                        placeholder="{{ ucwords($module->additional_field_title_2) }} ">
                                    <span id="additional_field2" style="padding-left:2px;" class="err"></span>
                                </div>
                            @endif
                            <div id="field3" style="display:none;">
                                <label class="form-label">{{ ucwords($module->additional_field_title_3) }}</label>
                                <input type="text" class="form-control" id="additional_field_3"
                                    name="additional_field_3" value="{{ $moduleData->additional_field_3 }}"
                                    placeholder="{{ ucwords($module->additional_field_title_3) }} ">
                                <span id="additional_field3" style="padding-left:2px;" class="err"></span>
                            </div>
                            <div id="field4" style="display:none;">
                                <label class="form-label">{{ ucwords($module->additional_field_title_4) }}</label>
                                <input type="text" class="form-control" id="additional_field_4"
                                    name="additional_field_4" value="{{ $moduleData->additional_field_4 }}"
                                    placeholder="{{ ucwords($module->additional_field_title_4) }} ">
                                <span id="additional_field4" style="padding-left:2px;" class="err"></span>
                            </div>
                            <div id="field5" style="display:none;">
                                <label class="form-label">{{ ucwords($module->additional_field_title_5) }}</label>
                                <input type="text" class="form-control" id="additional_field_5"
                                    name="additional_field_5" value="{{ $moduleData->additional_field_5 }}"
                                    placeholder="{{ ucwords($module->additional_field_title_5) }} ">
                                <span id="additional_field5" style="padding-left:2px;" class="err"></span>
                            </div>
                            <div id="field6" style="display:none;">
                                <label class="form-label">{{ ucwords($module->additional_field_title_6) }}</label>
                                <input type="text" class="form-control" id="additional_field_6"
                                    name="additional_field_6" value="{{ $moduleData->additional_field_6 }}"
                                    placeholder="{{ ucwords($module->additional_field_title_6) }} ">
                                <span id="additional_field6" style="padding-left:2px;" class="err"></span>
                            </div>
                            <div id="field7" style="display:none;">
                                <label class="form-label">{{ ucwords($module->additional_field_title_7) }}</label>
                                <input type="text" class="form-control" id="additional_field_7"
                                    name="additional_field_7" value="{{ $moduleData->additional_field_7 }}"
                                    placeholder="{{ ucwords($module->additional_field_title_7) }} ">
                                <span id="additional_field7" style="padding-left:2px;" class="err"></span>
                            </div>
                            <div id="field8" style="display:none;">
                                <label class="form-label">{{ ucwords($module->additional_field_title_8) }}</label>
                                <input type="text" class="form-control" id="additional_field_8"
                                    name="additional_field_8" value="{{ $moduleData->additional_field_8 }}"
                                    placeholder="{{ ucwords($module->additional_field_title_8) }} ">
                                <span id="additional_field8" style="padding-left:2px;" class="err"></span>
                            </div>
                            <div class="row" id="page_featured_img"
                                style="display:{{ $module->show_feature_img_field == 1 ? 'block' : 'none' }}">
                                <div class="col-md-12">
                                    <div id="fea_img">
                                        @if ($moduleData->featured_img)
                                            <div class="col-md-3">
                                                <div id="module_featured_img" class="card">
                                                    <div class="card-header">
                                                        Featured Image
                                                    </div>
                                                    <div class="text-center card-body">
                                                        <img src="