@extends('layouts.header')
@section('content')
@php
$siteurl=$_SERVER['HTTP_HOST'];
$pass_array=array("ModuleId"=>$ModuleId,"RowId"=>$RowId);
$results_obj = json_decode($results);
$userdetails=Auth::user();
$LoggedUserId = Auth::user()->RefId;

use App\Models\InboundEmail;

//echo $LoggedUserId;
// if($_SERVER['REMOTE_ADDR']=='157.46.89.43')
// {
echo "<pre>";
    //print_r($results_obj);
    // print_r($ListBoxNamesIDs);
    //print_r($childList);
    // print_r($header);
    // print_r($GetDropdownLists);
    // print_r($panelList);
    //print_r($RelatedModulesList);
    //print_r($selfRelatedList);
    // print_r($RelateModules);
    // print_r($AssignedToList);
    //print_r($getDependentRelateToList);
    //print_r($getChildDependentRelateToList);
    //print_r($DepChildOpList);
    //print_r($EmailFieldsList);
    
echo "</pre>";
// die();
// }
@endphp

<style>
    .col-md-4
    {
        float: left;
        margin: 0px 0px 10px 0px;
    }
    dl, ol, ul {
        margin-top: 0;
        margin-bottom: 0px;
    }
    .col-md-12
    {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        clear: both;
    }
    .relatedclass
    {
        padding-left: 0px !important;
    }
    .relatedclass li
    {
        display: inline-block !important;
    }
    fieldset {
        /*border:1px solid #000;*/
        border: 1px solid #bfc9d4;;
    }
    .card .card-body ul li:not(:last-child) {
        margin-bottom: 0px !important;
    }

    .select2{
        margin: 0px !important;
    } 

    .autocomplete-suggestions
    {
        background: #fff !important;
    }
</style>

@php
$siteurl=$_SERVER['HTTP_HOST'];
//$url=explode(".",$siteurl);	// crm.bpm360.net
//echo "";
@endphp

<div class="page-header">
    <div class="breadcrumb-four">
        <ul class="breadcrumb">
            <li><a href="{{url('dashboard')}}"><svg xmlns="https://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-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
            <li><a href="{{ url('ListView',$ModuleId) }}">
                <svg xmlns="https://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-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg> {{$page['folder']}}</a></li>
                <li class="active"><a href="{{ url('ShowDetailView',$pass_array) }}">
                    <svg xmlns="https://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-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>{{$page['title']}}</a></li>
                </ul>
            </div>
        </div>
        <br>
        <form name="ConfigEdit" id="ConfigEdit" class="simple-example statbox widget box box-shadow" style="padding:10px" novalidate>
          <input type="hidden" name="ModuleId" id="CreateViewModuleId" value="{{$ModuleId}}" />
          <div class="row">
            <div class="col-lg-12 col-md-12 layout-spacing">
                <!-- <div class="statbox widget box box-shadow"> -->
                    <!-- <div class="widget-header">
                        <div class="row">
                            <div class="col-xl-12 col-md-12 col-sm-12 col-12">
                                <h4>{{$page['title']}}</h4>
                            </div>          
                        </div>
                    </div> -->
                    <div>  <!-- class="widget-content widget-content-area" -->
                        @csrf
                        <div class='row'>
                            @php
                            $loopcount=1;
                            $tabdiv=1;
                            $closediv=0;
                            $required="";
                            $panelname="";
                            $paneltype="";
                            $paneltype="accordian";
                            $paneltype="tab";
                            $opentab=0;
                            $closetabcontent=0;
                            $closetabdiv=0;
                            $oldpanel="";
                            $closeaccordian=0;
                            $closeaccordiandiv=1;
                            $i=0;

                            $OldAddressGroupId='';
                            $closeAddress=0;

                            @endphp
                            @foreach($header as $fieldList)
                            @php
                            $field_name=$fieldList['FieldName'];
                            $DisplayName=$fieldList['DisplayName'];
                            $DisplayType=$fieldList['DisplayType'];
                            $DemographyConfigId=$fieldList['DemographyConfigId'];
                            $Placeholder=$fieldList['Placeholder'];
                            $Helptext=$fieldList['Helptext'];
                            $DependentRelateToGroupId=$fieldList['DependentRelateToGroupId'];
                            $DependentRelateToGroupId=$fieldList['DependentRelateToGroupId'];
                            $DependentFieldPanelType=$fieldList['DependentFieldPanelType'];
                            $ParentModuleId=$fieldList['ParentModuleId'];
                            $Required=$fieldList['Required'];

                            $Readonly=$fieldList['Readonly'];
                            if($Readonly)
                            {
                                $Readonly="readonly";
                            }
                            else
                            {
                                $Readonly="";
                            }

                            //print_r($fieldList);

                            $AddressGroupId="";
                            foreach($fieldList as $key=>$value)
                            {
                                //echo "key=".$key;
                                //echo "<br>";

                                //echo "value=".$fieldList[$key];
                                //echo "<br>";

                                if($key=="GroupId")
                                {
                                    $AddressGroupId=$fieldList[$key];
                                }

                            }

                            //echo $fieldList['GroupId'];
                            //echo "GroupId=".$AddressGroupId;
                            //echo "<br>";


                            try{
                            $LabelValue = $results_obj[0]->$field_name;

                            if($field_name=="Description" && $ModuleId=="806867ab-96a5-11eb-948a-56b1773fd56f")
                            {
                             $LabelValue=InboundEmail::ExtractMailBody($LabelValue); 
                         }

                     }
                     catch(\Exception $e){
                     $LabelValue="";
                 }
                 $DropDownNameId=$fieldList['DropDownNameId'];
                 $ParentModuleId=$fieldList['ParentModuleId'];
                 $requiredDisplay='';
                 if($Required==1)
                 {
                    $required="required";
                    $requiredDisplay='<font color="red">*</font>';
                }
                else
                {
                    $required="";
                }

                @endphp
                @if($loopcount == 1)
                @endif
                @php
                $getpaneltid=$fieldList['PanelId'];
                foreach($panelList as $panel)
                {
                    if($panel->DisplayPanelId==$getpaneltid)
                    {
                       $paneltype=$panel->PanelType;
                       if($paneltype==0)
                       {
                        $paneltype="accordian";
                    }
                    else
                    {
                        $paneltype="tab";
                    }
                    $panelname=$panel->PanelName;
                }
            }

            @endphp

            @if($oldpanel!=$fieldList['PanelId'] && $paneltype=="accordian")
            @if($closeaccordian==1)
        </div>
    </div>
</div>
</div>
</div>
@endif
@if($closetabdiv=="1")
</div>
</div>
@php
$closetabdiv=0;
@endphp
@endif
@php
$closeaccordian=1;
$oldpanel=$fieldList['PanelId'];
@endphp
<div class="col-xl-12 col-md-12 col-sm-12 col-12" style="width:100%">
   <div id="toggleAccordion">
       <div class="card">
        <div class="card-header" id="headingOne1">
            <section class="mb-0 mt-0">
                <div role="menu" class="collapsed" data-toggle="collapse" data-target="#defaultAccordionOne{{$loopcount}}" aria-expanded="true" aria-controls="defaultAccordionOne">
                   <b style="color: #888ea8;">{{$panelname}}</b> <div class="icons"><svg xmlns="https://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-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
               </div>
           </section>
       </div>

       <div id="defaultAccordionOne{{$loopcount}}" class="collapse show" aria-labelledby="headingOne1" data-parent="#toggleAccordion" style="">
        <div class="card-body">
            @php
            $closeaccordiandiv=0;
            @endphp
            @elseif($oldpanel!=$fieldList['PanelId'] && $paneltype=="tab")
            @php
            $closetabdiv=1;
            @endphp
            @if($closeaccordiandiv==0)
        </div>
    </div>
</div>
</div>
@php
$closeaccordiandiv=1;
@endphp
@endif
@if($opentab==0)            
<div class="col-xl-12 col-md-12 col-sm-12 col-12 simple-tab"style="width:100%">
    <ul class="nav nav-tabs  mb-3 mt-3" id="simpletab" role="tablist">
        @php
        $newpanelt=1;
        $oldtab=0;
        $firstflagt=0;
        $tablinkid=1;
        $activetab=0;
        $activeflag="";
        $ariaSelected="";
        $tabshow=0;
        $tabshowval="active show";
        $newpanelname="";
        $newpaneltype="";
        @endphp
        @foreach($header as $fieldList2)
        @if($activetab==0)
        @php
        $activeflag="active";
        $ariaSelected="true";
        $activetab=1;
        @endphp
        @endif
        @foreach($panelList as $newpanel)
        @php
        if($fieldList2['PanelId']==$newpanel->DisplayPanelId)
        {
            $newpanelname=$newpanel->PanelName;
            $newpaneltype=$newpanel->PanelType;
        }
        @endphp
        @endforeach
        @if($fieldList2['PanelId']!=$oldtab && $newpaneltype==1)
        <li class="nav-item">
            <a class="nav-link {{$activeflag}}" id="link{{$tablinkid}}"data-toggle="tab" href="#tabid{{$tablinkid}}" role="tab" aria-selected="{{$ariaSelected}}">{{$newpanelname}}</a>
        </li>
        @php
        $activeflag="";
        $ariaSelected="false";
        $tablinkid++;
        @endphp
        @endif
        @php
        $oldtab=$fieldList2['PanelId'];
        @endphp
        @endforeach
    </ul>
    <div class="tab-content" id="simpletabContent">     
        @php
        $opentab=1;
        @endphp
        @endif 

        @if($closetabcontent==1)
    </div>
    @endif
    <div class="tab-pane fade {{$tabshowval}} row" id="tabid{{$tabdiv}}" role="tabpanel" >
        @if($tabshow==0)
        @php
        $tabshow=1;
        $tabshowval="";
        @endphp
        @endif
        @php
        $tabdiv++;
        $closetabcontent=1;
        @endphp

        @endif
        @php
        $oldpanel=$fieldList['PanelId'];
        @endphp

        @if($closeAddress=="1" && $OldAddressGroupId!=$AddressGroupId)
    </div>
