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


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


<div id="toggleAccordion" class="accordion-icons accordion">
    <div class="card">
        <div class="card-header" id="...">
            <section class="mb-0 mt-0">
                <div role="menu" class="collapsed" data-toggle="collapse" data-target="#defaultAccordionOne" aria-expanded="true" aria-controls="defaultAccordionOne">
                   {{$ModulesDetails->ColumnName}} Enable/Disable <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-check-square"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg></div>
               </div>
           </section>
       </div>

       <div id="defaultAccordionOne" class="collapse show" aria-labelledby="..." data-parent="#toggleAccordion">
        <div class="card-body" id="EnableDisableList">

            <div class="form-group row">
               <div class="col-md-2">
                <label style="display:block">Reference Field</label>
                @php 
                $checked="";
                if($ModulesDetails->ReferenceField == 1) 
                $checked="checked";
                @endphp
                <input type="radio" name="ReferenceField" id="ReferenceField" {{$checked}} onclick="updatevalue('ReferenceField', '{{$ModulesDetails->DemographyConfigId}}', '1')">
            </div>

            <div class="col-md-2">
                <label style="display:block">Display</label>
                <label class="new-control new-checkbox checkbox-outline-success  m-auto" style="padding-left: 0px">
                    <input type="checkbox" class="new-control-input child-chk select-customers-info" id="Display" onchange="NewFieldChange('{{$ModulesDetails->DemographyConfigId}}','Display')"
                    @if($ModulesDetails->Display == 1) 
                    @php 
                    echo "checked='checked'";
                    @endphp
                    @endif
                    >
                    <span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
                </label>
            </div>

            <div class="col-md-2">
                <label style="display:block">Editable</label>
                <label class="new-control new-checkbox checkbox-outline-primary  m-auto" style="padding-left: 0px">
                    <input type="checkbox" class="new-control-input child-chk select-customers-info" id="Editable" onchange="NewFieldChange('{{$ModulesDetails->DemographyConfigId}}','Editable')"
                    @if($ModulesDetails->Editable == 1) 
                    @php 
                    echo "checked='checked'";
                    @endphp
                    @endif
                    >
                    <span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
                </label>
            </div>

            <div class="col-md-2">
                <label style="display:block">Required</label>
                <label class="new-control new-checkbox checkbox-outline-danger  m-auto" style="padding-left: 0px">
                    <input type="checkbox" class="new-control-input child-chk select-customers-info" id="Required" onchange="NewFieldChange('{{$ModulesDetails->DemographyConfigId}}','Required')"
                    @if($ModulesDetails->Required == 1) 
                    @php 
                    echo "checked='checked'";
                    @endphp
                    @endif
                    >
                    <span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
                </label>
            </div>

            <div class="col-md-2">
                <label style="display:block">Readonly</label>
                <label class="new-control new-checkbox checkbox-outline-info  m-auto" style="padding-left: 0px">
                    <input type="checkbox" class="new-control-input child-chk select-customers-info" id="Readonly" onchange="NewFieldChange('{{$ModulesDetails->DemographyConfigId}}','Readonly')"
                    @if($ModulesDetails->Readonly == 1) 
                    @php 
                    echo "checked='checked'";
                    @endphp
                    @endif
                    >
                    <span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
                </label>
            </div>

            <div class="col-md-2">
                <label style="display:block">Audit</label>
                <label class="new-control new-checkbox checkbox-outline-warning  m-auto" style="padding-left: 0px">
                    <input type="checkbox" class="new-control-input child-chk select-customers-info" id="Audit" onchange="NewFieldChange('{{$ModulesDetails->DemographyConfigId}}','Audit')"
                    @if($ModulesDetails->Audit == 1) 
                    @php 
                    echo "checked='checked'";
                    @endphp
                    @endif
                    >
                    <span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
                </label>
            </div>

        </div>

        <!-- second row start-->
        <div class="form-group row">

         <div class="col-md-2">
            <label style="display:block">Mass Update</label>
            <label class="new-control new-checkbox checkbox-outline-dark  m-auto" style="padding-left: 0px">
                <input type="checkbox" class="new-control-input child-chk select-customers-info" id="MassUpdate" onchange="NewFieldChange('{{$ModulesDetails->DemographyConfigId}}','MassUpdate')"
                @if($ModulesDetails->MassUpdate == 1) 
                @php 
                echo "checked='checked'";
                @endphp
                @endif
                >
                <span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
            </label>
        </div>


        <div class="col-md-2">
            <label style="display:block">Index</label>
            <label class="new-control new-checkbox checkbox-outline-secondary  m-auto" style="padding-left: 0px">
                <input type="checkbox" class="new-control-input child-chk select-customers-info" id="MassUpdate" onchange="IndexChange('{{$ModulesDetails->DemographyConfigId}}','MassUpdate')"
                @if($ModulesDetails->MassUpdate == 1) 
                @php 
                echo "checked='checked'";
                @endphp
                @endif
                >
                <span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
            </label>
        </div>

        <div class="col-md-2">
            <label style="display:block">Dependent Field</label>
            <label class="new-control new-checkbox checkbox-outline-secondary  m-auto" style="padding-left: 0px">
                <input type="checkbox" class="new-control-input child-chk select-customers-info" id="DependentField" onchange="DependentFieldChange('{{$ModulesDetails->DemographyConfigId}}','DependentField')"
                @if($ModulesDetails->DependentField == 1) 
                @php 
                echo "checked='checked'";
                @endphp
                @endif
                >
                <span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
            </label>
        </div>

    </div>
    <!-- second row Ends-->
    <!-- Third row start-->
           <!--  <div class="form-group row">
                

           </div> -->
           <!-- Third row Ends-->

       </div>
   </div>
