@php
//echo "<pre>";
   // print_r($ModulesDetails);
   //print_r($panels);
   //print_r($fieldtypes);

   $DisplayType=$ModulesDetails->DisplayType;
   $ColumnName=$ModulesDetails->ColumnName;
   $OptionList =$DependentRelateGroups["OptionList"];
   $dependentRelateList=$DependentRelateGroups["List"];
   $displayPanels=json_encode($panels);
//echo "</pre>";
@endphp


@if($DisplayType==26)
<div class="card"> <!----third Accordian start-->
    <div class="card-header" id="...">
        <section class="mb-0 mt-0">
            <div role="menu" class="collapsed" data-toggle="collapse" data-target="#defaultAccordionThree" aria-expanded="true" aria-controls="defaultAccordionThree">
                Dependent Fields <div class="icons"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layers"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg></div>
            </div>
        </section>
    </div>

    <div id="defaultAccordionThree" class="collapse" aria-labelledby="..." data-parent="#toggleAccordion">
        <div class="card-body" id="DependentFields">

            <!-- <pre> -->
                @php
                $DropDownNameId=$ModulesDetails->DropDownNameId;
                //print_r($GetDropdownLists);
                @endphp
            <!-- </pre> -->
            <div class="row form-group">
                <div class="col-md-3">
                    <label>Options</label>
                    <select class="form-control" name="DependentFieldOptions" id="DependentFieldOptions"  multiple onchange="GetDependentFieldsList('{{$ModuleId}}','{{$DemographyConfigID}}')" >
                        @if(array_key_exists($DropDownNameId,$GetDropdownLists))
                            @foreach($GetDropdownLists[$DropDownNameId] as $key=>$value)
                                <option value="{{$key}}">{{$value}}</option>
                            @endforeach
                        @endif
                    </select>
                </div>
                <div class="col-md-4" id="DependentFieldsList" >

                </div>
            </div>

            
        </div>
    </div>
</div><!----third Accordian end-->
@endif