</fieldset>
@endif

@if($AddressGroupId!='' && $OldAddressGroupId!=$AddressGroupId)

@php
$OldAddressGroupId=$AddressGroupId;
$closeAddress="1";

$AddressFrameName=explode("_",$field_name);
$AddressFrameName=$AddressFrameName[0];
@endphp
<fieldset style="padding:10px" class="col-md-12">
    <!-- <legend style="font-size: 16px;width:auto !important">{{$AddressFrameName}}:</legend> -->
    <legend style="font-size: 16px;width:100% !important">{{$AddressFrameName}}:</legend>

    <div class="row">
        @endif

        @if($DisplayType == '10' || ($DisplayType == '26' && $DependentFieldPanelType==1) || $DisplayType == '27' || $DisplayType == '99')
        <div class="col-md-12">
            @else
            <div class="col-md-4">
                @endif
                <div class="form-group">
                    @if($DisplayType == '9' || $DisplayType == '16' || $DisplayType == '26' || $DisplayType == '99')

                    @else

                    @if($DisplayType!=8)
                    <label for="{{$DisplayName}}">{{$DisplayName}} @php echo $requiredDisplay @endphp
					@if($Helptext)
						<a href="javascript:void(0);" class=" rounded bs-tooltip" title="{{$Helptext}}" data-original-title="{{$Helptext}}">
							<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-alert-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
						</a>
						@endif
					</label>
                    @else
                    <label for="{{$DisplayName}}">{{$DisplayName}} @php echo $requiredDisplay @endphp

                        @php
                        $accountsModuleId="f408691f-96a4-11eb-948a-56b1773fd56f";
                        try
                        {

                            if($_SERVER['HTTP_HOST']=="tbo.bpm360.net" && $ParentModuleId==$accountsModuleId)
                            {
                                @endphp

                                <span class="text-primary" onclick="displayAddAgency()" style="cursor:pointer"  title="click heree to Add Agency">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12" ></line></svg>
                                </span>

                                @php
                            }

                        }catch(\Exception $e){}
                        @endphp
                    </label>
                    @endif

                    @endif
                    <span title="{{$DisplayName}}">
                        @if($DisplayType == '2')
                        @php
                        if (empty($ListBoxNamesIDs) || $DropDownNameId=='')
                        {
                            @endphp
                            <select name="{{$field_name}}" id="{{$field_name}}" class="form-control customDropdown" data-live-search="true" {{$required}} {{$Readonly}} onchange="checkparent('{{$field_name}}',this.value)">
                                <option value="">---Select---</option>
                            </select>
                            {{$field_name}}
                            @php
                        }
                        else
                        {
                            //$ListBoxNamesIDVal=$ListBoxNamesIDs[$field_name];
                            if(array_key_exists($DropDownNameId,$GetDropdownLists))
                            {
                                $listBoxVal=$GetDropdownLists[$DropDownNameId];
                                @endphp
                                <select name="{{$field_name}}" id="{{$field_name}}" class="form-control customDropdown" data-live-search="true" {{$required}} onchange="checkparent('{{$field_name}}',this.value)" {{$Readonly}}>
                                    <option value="">---Select---</option>
                                    @foreach($listBoxVal as $listBoxKey=> $listBoxValue)
                                    @php
                                    if($listBoxKey==$LabelValue)    
                                    echo "<option value='$listBoxKey' selected>$listBoxValue</option>";
                                    else
                                    echo "<option value='$listBoxKey'>$listBoxValue</option>";
                                    @endphp
                                    @endforeach
                                </select>
                                <script>
                                    document.addEventListener("DOMContentLoaded", function() {
                                        setTimeout(checkparent,100,'{{$field_name}}','{{$LabelValue}}','{{$RowId}}');
                                    });
                                </script>
                                @php
                            }
                            else
                            {
                                @endphp
                                <select name="{{$field_name}}" id="{{$field_name}}" class="form-control customDropdown" data-live-search="true" {{$required}} {{$Readonly}} onchange="checkparent('{{$field_name}}',this.value)">
                                    <option value="">---Select---</option>
                                </select>
                                @php
                            }
                            @endphp
                            @if($Required==1)
                            <div class="invalid-feedback">
                                Please fill the {{$field_name}}
                            </div>
                            @endif
                            @php 
                        }
                        @endphp
                        @elseif($DisplayType == '3')

                        @php
                        $valuesList=array();
                        $valuesList=explode(",",$LabelValue);
                        //print_r($valuesList);
                        $selected="";
                        @endphp

                        @php
                        if(empty($ListBoxNamesIDs) || $DropDownNameId=='')
                        {
                            @endphp
                            <select name="{{$field_name}}" id="{{$field_name}}"  class="form-control customDropdown" data-live-search="true" multiple {{$required}} {{$Readonly}}>
                                <option value=''>---Select---</option>
                            </select>
                            @php

                        }
                        else
                        {
                            //$ListBoxNamesIDVal=$ListBoxNamesIDs[$field_name];     
                            if(array_key_exists($DropDownNameId,$GetDropdownLists))
                            {                      
                                $listBoxVal=$GetDropdownLists[$DropDownNameId];
                                @endphp
                                <select name="{{$field_name}}" id="{{$field_name}}"  class="form-control customDropdown" data-live-search="true" multiple {{$required}} {{$Readonly}}>
                                    <option value="">---Select---</option>
                                    @if(!array_key_exists($DropDownNameId,$childList))
                                    @foreach($listBoxVal as $listBoxKey=>$listBoxValue)
                                    @if(in_array($listBoxKey,$valuesList))
                                    @php
                                    $selected="selected";
                                    @endphp
                                    @else
                                    @php
                                    $selected="";
                                    @endphp
                                    @endif
                                    @php
                                    echo "<option value='$listBoxKey' $selected >$listBoxValue</option>";
                                    @endphp
                                    @endforeach
                                    @endif
                                </select>
                                @php
                            }
                            else
                            {
                                @endphp
                                <select name="{{$field_name}}" id="{{$field_name}}"  class="form-control customDropdown" data-live-search="true" multiple {{$required}} {{$Readonly}}>
                                    <option value="">---Select---</option>
                                </select>
                                @php
                            }
                            @endphp
                            @if($Required==1)
                            <div class="invalid-feedback">
                                Please fill the {{$field_name}}
                            </div>
                            @endif
                            @php
                        }
                        @endphp

                        @elseif($DisplayType == '26')
                        <div class="" style="padding-left: 0px;margin-bottom: 10px;">
                            <label for="formGroupExampleInput" style="display: block">{{ucwords($DisplayName)}}</label>
                            @php
                            if(empty($ListBoxNamesIDs) || $DropDownNameId=='')
                            {
                                @endphp

                                <select name="{{$field_name}}" id="{{$field_name}}"  class="form-control customDropdown"  {{$required}}  {{$Readonly}} onchange="GetRelatedFields('{{$field_name}}',this.value)">
                                    <option value="">---Select---</option>
                                </select>
                                @php
                            }
                            else
                            {
                                //$ListBoxNamesIDVal=$ListBoxNamesIDs[$ColumnName];
                                $ListBoxNamesIDVal=$DropDownNameId;
                                $listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];
                                @endphp
                                <select name="{{$field_name}}" id="{{$field_name}}"  class="form-control col-md-4 customDropdown" {{$required}} {{$Readonly}} onchange="GetRelatedFields('{{$field_name}}',this.value)">
                                    <option value="">---Select---</option>
                                    @if(!array_key_exists($ListBoxNamesIDVal,$childList))
                                    @foreach($listBoxVal as $listBoxKey=>$listBoxValue)
                                    @php
                                    if($listBoxKey=="$LabelValue")
                                    {
                                        $selected="selected";
                                    }
                                    else
                                    {
                                        $selected="";

                                    }

                                    echo "<option value='$listBoxKey' $selected >$listBoxValue</option>";
                                    @endphp
                                    @endforeach
                                    @endif
                                </select>
                                @if($Required==1)
                                <div class="invalid-feedback">
                                    Please fill the {{$field_name}}
                                </div>
                                @endif
                                @php
                            }
                            @endphp
                        </div>
                        @if($DependentFieldPanelType==1)
                        <div class="col-md-12 form-group row" id="{{$field_name}}DependentFields">
                            <script>
                                document.addEventListener("DOMContentLoaded", function() {
                                    setTimeout(GetRelatedFields,100,'{{$field_name}}','{{$LabelValue}}');
                                });
                            </script>
                        </div>
                        @endif
                        @elseif($DisplayType == '4')
                        @php
                        // echo $LabelValue;
                        if($LabelValue=="0000-00-00 00:00:00" || $LabelValue=="0000-00-00" || $LabelValue=="")
                        {
                         $dateValue="";
                     }
                     else
                     {
                         $dateValue=date('Y-m-d',strtotime($LabelValue));
                     }
                     @endphp
                     <input type="date" name="{{$field_name}}" id="{{$field_name}}" class="form-control" value="{{$dateValue}}" placeholder="{{$field_name}}" {{$Readonly}}>
                     @elseif($DisplayType == '14')
                     <div class="form-group mb-0">
                         @php
                         $dateValues=date('Y-m-d h:i',strtotime($LabelValue));
                         @endphp
                         <input name="{{$field_name}}" id="{{$field_name}}" value="{{$dateValues}}" class="form-control  kab" type="text" readonly="readonly" >
                     </div>
                     @elseif($DisplayType == '5')
                     @if(empty($ListBoxNamesIDs))
                     <div class="n-chk" style="margin-top: 10px">
                        <label class="new-control new-radio radio-classic-primary">
                            <input type="radio" class="new-control-input" name="{{$field_name}}"value="" {{$Readonly}}>
                            <span class="new-control-indicator"></span>
                        </label>
                    </div>
                    @else
                    @php
                    //$ListBoxNamesIDVal=$ListBoxNamesIDs[$];
                    $listBoxVal=$GetDropdownLists[$DropDownNameId];
                    @endphp
                    <ul style="list-style: none;padding-left: 0px !important">
                        @foreach($listBoxVal as $listBoxKey=>$listBoxValue)
                        @php
                        $checked="";
                        if($LabelValue==$listBoxKey)
                        {
                            $checked="checked";
                        }
                        @endphp
                        <li style="display: inline-block;">
                            <div class="n-chk" style="margin-top: 10px">
                                <label class="new-control new-radio radio-classic-primary">
                                    <input type="radio" class="new-control-input" name="{{$field_name}}"value="{{$listBoxKey}}" {{$checked}} {{$Readonly}}>
                                    <span class="new-control-indicator"></span>{{$listBoxValue}}
                                </label>
                            </div>
                        </li>
                        <!-- <input type="radio" name="{{$field_name}}" id="{{$field_name}}" class="form-control"> -->
                        @endforeach
                    </ul>
                    @endif
                    @elseif($DisplayType == '6')
                    @if(empty($ListBoxNamesIDs) || $DropDownNameId=='')
                    <div class="n-chk">
                        <label class="new-control new-checkbox checkbox-info" style="margin-right: 0rem !important;">
                            <input type="checkbox" class="new-control-input"  name='{{$field_name}}' id='{{$field_name}}' disabled {{$Readonly}}>
                            <span class="new-control-indicator"></span>
                        </label>
                    </div>

                    @else

                    @php
                    $ListBoxNamesIDVal=$DropDownNameId;
                    $listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];
                    $LabelValue=explode(",",$LabelValue);
                    @endphp

                    @if(!array_key_exists($ListBoxNamesIDVal,$childList))
                    @foreach($listBoxVal as $listBoxKey=>$listBoxValue)
                    @php
                    if(in_array($listBoxKey,$LabelValue))
                    {
                        $checked="checked";
                    }
                    else
                    {
                        $checked="";
                    }
                    @endphp
                    <div class="n-chk">
                        <label class="new-control new-checkbox checkbox-info" style="margin-left: 0rem !important;padding-left: 0px">
                            <input type="checkbox" class="new-control-input"  name='{{$field_name}}' id='{{$field_name}}' value='{{$listBoxKey}}' {{$checked}} {{$Readonly}}>
                            <span class="new-control-indicator"></span>{{$listBoxValue}}
                        </label>
                    </div>
                    @endforeach
                    @endif
                    @if($Required==1)
                    <div class="invalid-feedback">
                        Please fill the {{$field_name}}
                    </div>
                    @endif
                    @endif
                    @elseif($DisplayType == '7')
                    <textarea name="{{$field_name}}" id="{{$field_name}}" class="form-control" Placeholder="{{$Placeholder}}" {{$Readonly}}>{{$LabelValue}}</textarea>
                    @elseif($DisplayType == '8')
                    @php
                    if (empty($RelateModules))
                    {
                        echo "<select name='$field_name' id='$field_name' class='form-control customDropdown' {{$Readonly}}>
                            <option value=''>---Select---</option>
                        </select>";
                    }
                    else
                    {
                        $dispRelatedValue="";
                        if(array_key_exists($LabelValue,$RelateModules))
                        {
                            $dispRelatedValue=$RelateModules[$LabelValue];
                        }

                        @endphp
                        <ul class="relatedclass">
                            <li style="width:55%">
                                <input type="text" class="form-control"  id="{{$field_name}}Display" onkeyup="getRelatedList('{{$ParentModuleId}}','{{$field_name}}')" autocomplete="off" {{$required}} value="{{$dispRelatedValue}}" {{$Readonly}}>
                                <input type="text" style="display:none" class="form-control"  name="{{$field_name}}" id="{{$field_name}}" {{$required}} value ="{{$LabelValue}}" {{$Readonly}}>
                                @php
                                if($Required==1)
                                {
                                    @endphp
                                    <div class="invalid-feedback">
                                        Please fill the {{$field_name}}
                                    </div>
                                    @php
                                }
                                @endphp
                                <div class="autocomplete-suggestions" style="position: absolute; display: none; max-height: 300px; z-index: 9999;width:51%" id="{{$field_name}}List">
                                </div>


                            </li>
                            <li style="width:40%;text-align:right" >
                                <button type="button"class="btn btn-info mb-2" onclick="popupSearch('{{$ParentModuleId}}','{{$field_name}}')" style="margin-bottom: 0px!important">
                                    <svg xmlns="https://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-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
                                </button>
                                <button type="button" class="btn btn-info mb-2"  onclick="clearInput('{{$field_name}}')"  style="margin-bottom: 0px!important">
                                    <svg xmlns="https://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-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
                                </button>
                            </li>
                        </ul>
                        <br>

                        @php
                        try
                        {

                            if($_SERVER['HTTP_HOST']=="tbo.bpm360.net")
                            {
                                @endphp
                                <x-customcomponents.agencyname :moduleid="$ModuleId"/>
                                @php
                            }

                        }catch(\Exception $e){}
                        @endphp

                        @php 
                    }
                    @endphp
                    @elseif($DisplayType == '9')
                    <div class="custom-file mb-4">
                        <div class="custom-file-container" data-upload-id="myFirstImage">

                            <label style="margin-bottom: 0px !important">{{ucwords($DisplayName)}} 
                                <span style="cursor:pointer"href="javascript:void(this)" class="custom-file-container__image-clear" id="clear{{$field_name}}"title="Clear Image" onclick="clearImage('{{$field_name}}')">
                                    <svg xmlns="https://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
                                </span>
                                <span class="custom-file-container__image-clear" title="Preview Image" style="cursor:pointer"onclick="triggerModal('{{$field_name}}')">

                                    <svg xmlns="https://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-eye"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
                                </span>
                            </label>
                            @php
                            echo $requiredDisplay;
                            @endphp

                            <label class="custom-file-container__custom-file">
                                <input type="file" class="custom-file-container__custom-file__custom-file-input"  id="{{$field_name}}" accept=".png, .jpg, .jpeg,.bmp" onchange="showmodal(window.URL.createObjectURL(this.files[0]),this.files[0].size,'{{$field_name}}',this.files[0].name,'photo');" {{$Readonly}}>

                                <input type="hidden" id='{{$field_name}}Ref'name="{{$field_name}}" value="" {{$Readonly}}>
                                <span class="custom-file-container__custom-file__custom-file-control"><span id="fileName{{$field_name}}">Choose file...</span><span class="custom-file-container__custom-file__custom-file-control__button"> Browse </span></span>
                            </label>
                            <div id="bgImage{{$field_name}}"class="custom-file-container__image-preview" style="display:none !important"></div>
                        </div>
                    </div>

                    @elseif($DisplayType == '16')
                    <div class="custom-file mb-4">
                        <div class="custom-file-container" data-upload-id="myFirstImage">
                            <strong>
                                <label style="margin-bottom: 0px !important">{{ucwords($DisplayName)}} 
                                    <span style="cursor:pointer"href="javascript:void(this)" class="custom-file-container__image-clear" id="clear{{$field_name}}"title="Clear Document" onclick="clearImage('{{$field_name}}')">
                                        <svg xmlns="https://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>

                                    </span>
                                    <span class="custom-file-container__image-clear" title="Preview Image" style=" display:none;cursor:pointer"onclick="triggerModal('{{$field_name}}')">
                                        <svg xmlns="https://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-eye"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
                                    </span>
                                </label>
                                @php
                                echo $requiredDisplay;
                                @endphp
                            </strong>
                            <label class="custom-file-container__custom-file">
                                <input type="file" class="custom-file-container__custom-file__custom-file-input" name="{{$field_name}}" id="{{$field_name}}" accept=".txt, .pdf, .doc,.docx,.xls,.xlsx,.ppt,.pptx" onchange="showmodal(window.URL.createObjectURL(this.files[0]),this.files[0].size,'{{$field_name}}',this.files[0].name,'document')" {{$Readonly}}>
                                <input type="hidden" id='{{$field_name}}Ref'name="{{$field_name}}" value="">
                                <span class="custom-file-container__custom-file__custom-file-control"><span id="fileName{{$field_name}}">Choose file...</span><span class="custom-file-container__custom-file__custom-file-control__button"> Browse </span></span>
                            </label>
                            <div id="bgImage{{$field_name}}"class="custom-file-container__image-preview" style="display:none !important"></div>
                        </div>
                    </div>

                    @elseif($DisplayType == '10')
                    @php
                    // added on 26th April '21
                    //$LabelValue=strip_tags($LabelValue);
                    @endphp
                    <div class="row" >
                        <input type="hidden" class="editorClass" name="{{$field_name}}" id="{{$field_name}}" class="form-control" value="{{$LabelValue}}" placeholder="{{$field_name}}" {{$required}} {{$Readonly}}>

                        <div class="col-lg-12 col-md-12 layout-spacing">

                            <!-- <div class="widget-content widget-content-area"> -->
                            <!-- <div id="editor-container" class="ql-container ql-snow">
                                <div class="ql-editor {{$field_name}}"id="{{$field_name}}" data-gramm="false" data-placeholder="Compose an epic..." contenteditable="true">{{$LabelValue}}</div><div class="ql-clipboard" tabindex="-1" contenteditable="true"></div><div class="ql-tooltip ql-hidden"><a class="ql-preview" target="_blank" href="about:blank"></a><input type="text" data-formula="e=mc^2" data-link="https://quilljs.com" data-video="Embed URL"><a class="ql-action"></a><a class="ql-remove"></a>
                                </div>
                            </div> -->
                            <!-- </div> -->

                            <textarea id="{{$field_name}}Editor">{{$LabelValue}}</textarea>
                        </div>
                    </div>
                    <script type="text/javascript">
                        document.addEventListener('DOMContentLoaded',function(){
                           CKEDITOR.replace("{{$field_name}}Editor");
                           CKEDITOR.instances["{{$field_name}}Editor"].on('change',function(){
                            document.getElementById("{{$field_name}}").value=CKEDITOR.instances["{{$field_name}}Editor"].getData();
                        });

                       });
                   </script>
                   @elseif($DisplayType=='15')
                   <select name="{{$field_name}}" id="{{$field_name}}" class="form-control customDropdown">
                    <option value="">--Select --</option>
                    @foreach($AssignedToList as $assigned=>$val)
                    @if($LabelValue == $assigned)
                    <option class="bs-tooltip" title="{{$val['email']}}"value="{{$assigned}}" selected >{{$val['name']}}
                    </option> 
                    @else
                    <option class="bs-tooltip" title="{{$val['email']}}"value="{{$assigned}}"> {{$val['name']}}
                    </option> 
                    @endif 
                    @endforeach
                </select>
				@elseif($DisplayType=='31')
					<x-editviewnew.displaytype31 :demographyconfigId="$DemographyConfigId" :moduleid="$ModuleId" :mandatory="$required" :labelvalue="$LabelValue"/>
				@elseif($DisplayType=='32')
					<x-editviewnew.displaytype32 :demographyconfigId="$DemographyConfigId" :moduleid="$ModuleId" :mandatory="$required" :labelvalue="$LabelValue"/>
				@elseif($DisplayType=='33')
					<x-editviewnew.displaytype33 :demographyconfigId="$DemographyConfigId" :moduleid="$ModuleId" :mandatory="$required" :labelvalue="$LabelValue"/>
                @elseif($DisplayType=='23')
                @php
                if (empty($RelateModules))
                {
                    @endphp
                    <select name="{{$field_name}}" id="{{$field_name}}" class="form-control customDropdown" data-live-search="true" onchange="getChildRelateTo('{{$ParentModuleId}}',this.value,'{{$DependentRelateToGroupId}}')" {{$Readonly}}>
                        <option value="">--Select--</option>
                    </select>
                    @php
                }
                else
                {
                   if(array_key_exists($ParentModuleId,$getDependentRelateToList))
                   {
                    @endphp                                   
                    <select name="{{$field_name}}" id="{{$field_name}}" class="form-control customDropdown" data-live-search="true" onchange="getChildRelateTo('{{$ParentModuleId}}',this.value,'{{$DependentRelateToGroupId}}')" {{$Readonly}}>
                        <option value="">---Select---</option>
                        @php
                        if(array_key_exists($ParentModuleId,$RelatedModulesList))
                        {
                            @endphp
                            @foreach($RelatedModulesList[$ParentModuleId] as $listBoxKey=> $listBoxValue)
                            @php
                            if($listBoxKey==$LabelValue)    
                            echo "<option value='$listBoxKey' selected>$listBoxValue</option>";
                            else
                            echo "<option value='$listBoxKey'>$listBoxValue</option>";
                            @endphp

                            @endforeach
                            @php
                        }
                        @endphp
                    </select>
                    @php 
                }
                else
                {

                    @endphp

                    @if(array_key_exists($field_name,$DepChildOpList))

                    <select name="{{$field_name}}" id="{{$field_name}}" class="form-control customDropdown" data-live-search="true" onchange="getChildRelateTo('{{$ParentModuleId}}',this.value,'{{$DependentRelateToGroupId}}')" {{$Readonly}}>
                        <option value="">---Select---</option>
                        @foreach($DepChildOpList[$field_name] as $key=>$value)
                        @php
                        $selected="";
                        if($key==$LabelValue) 
                        {
                            $selected="selected";
                        }   

                        @endphp
                        <option value="{{$key}}" {{$selected}}>{{$value}}</option>
                        @endforeach
                    </select>
                    @else
                    <select name="{{$field_name}}" id="{{$field_name}}" class="form-control customDropdown" data-live-search="true" onchange="getChildRelateTo('{{$ParentModuleId}}',this.value,'{{$DependentRelateToGroupId}}')" {{$Readonly}}>
                        <option value="">---Select---</option>
                    </select>
                    @endif
                    @php
                }
            }
            @endphp
            @elseif($DisplayType=='25')
            @if(empty($selfRelatedList))
            <select name='{{$field_name}}' id='{{$field_name}}' class='form-control customDropdown' {{$Readonly}}>
              <option value='' >---Select{{$LabelValue}}---</option>
          </select>
          @else
          <select name='{{$field_name}}' id='{{$field_name}}' class='form-control customDropdown'{{$Readonly}} >
              <option value='' >---Select{{$LabelValue}}---</option>


              @foreach($selfRelatedList as $selfRelated)

              @php
              $selfSlected="";
              if($LabelValue==$selfRelated['key'])
              {
                 $selfSlected="selected";
             }
             @endphp
             <option value="{{$selfRelated['key']}}" {{$selfSlected}}> {{$selfRelated['value']}} </option>
             @endforeach

         </select>
         @endif				
         @elseif($DisplayType == '12')
         <span style="cursor:pointer" onclick="addEmail('{{$field_name}}')">
            <svg style="color:#1b55e2;" xmlns="https://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>
        </span>


        <ul class="relatedclass" id="emailContainer{{$field_name}}">
            @php
            $Emailcount=array();

            $emailAddresses='';
            $primaryEmailAddress='';
            $OptedOutEmailAddress='';
            $InvalidEmailAddress='';

            $PrimaryEmailValue='';
            $primaryEmailChecked='';

            $OptedOutEmailValue='';
            $OptedOutEmailChecked='';

            $InvalidEmailValue='';
            $InvalidEmailChecked='';

            @endphp

            @if(array_key_exists('EMailAddressArray',$EmailFieldsList[$field_name]))

            @foreach($EmailFieldsList[$field_name]['EMailAddressArray'] as $EmailField)

            @php
            $emailCount=rand(100000000,999999999);
            $Emailcount[]=$emailCount;
            @endphp

            <div id='emailDiv{{$emailCount}}' style="margin-bottom: 5px;margin-top: 5px;">
                <li style="width:100%">

                    <input type="email" id="{{$field_name}}{{$emailCount}}" {{$field_name}}IdNum='{{$emailCount}}' class="form-control EmailIds{{$field_name}}"  value="{{$EmailField}}" name='{{$field_name}}{{$emailCount}}' autocomplete="off" onblur="ValidateFunction(12,'{{$field_name}}{{$emailCount}}');UpdateEmailId('{{$field_name}}');" {{$Readonly}}>
                </li>
                @php
                if(array_key_exists('primaryEmailArray',$EmailFieldsList[$field_name]))
                {
                    if(in_array( $EmailField ,$EmailFieldsList[$field_name]['primaryEmailArray']))
                    {
                        $PrimaryEmailValue=$EmailField;
                        $primaryChecked="checked";
                    }
                    else
                    {
                        $primaryChecked='';
                    }
                }

                if(array_key_exists('OptedOutArray',$EmailFieldsList[$field_name]))
                {
                    if(in_array( $EmailField ,$EmailFieldsList[$field_name]['OptedOutArray']))
                    {
                        $OptedOutEmailValue=$EmailField;
                        $OptedOutEmailChecked="checked";
                    }
                    else
                    {
                       $OptedOutEmailChecked="";
                   }
               }

               if(array_key_exists('InvalidMailArray',$EmailFieldsList[$field_name]))
               {
                if(in_array( $EmailField ,$EmailFieldsList[$field_name]['InvalidMailArray']))
                {
                    $InvalidEmailValue=$EmailField;
                    $InvalidEmailChecked="checked";
                }
                else
                {
                    $InvalidEmailChecked='';
                }
            }

            @endphp
            <li  style="margin-top:5px !important;margin-bottom:10px !important;width:20%;text-align:center">
                <label style="display:block">Primary</label>
                <input type="radio" name="emailPrimary{{$field_name}}" value="1" onclick="updatePrimaryEmail('{{$field_name}}','{{$emailCount}}')" {{$primaryChecked}}>
            </li>

            <li style="margin-top:5px !important;margin-bottom:10px !important;width:25%;text-align:center">
                <label style="display:block">Opted Out</label>
                <input type="checkbox" class="optedOut{{$field_name}}" name="optedOut{{$field_name}}{{$emailCount}}" id="optedOut{{$field_name}}{{$emailCount}}" value="{{$OptedOutEmailValue}}" onchange="UpdateOptedOut('{{$field_name}}','{{$emailCount}}')" {{$OptedOutEmailChecked}}>
            </li>

            <li style="margin-top:5px !important;margin-bottom:10px !important;width:20%;text-align:center">
                <label style="display:block">Invalid</label>
                <input type="checkbox" class="invalid{{$field_name}}"  name="Invalid{{$field_name}}{{$emailCount}}" id='Invalid{{$field_name}}{{$emailCount}}' value="{{$InvalidEmailValue}}" onchange="UpdateInvalid('{{$field_name}}','{{$emailCount}}')" {{$InvalidEmailChecked}}>
            </li>

            <li style="margin-top:5px !important;margin-bottom:10px !important;width:20%;text-align:center" title="Remove Email">
                <label style="display:block">Remove</label>
                <svg onclick="removeEmail('{{$field_name}}','{{$emailCount}}')"  style="cursor:pointer" title="Remove Email" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
            </li>
        </div>
        @endforeach

        @php
        $emailAddresses=$EmailFieldsList[$field_name]['EmailAddress'];
        $primaryEmailAddress=$EmailFieldsList[$field_name]['primaryEmail'];
        $OptedOutEmailAddress=$EmailFieldsList[$field_name]['OptedOut'];
        $InvalidEmailAddress=$EmailFieldsList[$field_name]['InvalidMail'];
        @endphp

        @endif
        @php
        $EmailcountVal=implode(",",$Emailcount);
        @endphp
    </ul>
    <input type="hidden" name="{{$field_name}}" value='{{$emailAddresses}}' id="{{$field_name}}">
    <input type="hidden" name="{{$field_name}}Count" value='{{$EmailcountVal}}' id="{{$field_name}}Count">
    <input type="hidden" name='{{$field_name}}Primary' value='{{$primaryEmailAddress}}' id="{{$field_name}}Primary">
    <input type="hidden" name='{{$field_name}}OptedOut' value='{{$OptedOutEmailAddress}}' id="{{$field_name}}OptedOut">
    <input type="hidden" name='{{$field_name}}Invalid' value='{{$InvalidEmailAddress}}' id="{{$field_name}}Invalid">
    @elseif($DisplayType == '27')

    @php
    //print_r($SecondaryModulesList);
    @endphp

    <div class="form-group row">
        @foreach($SecondaryModulesList as $SecondaryModule)
        @if($SecondaryModule['ModuleId']!==$ModuleId)
        <div class="col-md-12" style="padding:5px 0px;">
            <div class="icon-container text-primary" style="cursor: pointer;" onclick="QuickCreate('{{$SecondaryModule['ModuleId']}}','{{$SecondaryModule['ModuleName']}}','API')">
                <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-plus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg><span class="icon-name"> {{$SecondaryModule['ModuleName']}}</span>
            </div>
        </div>
        @php
        $RelatedRowIds=json_decode($SecondaryModule['RowIds']);
        foreach($RelatedRowIds as $relatedRowId)
        {
            @endphp
            <script>
                document.addEventListener("DOMContentLoaded", function() {
                    setTimeout(GetQuickEditFields,100,'{{$SecondaryModule['ModuleName']}}','{{$SecondaryModule['ModuleId']}}','{{($relatedRowId)}}');
                });
            </script>
            @php
        }
        @endphp
        <div class="col-md-12" id="Related{{$SecondaryModule['ModuleName']}}">


        </div>
        @endif
        @endforeach
    </div>
    @elseif($DisplayType == '28')
    @php
    if (empty($ListBoxNamesIDs) || $DropDownNameId=='')
    {
        @endphp
        <input list="{{$field_name}}" name="{{$field_name}}" class="form-control" autocomplete="off" value="{{$LabelValue}}" {{$Readonly}}>
        <datalist id="{{$field_name}}">
        </datalist>
        @php
    }
    else
    {
        //$ListBoxNamesIDVal=$ListBoxNamesIDs[$field_name];
        if(array_key_exists($DropDownNameId,$GetDropdownLists))
        {
            $listBoxVal=$GetDropdownLists[$DropDownNameId];
            @endphp
            <input list="{{$field_name}}" name="{{$field_name}}" class="form-control" autocomplete="off" value="{{$LabelValue}}" {{$Readonly}}>
            <datalist id="{{$field_name}}">
              @foreach($listBoxVal as $listBoxKey=> $listBoxValue)
              <option value='{{$listBoxValue}}' >{{$listBoxValue}}</option>";                            
              @endforeach
          </datalist>
          @php
      }
      else
      {
        @endphp
        <input list="{{$field_name}}" name="{{$field_name}}" class="form-control" autocomplete="off" value="{{$LabelValue}}" {{$Readonly}}>
        <datalist id="{{$field_name}}">
        </datalist>
        @php
    }
    @endphp
    @if($Required==1)
    <div class="invalid-feedback">
        Please fill the {{$field_name}}
    </div>
    @endif
    @php 
}
@endphp
@elseif($DisplayType == '99')