</div>

<div class="card">
    <div class="card-header" id="...">
        <section class="mb-0 mt-0">
            <div role="menu" class="" data-toggle="collapse" data-target="#defaultAccordionTwo" aria-expanded="false" aria-controls="defaultAccordionTwo">
                {{$ModulesDetails->ColumnName}} Alter  <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-settings"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg></div>
            </div>
        </section>
    </div>
    <div id="defaultAccordionTwo" class="collapse" aria-labelledby="..." data-parent="#toggleAccordion">

        <div class="card-body" id="AlterFields">

         <div class="form-group row">
            <div class="col-md-4">
                <label>Label Name</label>

                <input type="text" id="LabelValue" value="@php echo $ModulesDetails->LabelValue;@endphp" class="form-control"  onclick="displayoptions('{{$ModulesDetails->DemographyConfigId}}','SortOrder')">

                <div name="saveexitlabel" id="saveexitlabel" style="display:none;">
                    <a onclick="savelabel('LabelValue','{{$ModulesDetails->DemographyConfigId}}')" >
                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check" style="color:green;"><polyline points="20 6 9 17 4 12"></polyline></svg><span class="icon-name"></span>
                    </a>
                    <a onclick="dontsavelabel('LabelValue','{{$ModulesDetails->DemographyConfigId}}')" >
                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x" style="color:red;"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                    </a>
                </div>

            </div>

            <div class="col-md-4">
                <label>Panel</label>
                <select class="form-control" id="PanelId" onchange="PanelTypeChange('PanelId','{{$ModulesDetails->DemographyConfigId}}')">
                    <option value="">--Select Panel--</option>
                    @foreach($panels as $panel)
                    @php
                    if($panel->ModuleId!=$ModuleId)
                    {
                        continue;
                    }

                    $selected="";
                    if($ModulesDetails->PanelId==$panel->DisplayPanelId)
                    {
                        $selected="selected";
                    }
                    @endphp
                    <option value="{{$panel->DisplayPanelId}}" {{$selected}}>{{$panel->PanelName}}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-4">
                <label>Display Type</label>
                <select class="form-control" id="DisplayType" onchange="DisplayTypeChange('DisplayType','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->ColumnName}}')">
                    <option value="">--Select Type--</option>
                    @foreach($fieldtypes as $fieldtype)
                    @php

                    $validateDD=1;
                    $selected="";
                    if($validateDD==0)
                    {
                        $DropdownTypesArray=array('2','3','5','6','28');
                        if(in_array($DisplayType, $DropdownTypesArray))
                        {
                            if(!in_array($fieldtype['key'], $DropdownTypesArray))
                            {
                                continue;
                            }
                        }


                        $relateOrSelfrelateArray=array("8","25");

                        if($DisplayType=='25' || $DisplayType=='8')
                        {
                            if(!in_array($fieldtype['key'],$relateOrSelfrelateArray))
                            {
                                continue;
                            }
                        }

                        if($DisplayType=='15')
                        {
                            if($fieldtype['key']!='15')
                            {
                                continue;
                            }
                        }

                        $dateTypeArray=array("4","14");
                        if($DisplayType=='4' || $DisplayType=='14')
                        {
                            if(!in_array($fieldtype['key'], $dateTypeArray))
                            {
                                continue;
                            }
                        }

                        $documentOrPhoto=array("9","16");
                        if($DisplayType=='9' || $DisplayType=='16')
                        {
                            if(!in_array($fieldtype['key'], $documentOrPhoto))
                            {
                                continue;
                            }
                        }

                    }

                    
                    if($fieldtype['key']==$ModulesDetails->DisplayType)
                    {
                        $selected="selected";
                    }
                    @endphp
                    <option value="{{$fieldtype['key']}}" {{$selected}}>{{$fieldtype['value']}}</option>
                    @endforeach
                </select>
            </div>
        </div>


        <!-- secondRow -->
        <div class="form-group row">

            <div class="col-md-4">
                <label>Options</label>
                <div id="OptionsDiv">
                    @php
                    if($DisplayType==2 or $DisplayType==3 or $DisplayType==5 or $DisplayType==6 or $DisplayType==26 or $DisplayType==28)
                    {
                        @endphp 
                        <select class="form-control form-control-sm" name="DropDownNameId" id="DropDownNameId"  onchange="saveOptions('{{$ModulesDetails->DisplayType}}','{{$ModulesDetails->DemographyConfigId}}','DropDownNameId',this.value,'0')" >
                            <option value="">--Select--</option>
                            @foreach($DropDownNamelist as $fieldtype)

                            @php
                            $selected="";
                            if($fieldtype->DropDownNameId == $ModulesDetails->DropDownNameId)
                            {
                                $selected="selected";
                            }
                            @endphp
                            <option value="{{$fieldtype->DropDownNameId}}" title="{{$fieldtype->DropDownNames}}" {{$selected}}>{{$fieldtype->DropDownNames}}</option>
                            @endforeach
                        </select> 
                        @php
                    }
                    if($ModulesDetails->DisplayType==8)
                    {
                     @endphp 
                     <select class="form-control form-control-sm" name="ParentModuleId" id="ParentModuleId" onchange="saveOptions('{{$ModulesDetails->DisplayType}}','{{$ModulesDetails->DemographyConfigId}}','ParentModuleId',this.value,'0')">
                        <option value="">--Select--</option>

                        @foreach($RelatedModules as $RelatedModuleId)
                        @php
                        if($RelatedModuleId==$ModulesDetails->ParentModuleId)
                        {
                            $relatedSelect="selected";
                        }
                        else
                        {
                            $relatedSelect="";
                        }
                        @endphp
                        <option value="{{$RelatedModuleId}}"{{$relatedSelect}}>{{$ModulesArray[$RelatedModuleId]}}</option>
                        @endforeach
                    </select>
                    @php
                }

                if($ModulesDetails->DisplayType==23)
                {
                 @endphp 
                 <select class="form-control form-control-sm" name="ParentModuleId" id="ParentModuleId" onchange="saveOptions('{{$ModulesDetails->DisplayType}}','{{$ModulesDetails->DemographyConfigId}}','ParentModuleId',this.value,'0')">
                    <option value="">--Select--</option>
                    @foreach($ModulesArray as $listBoxKey=>$listBoxValue)
                    <option value="{{$listBoxKey}}"

                    @if($listBoxKey == $ModulesDetails->ParentModuleId) 
                    @php 
                    echo "selected='selected'";
                    @endphp
                    @endif
                    >{{$listBoxValue}}</option>
                    @endforeach
                </select>
                @php
            }
            @endphp
        </div>
    </div>

    <div class="col-md-4">
        <label>Group/Panel</label>
        <div id="GroupPanel">
            @php
            if($ModulesDetails->DisplayType=="26")
            {
                @endphp 
                <select class="form-control form-control-sm" name="Panel" id="Panel" onchange="GetFieldListPanels('{{$ModulesDetails->DemographyConfigId}}','{{$displayPanels}}',this.value)">
                    <option value="1">Same Field</option>
                    <!-- <option value="2">Sort Order</option> -->
                    <option value="3">New Panel</option>
                </select>
                <br>
                <div id="PanelIdlist"></div>
                @php
            }
            @endphp

            @if($ModulesDetails->DisplayType==23)
            <select class="form-control DependentRelateGroup" id="{{$ModulesDetails->ColumnName}}" onchange="UpdateDependentRelateGroupId('{{$ModulesDetails->DemographyConfigId}}',this.value)">
                <option value="">--Select Group--</option>
                @foreach($OptionList as $list)
                @php
                $Groupselected='';
                @endphp
                @foreach($dependentRelateList as $DRTL)
                @php

                if($DRTL['ColumnName']==$ModulesDetails->ColumnName )
                {
                    if($DRTL['DependentRelateToGroupId']==$list['Value'])
                    {
                        $Groupselected="selected";
                    }
                }
                @endphp
                @endforeach
                <option value="{{$list['Value']}}" {{$Groupselected}}> {{$list['Name']}} </option>
                @endforeach
            </select>
            @endif
        </div>
    </div>


    <div class="col-md-4">
        <label>Default Value</label>
        <div id="DefaultValueDiv">
            @if($ModulesDetails->DisplayType==1)
            <input type="text" name="DefaultValue" id="DefaultValue" value="{{$ModulesDetails->DefaultValue}}" placeholder="Default Value"onblur="DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')" class="form-control"/>
            @elseif($ModulesDetails->DisplayType=='15')
            <select name="DefaultValue" id="DefaultValue" class="form-control"onchange="DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')">
                <option value="">--Select--</option>
                @foreach($AssignedToList as $assigned=>$val)
                @if($ModulesDetails->DefaultValue==$assigned)
                @php
                $selected="selected";
                @endphp
                @else

                @php
                $selected="";
                @endphp

                @endif
                <option  data-toggle="tooltip" data-placement="top" title="{{$val['email']}}"value="{{$assigned}}" {{$selected}}>{{$val['name']}}</option>  
                @endforeach
            </select>
            @elseif($ModulesDetails->DisplayType=='2' || $ModulesDetails->DisplayType=='5' || $ModulesDetails->DisplayType=='6')
            @php
            if(empty($ListBoxNamesIDs))
            {
                /*
                echo "<select name='DefaultValue$ColumnName' id='DefaultValue$ColumnName' class='form-control'><option value=''>---Select---</option></select>"; // changed by sharath on 27 july because of error undefined $ColumnName
                */
                echo "<select name='DefaultValue' id='DefaultValue' class='form-control'><option value=''>---Select---</option></select>";

            }
            else
            {   
                //print_r($ModulesDetails);
                $flag=1;
                if($flag==1)
                {


                    $ListBoxNamesIDVal=$ModulesDetails->DropDownNameId;

                    @endphp
                    <select name="DefaultValue" id="DefaultValue" class="form-control"onchange="DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')">
                        <option value="">---Select---</option>
                        @php
                        if(array_key_exists($ListBoxNamesIDVal,$GetDropdownLists))
                        {
                            $listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];
                            @endphp 

                            @foreach($listBoxVal as $listBoxKey=>$listBoxValue)
                            @if($ModulesDetails->DefaultValue==$listBoxKey)
                            @php
                            $selected="selected";
                            @endphp
                            @else
                            @php
                            $selected="";
                            @endphp
                            @endif
                            @php
                            echo "<option value='$listBoxKey' $selected>$listBoxValue</option>";
                            @endphp
                            @endforeach
                            @php
                        }
                        @endphp
                    </select>
                    @php
                }
            }
            @endphp
            @elseif($ModulesDetails->DisplayType=='4')
            <input type="date" name="DefaultValue" id="DefaultValue" class="form-control" value="{{$ModulesDetails->DefaultValue}}" onchange="DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')">
            @elseif($ModulesDetails->DisplayType=='14')
            <input type="date" name="DefaultValue" id="DefaultValue" class="form-control" value="{{$ModulesDetails->DefaultValue}}" onchange="DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')">
            @elseif($ModulesDetails->DisplayType=='7')
            <textarea  name="DefaultValue" id="DefaultValue" class="form-control"onchange="DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')"></textarea>
            @elseif($ModulesDetails->DisplayType=='11')
            <input type="text" name="DefaultValue" id="DefaultValue" value="{{$ModulesDetails->DefaultValue}}" placeholder="Default Value"onblur="ValidateFunction('{{$ModulesDetails->DisplayType}}','DefaultValue');DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')" class="form-control"/>
            @elseif($ModulesDetails->DisplayType=='12')
            <input type="email" name="DefaultValue" id="DefaultValue" value="{{$ModulesDetails->DefaultValue}}" placeholder="Default Value"onblur="ValidateFunction('{{$ModulesDetails->DisplayType}}','DefaultValue');DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')" class="form-control"/>

            @elseif($ModulesDetails->DisplayType=='13' || $ModulesDetails->DisplayType=='17')
            <input type="text" name="DefaultValue" id="DefaultValue" value="{{$ModulesDetails->DefaultValue}}" placeholder="Default Value"onblur="ValidateFunction('{{$ModulesDetails->DisplayType}}','DefaultValue');DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')" class="form-control"/>

            @elseif($ModulesDetails->DisplayType=='18')
            <input type="text" name="DefaultValue" id="DefaultValue" value="{{$ModulesDetails->DefaultValue}}" placeholder="Default Value"onblur="ValidateFunction('{{$ModulesDetails->DisplayType}}','DefaultValue');DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')" class="form-control"/>
            @elseif($ModulesDetails->DisplayType=='19')
            <input type="text" name="DefaultValue" id="DefaultValue" value="{{$ModulesDetails->DefaultValue}}" placeholder="Default Value"onblur="ValidateFunction('{{$ModulesDetails->DisplayType}}','DefaultValue');DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')" class="form-control"/>

            @elseif($ModulesDetails->DisplayType=='25')
            @if(empty($selfRelatedList))
            <select name="DefaultValue" id="DefaultValue" class="form-control"onchange="DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')">
                <option value=''>---Select---</option>
            </select>
            @else
            <select name="DefaultValue" id="DefaultValue" class="form-control"onchange="DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')">
                <option value="">---Select---</option>

                @foreach($selfRelatedList as $selfRelated)
                <option value="{{$selfRelated['key']}}"> {{$selfRelated['value']}} </option>
                @endforeach

            </select>
            @endif

            @elseif($ModulesDetails->DisplayType=='8')
            @php
            $ParentModuleId=$ModulesDetails->ParentModuleId;
            @endphp
            @if(empty($RelateModules))
            <select name="DefaultValue" id="DefaultValue" class="form-control"onchange="DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')">
                <option value=''>---Select---</option>
            </select>
            @else
            <select name="DefaultValue" id="DefaultValue" class="form-control" onchange="DefaultValues('DefaultValue','{{$ModulesDetails->DemographyConfigId}}','{{$ModulesDetails->DisplayType}}')">
                <option value="">---Select---</option>
                @if($ParentModuleId!="" && array_key_exists($ParentModuleId,$RelatedModulesList))
                @foreach($RelatedModulesList[$ParentModuleId] as $listBoxKey=>$listBoxValue)
                @if($ModulesDetails->DefaultValue==$listBoxKey)
                @php
                $selected="selected";
                @endphp
                @else
                @php
                $selected="";
                @endphp
                @endif
                @php
                echo "<option value='$listBoxKey' $selected>$listBoxValue</option>";
                @endphp
                @endforeach
                @endif
            </select>
            @endif
            @endif
        </div>
    </div>