<div class="col-md-12 form-group row" id="{{$field_name}}DependentFields">
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            setTimeout(GetRelatedFields,100,'{{$field_name}}','{{$LabelValue}}');
        });
    </script>
</div>

@else
<input type="text" name="{{$field_name}}" id="{{$field_name}}" class="form-control" value="{{$LabelValue}}" Placeholder="{{$Placeholder}}" {{$required}} {{$Readonly}}>
@if($Required==1) 
<div class="invalid-feedback">
    Please fill the {{$field_name}}
</div>
@endif
@endif
<!-- <input type="hidden" name="field_name{{$i}}" id="field_name{{$i}}" class="form-control" value="{{$field_name}}" ></span> -->
</div>
</div>
@if($loopcount == 3)
@php
$loopcount=1;
$closediv = 0;
@endphp
@else
@php
$loopcount = $loopcount+1;
$closediv = 1;
@endphp
@endif
@php
$loopcount++;
$i++;
@endphp
@endforeach
<!-- <input type="hidden" name="field_count" id="field_count" class="form-control" value="{{$i}}" > -->
@if($closediv == 1)
@endif
</div>
</div>
@if($closeaccordiandiv==0)
</div>
</div>
@endif
@if($paneltype=="tab")
</div>
</div>
</div>
</br>
@endif
<div class="row">
    <div class="col-md-12 text-center">
        <div class="form-group">
            <!-- <button type="button" class="btn btn-primary" id="mySubBtn" onclick="SubmitForm()">{{$ButtonName}}</button>  -->
            <button type="button" class="btn btn-primary" id="mySubBtn" onclick="ValidateForm()">{{$ButtonName}}</button> 
        </div>
    </div>
</div>
</div>

</div>

</div>
<!-- </div> -->
</form>
<!-- modal body starts-->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Preview File</h5>
                <button type="button" class="btn-close close" data-bs-dismiss="modal" aria-label="Close">
                    <svg aria-hidden="true" xmlns="https://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-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                </button>
            </div>
            <div class="modal-body">
                <div class="custom-file mb-4">
                    <input type="hidden" name="url" id="url" value="">
                    <input type="hidden" name="size" id="size" value="">
                    <input type="hidden" name="fieldname" id="fieldname" value="">
                    <input type="hidden" name="fieldValue" id="fieldValue" value="">
                    <input type="hidden" name="type" id="type" value="">
                    <iframe id="docPreview"src=""  style="border: none;width:100%;height:500px !important"></iframe>
                    <div class="custom-file-container" data-upload-id="myFirstImage">
                        <div id="fileImage"class="custom-file-container__image-preview"></div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-bs-dismiss="modal" onclick="uploadImage()"> Upload</button>
                <button class="btn" data-bs-dismiss="modal"><i class="flaticon-cancel-12"></i> Close</button>
            </div>
        </div>
    </div>
</div>
<!-- modal body ends-->

<!-- search Modal -->
<div class="modal fade " id="SearchModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Search</h5>
                <button type="button" class="btn-close close" data-bs-dismiss="modal" aria-label="Close">
                    <svg aria-hidden="true" xmlns="https://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-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                </button>
            </button>
        </div>
        <div class="modal-body">
            <input type="hidden" id="ParentModuleId"  value="">
            <input type="hidden" id="ColumnName"  value="">

            <div class="row">
                <div class="col-lg-12 layout-spacing">
                    <div id="iconsAccordion" class="accordion accordion-icons">

                        <div class="card">
                            <div class="card-header" id="headingThree8">
                                <section class="mb-0 mt-0">
                                    <div role="menu" class="" data-toggle="collapse" data-target="#iconAccordionThree" aria-expanded="false" aria-controls="iconAccordionThree">
                                        <div class="accordion-icon"><svg xmlns="https://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-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
                                            Search Filters <div class="icons"><svg xmlns="https://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-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
                                        </div>
                                    </section>
                                </div>
                                <div id="iconAccordionThree" class="collapse" aria-labelledby="headingThree8" data-parent="#iconsAccordion">
                                    <div class="card-body">
                                        <div class="col-xs-12 col-sm-12 col-md-12" name="ShowFields" id="ShowFields">
                                        </div>
                                        <input type="button" name="FindTicket" id="FindTicket" value="Search" class="btn btn-primary" onclick="SearchAll()" />
                                        <input type="button" name="Clear" id="Clear" value="Clear" class="btn btn-primary"  onclick="SearchFilters()" />
                                        <p id="loading"></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div id="ShowFields">

                </div>
            <!--    <div class="form-group row" >
                    <div class="col-md-12"align="center">
                        <button class="btn btn-primary" onclick="SearchAll()">Search</button>
                    </div>
                </div> -->
                <div class="form-group row">
                    <div class="col-md-12">
                        <div id="ShowResults">
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal-footer">
                <button class="btn" data-bs-dismiss="modal"><i class="flaticon-cancel-12"></i> Discard</button>
            </div>
            <!-- </div> -->
        </div>
    </div>

    <!-- search Modal -->

    <form id="ConfigAudit" name="ConfigAudit">
        <input type="hidden" name="folder" id="folder" value="{{$page['folder']}}" >
        <input type="hidden" name="RowId" id="RowId" value="{{$RowId}}" >
        <input type="hidden" name="ModuleId" id="EditViewModuleId" value="{{$ModuleId}}" >
        @foreach($header as $fieldList)
        @php
        $field_name=$fieldList['FieldName'];
        try{
        $LabelValue = $results_obj[0]->$field_name;
    }
    catch(\Exception $e){
    $LabelValue="";
}
@endphp
<input type="hidden" name="{{$field_name}}" id="{{$field_name}}" class="form-control" value="{{$LabelValue}}" >
@endforeach
</form>