</div>
<div class="form-group row">
    <div class="col-md-4">
        <label>Placeholder</label>
        <div id="">
			<input type="text" name="placeholder" id="placeholder" class="form-control" value="{{$Placeholder}}" onclick="displayoptionsplaceholder('{{$ModulesDetails->DemographyConfigId}}','SortOrder')">
			 <div name="saveexitplaceholder" id="saveexitplaceholder" style="display:none;">
                    <a onclick="saveplaceholder('placeholder','{{$ModulesDetails->DemographyConfigId}}')" >
                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check" style="color:green;"><polyline points="20 6 9 17 4 12"></polyline></svg><span class="icon-name"></span>
                    </a>
                    <a onclick="dontsaveplaceholder('placeholder','{{$ModulesDetails->DemographyConfigId}}')" >
                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x" style="color:red;"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                    </a>
                </div>
        </div>
    </div>
	<div class="col-md-4">
        <label>Help Text</label>
        <div id="">
			<textarea name="Helptext" id="Helptext" class="form-control" onclick="displayoptionshelptext('{{$ModulesDetails->DemographyConfigId}}','SortOrder')">{{$Helptext}}</textarea>
			 <div name="saveexithelptext" id="saveexithelptext" style="display:none;">
                    <a onclick="savehelptext('Helptext','{{$ModulesDetails->DemographyConfigId}}')" >
                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check" style="color:green;"><polyline points="20 6 9 17 4 12"></polyline></svg><span class="icon-name"></span>
                    </a>
                    <a onclick="dontsavehelptext('Helptext','{{$ModulesDetails->DemographyConfigId}}')" >
                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x" style="color:red;"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                    </a>
                </div>
        </div>
    </div>
	<div class="col-md-4">
        <label>Dependent On</label>

        <div id="DependentOn">
            @if($ModulesDetails->DependentField=="1")
            <select class="form-control" name="DependentOnId" id="DependentOnId" onchange="UpdateDependentFieldId('{{$ModulesDetails->DemographyConfigId}}')" multiple>
                <option value="">--Select--</option>
                @foreach($DependentFieldIds as $DependentFieldId)
                @php
                $DependentSelected="";
                $DependentFieldList=explode(",",$ModulesDetails->DependentFieldId);
                if(in_array($DependentFieldId['DropDownListId'],$DependentFieldList))
                {
                    $DependentSelected="selected";
                }
                @endphp

                <option value="{{$DependentFieldId['DropDownListId']}}" {{$DependentSelected}}>{{$DependentFieldId['DropDownListName']}}</option>
                @endforeach
            </select>
            @endif
        </div>

    </div>