<script type="text/javascript">

    document.addEventListener('DOMContentLoaded',()=>{
     try{
         var f2 = flatpickr(document.getElementsByClassName('kab'), {
          enableTime: true,
          dateFormat: "Y-m-d H:i",
      });
     }catch(e){}

       // alert('loaded');
   })



    function ValidateForm(){
        var form = document.getElementById('ConfigEdit');
        var invalid = $('.simple-example .invalid-feedback');
        var subbutton=document.getElementById("mySubBtn");

        if (form.checkValidity() === false) 
        {
          event.preventDefault();
          event.stopPropagation();
          Snackbar.show({
            text: 'Please fill all the mandatory field!',
            pos: 'top-right',
            actionTextColor: '#fff',
            backgroundColor: '#e7515a'
        });

      }
      else
      {
        SubmitForm();
    }

    form.classList.add('was-validated');

}





checkButtonType=()=>{
    ButtonConfig=JSON.parse('');

    return new Promise((resolve,reject)=>{
        if(ButtonConfig.ButtonType=="1")
        {
            resolve();

        }
        else
        {
            swal({
                title:ButtonConfig.ConfirmText,
            // text: "You won't be able to revert this!",
            type: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes',
            padding: '2em'
        }).then(function(result) {
            if (result.value) {
                resolve();
            }
            else
            {
                reject();
            }
        })
    }


});
}

async function SubmitForm(){

    try{
        res=await checkButtonType();
    }catch(e){
        return false;
    }

    // editor_status=$('.ql-editor').html();
    // $('.editorClass').val(editor_status);
    var myform = document.getElementById("ConfigEdit");
    var data = new FormData(myform);


    var searchForm = JSON.stringify($('#ConfigEdit').serializeArray());
    var oldData = JSON.stringify($('#ConfigAudit').serializeArray());

    var ModuleId = $('#EditViewModuleId').val();
        //var folder = $('#folder').val();
        var RowId = $('#RowId').val();

        var formData = {
            ModuleId: ModuleId,
            RowId: RowId,
            source: "Edit",
            data: searchForm,
            data_old: oldData
        };

        console.log("Saving... \n"+searchForm+"Updating... \n"+oldData+"ModuleId - "+ModuleId+"RowId - "+RowId);
        $.ajax({
            url: '{{url("SaveEditView")}}',
            type: 'POST',
        //data: data,
        data: formData,
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        dataType: 'json',
        success: function(response) {
                // alert(JSON.stringify(response));
            },
            complete:function(response){
                // console.log(response);
                // return false;
                 // alert(JSON.stringify(response));
                 var txt = response.responseJSON;
                 if(txt.Status =="Success"){
                    Snackbar.show({
                        // text: 'Updated Successfully',
                        text: txt.Message,
                        pos: 'top-right',
                    });

                    var url="../../ListView/"+ModuleId+"";
                    var href="{{'"+url+"'}}";
                    window.location.href = url;

                }else{

                    Snackbar.show({
                        text: 'Failed to Update',
                        pos: 'top-right',
                        actionTextColor: '#fff',
                        backgroundColor: '#e7515a'
                    });
                }
            }
        }); 
    }

    checkparent=(fieldname,fieldValue,RowId)=>
    {
     // alert(fieldname);
     // $('#LeadChild').empty();
     if(fieldValue=="")
     {
        return false;
    }
    var ModuleId = $('#EditViewModuleId').val();
    $.ajax({
        type:"post",
        url:'{{url("verifyChildExists")}}',
        data:{fieldname:fieldname,fieldValue:fieldValue,ModuleId:ModuleId,RowId:RowId},
        headers:{'X-CSRF_TOKEN':$('meta[name="csrf-token"]').attr('content')},
        dataType: "json",
        success:function(response)
        {
            if(response.field!="")
            {
                $('#'+response.field).empty();
                $('#'+response.field).append(response.dropdown);
                // alert(response.dropdown);
            }
            else
            {
                // alert("no child");
            }
            
        },
        error:function(error)
        {
            alert("error:"+JSON.stringify(error));;
        }
    });

}
function getChildRelateTo(ParentModuleId,listId,DependentRelateToGroupId)
{
    if(listId=='')
    {
        return false;
    }
    ModuleId=$('#EditViewModuleId').val();
    $.ajax({
        type:"post",
        url:"{{url('GetChildRelateTo')}}",
        data:{ParentModuleId:ParentModuleId,ModuleId:ModuleId,DependentValueId:listId,GroupId:DependentRelateToGroupId},
        success:function(response)
        {
            // alert(response);
            res=JSON.parse(response);
            columnList=res.colList;
            for(i=0;i<columnList.length;i++)
            {
                $('#'+columnList[i]).empty();
                $('#'+columnList[i]).append(res.optList);
            }
            // console.log(res.colList);
        }

    });
    
}



function addEmail(ColumnName)
{
    var emailCount =(new Date()).getTime();
    fieldsArray=[];

    fieldsval=$('#'+ColumnName+'Count').val();

    if(fieldsval)
    {
        fieldsArray=fieldsval.split(",");
    }
    

    fieldsArray.push(emailCount); 
    
    outerdivOpen=`<div id='emailDiv${emailCount}' style="margin-bottom: 5px;margin-top: 5px;">`;

    emailField=`
    <li style="width:100%">
    <input type="email" id="${ColumnName}${emailCount}" ${ColumnName}IdNum='${emailCount}' class="form-control EmailIds${ColumnName}"  value="" name='${ColumnName}${emailCount}' autocomplete="off" onblur="ValidateFunction(12,'${ColumnName}${emailCount}');UpdateEmailId('${ColumnName}');">
    </li>

    
    <li  style="margin-top:5px !important;margin-bottom:10px !important;width:20%;text-align:center">
    <label style="display:block">Primary</label>
    <input type="radio" name="emailPrimary${ColumnName}" value="1" onclick="updatePrimaryEmail('${ColumnName}','${emailCount}')">
    </li>

    <li style="margin-top:5px !important;margin-bottom:10px !important;width:25%;text-align:center">
    <label style="display:block">Opted Out</label>
    <input type="checkbox" class="optedOut${ColumnName}" name="optedOut${ColumnName}${emailCount}" id="optedOut${ColumnName}${emailCount}" value="" onchange="UpdateOptedOut('${ColumnName}',${emailCount})">
    </li>

    <li style="margin-top:5px !important;margin-bottom:10px !important;width:20%;text-align:center">
    <label style="display:block">Invalid</label>
    <input type="checkbox" class="invalid${ColumnName}"  name="Invalid${ColumnName}${emailCount}" id='Invalid${ColumnName}${emailCount}' value="" onchange="UpdateInvalid('${ColumnName}',${emailCount})">
    </li>

    <li style="margin-top:5px !important;margin-bottom:10px !important;width:20%;text-align:center" title="Remove Email">
    <label style="display:block">Remove</label>
    <svg onclick="removeEmail('${ColumnName}',${emailCount})"  style="cursor:pointer; title"Remove Email" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
    </li>
    `;


    outerdivClose="</div>";
    emailField=outerdivOpen+emailField+outerdivClose;

    $('#emailContainer'+ColumnName).append(emailField);

    Snackbar.show({
        text: "Added Email", 
        pos: 'top-right',
    });

    $('#'+ColumnName+'Count').val(fieldsArray);
}