</div>



</div>



</div>
</div>


<div id="DependentFieldsDiv"> <!----dependent fields  Accordian div start-->
    @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-12" id="DependentFieldsList" >

                        </div>
                    </div>

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


    <div id="DependentRelateGroupsDiv" ><!----dependent relate  Accordian div starts-->
       @if($DisplayType==23)
       <div class="card"> <!----fourth Accordian start-->
        <div class="card-header" id="...">
            <section class="mb-0 mt-0">
                <div role="menu" class="collapsed" data-toggle="collapse" data-target="#defaultAccordionFour" aria-expanded="true" aria-controls="defaultAccordionFour">
                    Dependent Related Module Groups <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 id="defaultAccordionFour" class="collapse" aria-labelledby="..." data-parent="#toggleAccordion">
                <div class="card-body" id="DependentRelateGroups">


                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Slno</th>
                                <th>Grouped Fields</th>
                            </tr>
                        </thead>

                        @php
                        $g=1;
                        @endphp

                        @foreach($OptionList as $drl)
                        @php
                        $labelValues=explode(",",$drl['Name']);
                        $demographyIds=explode(",",$drl['DemographyConfigId']);
                        $columnsLength=count($demographyIds);
                        $selectedModule=$drl['selectedModule'];
                        @endphp  
                        <tr>
                            <td>{{$g}}</td>
                            <td>
                                @for($h=0;$h<$columnsLength;$h++)
                                    @php
                                        if( $selectedModule==$demographyIds[$h])
                                        {
                                            $MainSelected="checked";
                                        }
                                        else
                                        {
                                            $MainSelected="";
                                        }
                                    @endphp

                                <div class="n-chk">
                                    <label class="new-control new-radio radio-primary">
                                      <input type="radio" class="new-control-input" name="{{$drl['Value']}}" onchange="updateIndependentModule('{{$drl['Value']}}','{{$demographyIds[$h]}}')" {{$MainSelected}}>
                                      <span class="new-control-indicator"></span>{{$labelValues[$h]}}
                                  </label>
                              </div>
                              @endfor

                          </td>
                      </tr>

                      @php
                      $g++;
                      @endphp
                      @endforeach
                  </table>
                <!-- <pre> -->
                    @php
                    //print_r($DependentRelateGroups);
                    @endphp
                <!-- </pre> -->
            </div>

        </div>
    </div><!----fourth Accordian end-->
    @endif
</div><!----dependent relate  Accordian div end-->

</div>