function removeEmail(ColumnName,emailCount)
{

    updateCount=0;
    // const swalWithBootstrapButtons = swal.mixin({
    //     confirmButtonClass: 'btn btn-success btn-rounded',
    //     cancelButtonClass: 'btn btn-danger btn-rounded mr-3',
    //     buttonsStyling: false,
    // })

     Swal.fire({
        title: 'Are you sure to remove this email?',
        text: "You won't be able to revert this!",
        type: 'warning',
        showCancelButton: true,
        confirmButtonText: 'Yes, Remove it',
        cancelButtonText: 'No, cancel',
        reverseButtons: true,
        padding: '2em'
    }).then(function(result) {
        if (result.value) {
            var elem = document.getElementById('emailDiv'+emailCount);
            elem.parentNode.removeChild(elem);

            primaryEmailId=$('#'+ColumnName+'Primary').val();
            if(primaryEmailId==emailCount)
            {
                $('#'+ColumnName+'Primary').val('');
            }
            fieldsVal=$('#'+ColumnName+'Count').val();

            fieldsArray=fieldsVal.split(",");

            newfieldsArray=fieldsArray.filter((fieldcount)=>{

                return fieldcount!=emailCount;
            });

            $('#'+ColumnName+'Count').val(newfieldsArray);

            updateCount=1;
            UpdateEmailValues(ColumnName);

            Swal.fire(
                'Removed!',
                  'Email has been removed.',
                'success'
                )

            // swalWithBootstrapButtons(
            //     'Removed!',
            //     'Email has been removed.',
            //     'success'
            //     )
        } else if (
            result.dismiss === swal.DismissReason.cancel
            ) {
           Swal.fire(
                'Cancelled!',
                )
        }
    })

    
}

function updatePrimaryEmail(ColumnName,count)
{
    primaryEmail=ColumnName+count;
    primaryEmailId=$('#'+primaryEmail).val();
    $('#'+ColumnName+'Primary').val(primaryEmailId);
}

function UpdateInvalid(ColumnName,count)
{
    if($('#Invalid'+ColumnName+count).is(" :checked"))
    {
        optedOutEmail=$('#'+ColumnName+count).val();
        $('#Invalid'+ColumnName+count).val(optedOutEmail);
    }
    else
    {
        $('#Invalid'+ColumnName+count).val('');

    }

    invalidArray=[];
    $('.invalid'+ColumnName).each(function(){

        if($(this).is(" :checked"))
        {
            if($(this).val()!='')
            {
                invalidArray.push($(this).val());
            }
        }
    });

    $('#'+ColumnName+'Invalid').val(invalidArray);


}




function UpdateOptedOut(ColumnName,count)
{   
    optedOutArray=[];
    if($('#optedOut'+ColumnName+count).is(" :checked"))
    {
        optedOutEmail=$('#'+ColumnName+count).val();



        $('#optedOut'+ColumnName+count).val(optedOutEmail);
    }
    else
    {
        $('#optedOut'+ColumnName+count).val('');

    }


    $('.optedOut'+ColumnName).each(function(){

        if($(this).is(" :checked"))
        {
            if($(this).val()!='')
            {
                optedOutArray.push($(this).val());
            }
            
        }
    });

    $('#'+ColumnName+'OptedOut').val(optedOutArray);
    // console.log(optedOutArray);

    // AllOptedOutval=split(",")   
}

function UpdateEmailId(ColumnName)
{
    allemailIds=[];
    $('.EmailIds'+ColumnName).each(function(){


        if($(this).val()!='')
        {
            allemailIds.push($(this).val());
        }

    });

    $('#'+ColumnName).val(allemailIds);
}


function UpdateEmailValues(ColumnName)
{
    invalidArray=[];
    optedOutArray=[];
    allemailIds=[];
    $('.invalid'+ColumnName).each(function(){

        if($(this).is(" :checked"))
        {
            if($(this).val()!='')
            {
                invalidArray.push($(this).val());
            }
        }
    });

    $('#'+ColumnName+'Invalid').val(invalidArray);

    $('.optedOut'+ColumnName).each(function(){

        if($(this).is(" :checked"))
        {
            if($(this).val()!='')
            {
                optedOutArray.push($(this).val());
            }
            
        }
    });

    $('#'+ColumnName+'OptedOut').val(optedOutArray);

    $('.EmailIds'+ColumnName).each(function(){


        if($(this).val()!='')
        {
            allemailIds.push($(this).val());
        }

    });

    $('#'+ColumnName).val(allemailIds);

    // console.log(allemailIds);
}
</script>

<!-- script for relateSearch -->
<script>
    function popupSearch(ParentModuleId,ColumnName)
    {
        $('#SearchModal').modal("show");
        $('#ParentModuleId').val(ParentModuleId);
        $('#ColumnName').val(ColumnName);
        ModuleId=ParentModuleId;
        SearchFilters(ModuleId);
        SearchAll(ModuleId);
    }
    function SearchFilters(ModuleId)
    {

        var ModuleId = $('#ParentModuleId').val();
        // console.log("Getting Filters...");
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
            }
        });

        var formData = {
            ModuleId: ModuleId,
        source: ModuleId, //"Search",
    };
    var type = "POST";
    var urls = "{{ url('SearchGetFields') }}";  // GetDemographyFields calls Controller
    $.ajax({
        type: type,
        url: urls,
        data: formData,
        beforeSend:function() {
            $('#ShowFields').html("<div class='loader dual-loader mx-auto'></div>");
        },
        success: function (results) {
            // console.log("Recieved Filter!");
            //alert("results"+results);
            $('#ShowFields').html(results);
        },
        error: function (data) {
            // console.log("Error: "+data);
            $('#ShowFields').html("");
        }
    });
}

function SearchAll(ModuleId)
{

    // return false;
    // console.log("Loading Results...");

    var ModuleId = $('#ParentModuleId').val();
    //var page_num = $('#page_num').val();
    //var total_records = $('#total_records').val();
    var limit = $('#limit').val();
    var field_name = $('#field_name').val();
    var sort_order = $('#sort_order').val();
    var page_num = $('#page_num').val();
    var mode='RelatedSearch';
    //var page_num=1;

    $("#SearchMode").val(mode);   // on 24th April '21

    if(limit==undefined || limit=="")
        limit=10;

    if(page_num==undefined || page_num=="")
        page_num=1;

    if(sort_order==undefined || sort_order=="")
        sort_order="DESC";

    if(field_name==undefined || field_name=="")
        field_name="CreatedDate";

    var searchForm = JSON.stringify( $('#SearchForm').serializeArray() );

    var formData = {
        data: searchForm,
        source: ModuleId,
        ModuleId: ModuleId,
        page_num: page_num,
        limit: limit,
        field_name: field_name,
        sort_order: sort_order,
        mode: mode
    };

    //var ajax_url = "FindMe";
    var ajax_url = "{{ url('GetListViewPagination') }}";
    $.ajax({
        url: ajax_url,
        type: 'POST',
        data: formData,
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        beforeSend:function() {
            $('#loading').html("<div class='loader dual-loader mx-auto'></div>");
        },
        success: function(result) {
            // console.log("Success...");
            $('#loading').html('');
            $('#ShowResults').html(result);
        },
        error: function (data) {
            $('#ShowResults').html("");
        }
    });
}


function clearInput(columnId)
{
    $('#'+columnId).val('');
    $('#'+columnId+"Display").val('');
}
function Select_me(result)
{
    ColumnName=$('#ColumnName').val();


    rowId=result.RowId;

    
    displayVal=result.DisplayName;
    $('#'+ColumnName).val(rowId);
    $('#'+ColumnName+"Display").val(displayVal);


    Snackbar.show({
        text: "Selected", 
        pos: 'top-right',
    });
    $('#SearchModal .close').click();

    $('#ShowFields').html('');
}

function ViewData(moduleId,page_num,limit,field_name,sort_order,mode){


    // console.log( "Viewing Data! Mode: "+mode+" Page: "+page_num+" Limit: "+limit);
    if(mode=="Search")
    {
        if(sort_order=="DESC")
        {
            sort_by="ASC";
            sorting_css='sorting_asc';
            removeClass='sorting_desc';
        }
        else
        {
            sort_by="DESC";
            sorting_css='sorting_desc';
            removeClass='sorting_asc';
        }

        $("#"+field_name).addClass(sorting_css).removeClass(removeClass);
        //$("#sort_by").val(sort_order);
        $("#order_by").val(field_name);
        $("#page_num").val(page_num);
        // console.log("Swapping Order & Calling Search");
        SearchAll();
    }
    else
    {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
            }
        });
        var formData = {
            ModuleId: moduleId,
            page_num: page_num,
            limit: limit,
            field_name: field_name,
            sort_order: sort_order,
            mode: mode
        };
        var type = "POST";
        var ajaxurl = "{{ url('GetListViewPagination') }}";
        $.ajax({
            type: type,
            url: ajaxurl,
            data: formData,
            beforeSend:function() {
                $('#ShowResults').html("<div class='loader dual-loader mx-auto'></div>");
            },
            success: function (result) {
                // console.log("Show Result");
                $('#ShowResults').html(result);
            },
            complete: function () {

                //var sort_by="DESC";
                var sorting_css="sorting_desc";

                if(sort_order=="DESC")
                {
                    sort_by="ASC";
                    sorting_css='sorting_asc';
                    removeClass='sorting_desc';
                }
                else
                {
                    sort_by="DESC";
                    sorting_css='sorting_desc';
                    removeClass='sorting_asc';
                }

                $("#"+field_name).addClass(sorting_css).removeClass(removeClass);
                // $("#"+field_name).toggleClass("sorting_asc sorting_desc");

                $("#sort_by").val(sort_order);
                // $("#sort_by").val(sort_by);
                $("#sort_order").val(sort_order);
                $("#order_by").val(field_name);

                // console.log("Updating Values: "+field_name+" by "+sort_order+" & "+sort_by+" | "+mode);
            },
            error: function (data) {
                // console.log(data);
            }
        });

    }
}
function getRelatedList(ParentModuleId,ColumnName)
{   
    keywords=$('#'+ColumnName+"Display").val();
    $('#'+ColumnName).val('');
    if(keywords=='' || (keywords.length<=3))
    {
        $('#'+ColumnName+'Display').html('');
        $('#'+ColumnName+'List').html('');
        $('#'+ColumnName+'List').css('display','none');
        return false;
    }
    $.ajax({
        type:"post",
        url:"{{url('RelateToSearch')}}",
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        data:{ParentModuleId:ParentModuleId,keywords:keywords,ColumnName:ColumnName},
        success:function(response)
        {
            // alert(response);
            $('#'+ColumnName+'List').html(response);
            $('#'+ColumnName+'List').css('display','block');

        }
    });
}
function setListValue(value,ParentModuleId,label,ColumnName)
{
    // alert(label);
    if(label!='empty')
    {

        $('#'+ColumnName).val(value);
        $('#'+ColumnName+'Display').val(label);
        $('#'+ColumnName+"List").html('');
        $('#'+ColumnName+'List').css('display','none');

        MainModuleId=$('#EditViewModuleId').val();
        $.ajax({
            type:"post",
            url:"{{url('GetRelatedName')}}",
            data:{RowId:value,ModuleId:ParentModuleId,MainModuleId:MainModuleId},
            success:function(response)
            {
                result1=JSON.parse(response);

                result=result1.result;
                CountofMap=result1.CountofMap;
                GetFetechedMappedFields=result1.GetFetechedMappedFields;
                for(i=1;i<=CountofMap;i++)
                {
                    RedirecctField=GetFetechedMappedFields[i].FromFieldId;
                    RedirecctValue=GetFetechedMappedFields[i].DisplayFieldName;
                    $('#'+RedirecctField).val(RedirecctValue);
                }
                ColumnName=$('#ColumnName').val();
                rowId=result.RowId;
                displayVal=result.DisplayName;
                $('#'+ColumnName).val(rowId);
                $('#'+ColumnName+"Display").val(displayVal);
            }
        });
        
    }
}

SelectMe2=(RowId,ModuleId)=>
{
    // console.log(RowId);
    MainModuleId=$('#CreateViewModuleId').val();
    $.ajax({
        type:"POST",
        url:"{{url('GetRelatedName')}}",
        data:{RowId,ModuleId,MainModuleId},
        beforeSend:function(){},
        success:function(response)
        {
            // console.log(response);
            result1=JSON.parse(response);
            result=result1.result;
            CountofMap=result1.CountofMap;
            GetFetechedMappedFields=result1.GetFetechedMappedFields;
            ColumnName=$('#ColumnName').val();
            rowId=result.RowId;
            displayVal=result.DisplayName;
            $('#'+ColumnName).val(rowId);
            $('#'+ColumnName+"Display").val(displayVal);
            Snackbar.show({
                text: "Selected", 
                pos: 'top-right',
            });
            console.log();
            $('#SearchModal .close').click();

        }
    });
}

GetRelatedFields=(columnName,value)=>{

    ModulelId=$('#EditViewModuleId').val();
    DependentFeildsId=value;
    RowId=$('#RowId').val();
    if(value=='')
    {
        $(`#${columnName}DependentFields`).html("");

        return false;
    }
    else
    {
        $.ajax({
            type:"post",
            url:"{{url('ShowEditViewDependentFields')}}",
            data:{ModulelId,DependentFeildsId,RowId},
            beforeSend:function(){
                $(`#${columnName}DependentFields`).html("<center><div class='loader dual-loader mx-auto'></div></center>");
            },
            success:function(response)
            {
                $(`#${columnName}DependentFields`).html(response);
                // console.log(response);

                // $('.functionsToCall').each(function(){
                //     functionValues=$(this).val();
                //     functionValues=functionValues.split("__");
                //     functionName=functionValues[0];
                //     functionParameters=functionValues[1];
                checkparent(columnName,value);

                // })

            }
        });
        // $(`#${columnName}DependentFields`).html("Dependent Fields");
    }

    

    // console.log('moduleid',ModuelId);
    // console.log('ddval',DependentFeildsId);
}

</script>
<script>
    showmodal=(url,size,fieldname,fieldValue,type)=>
    {

        maxsize=1024*1024*5;
    // $('#uploadedImage').attr('src',url);
    if(type=="photo")
    {
        $("#fileImage").css({"background-image":  "url(" + url + ")"});
        $('#docPreview').css("display","none");
        $("#fileImage").css("display","block");
        $('#exampleModal').modal('show');
    }
    if(type=="document")
    {
        // $('#docPreview').css("display","block");
        // $('#docPreview').attr("src",url);
        // $("#fileImage").css("display","none");
    }

    if(fieldValue.length>25)
    {
        $('#fileName'+fieldname).html(fieldValue.slice(0,25)+"...");

    }
    else
    {
        $('#fileName'+fieldname).html(fieldValue);

    }
    if(size>maxsize)
    {
        $("#clear"+fieldname).trigger("click");
        Snackbar.show({
            text: 'File is too Big',
            pos: 'top-right',
            actionTextColor: '#fff',
            backgroundColor: '#e7515a'
        });
        return false;
    }

    // console.log(url);
    $('#url').val(url);
    $('#size').val(size);
    $('#fieldname').val(fieldname);
    $('#fieldValue').val(fieldValue);
    $('#type').val(type);
    if(type=="document")
    {
        uploadImage(url,size,fieldname,fieldValue,type);

    }
}
// uploadImage=(url,size,fieldname,fieldValue,type)=>
uploadImage=(url,size,fieldname,fieldValue,type)=>
{

    if(size===undefined)
    {
        url=$('#url').val();
        size= $('#size').val();
        fieldname=$('#fieldname').val();
        fieldValue=$('#fieldValue').val();
        type=$('#type').val();
    }


 // alert(url);
 swal({
    title: 'Are you sure To upload?',
    type: 'warning',
    showCancelButton: true,
    confirmButtonText: 'Upload',
    padding: '2em'
}).then(function(result) {
  if (result.value) 
  {

   var ModuleId = $('#EditViewModuleId').val();
   var RowId = $('#RowId').val();

   formData=new FormData();

   var PhotoField=document.getElementById(fieldname);
   formData.append(fieldname,PhotoField.files[0]);
   formData.append("ModuleId",ModuleId);
   formData.append("RowId",RowId);
     // console.log(PhotoField.files[0]);

     $.ajax({
        type:"post",
        url:"{{url('UploadEditViewFiles')}}",
        data:formData,
        cache:false,
        processData:false,
        contentType:false,
        mimeType:"multipart/form-data",
        headers:{'X-CSRF_TOKEN':$('meta[name="csrf-token"]').attr('content')},

        beforeSend:function()
        {

        },
        success:function(response)
        {
            res=JSON.parse(response);

            $('#'+fieldname+'Ref').val(res.id);
            // alert(res.id);

            // console.log(response);
        }
    });

    // swal(
    //     'Upload!',
    //     'Your file has been deleted.',
    //     'success'
    //     )
}
})

}
clearImage=(fieldname)=>
{
    $('#'+fieldname).val('');
    $('#'+fieldname+"Ref").val('');
    $('#fileName'+fieldname).html('Choose file...');
}
triggerModal=(fieldName)=>
{
    $('#'+fieldName).trigger("onchange");
}

QuickCreate=(SecondaryModuleId,subpanel_loop)=>
{
    RowId='{{$RowId}}';
    source="CreateViewQuickCreate";
    UniqId=(new Date()).getTime();
    moduleID=$('#EditViewModuleId').val();
    $.ajax({
        type:"POST",
        data:{ModuleId:SecondaryModuleId,RowId:RowId,subpanel_loop:subpanel_loop,PrimaryModuleId:moduleID,source:source,UniqId:UniqId},
        url:"{{url('GetQuickCreateFields')}}",
        beforeSend:function()
        {

        },
        success:function(response)
        {
            $('#Related'+subpanel_loop).append(response);
            $('#QuickCreateModalLabel').html("Create "+$('#ModuleName').val());
            // alert(JSON.stringify(response));
            // console.log(response);
        }

    });
}

RemoveRelatedModule =(uniqid)=>
{
    $('#ModuleNameCreate'+uniqid).remove();
}

GetQuickEditFields=(ModuleName,ModuleId,RowId)=>
{
    // console.log("ModuleName",ModuleName+"\n");
    $.ajax({
        type:"post",
        url:"{{url('SubPanelEditView')}}",
        data:{ModuleId,RowId},
        beforeSend:function(){},
        success:function(response){
            // console.log(response);

            $('#Related'+ModuleName).append(response);
            // alert("response");
        }
    });
}
</script>

@endsection