@extends('layouts.header')
@section('content')
@php
$results_obj = json_decode($results);
 echo "<pre>";
    //print_r($ListBoxNamesIDs);
   //  print_r($header);
    // print_r($panelList);
    //  print_r($RelateModules);
  echo "</pre>";
  //die();
@endphp
<br />
<style>
    .col-md-4
    {
        float: left;
    }
    .col-md-12
    {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        clear: both;
    }
</style>

<div class="page-header">
    <nav class="breadcrumb-one" aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0);"><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-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 class="breadcrumb-item"><a href="javascript:void(0);">{{$page['folder']}}</a></li>
            <li class="breadcrumb-item active" aria-current="page"><span>{{$page['title']}}</span></li>
        </ol>
    </nav>
</div>
    <form name="ConfigEdit" id="ConfigEdit" class="simple-example" novalidate>
    <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;
                            @endphp
                            @foreach($header as $fieldList)
                            @php
                            $field_name=$fieldList['FieldName'];
                            $DisplayName=$fieldList['DisplayName'];
                            $DisplayType=$fieldList['DisplayType'];
                            $Required=$fieldList['Required'];
                            $LabelValue = $results_obj[0]->$field_name;

                            if($Required==1)
                            {
                                $required="required";
                            }
                            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="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-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}}" 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($DisplayType == '10')
                            <div class="col-md-12">
                                @else
                                <div class="col-md-4">
                                    @endif
                                    <div class="form-group">
                                        <strong class='text-primary'>{{$DisplayName}}</strong>
                                       
                                        <span title="{{$DisplayName}}">
                                            @if($DisplayType == '2')
                                            @php
                                            if (empty($ListBoxNamesIDs))
                                            {
                                                echo "<select name='$field_name' id='$field_name' class='form-control selectpicker'>
                                                    <option value=''>---Select---</option>
                                                </select>";
                                            }
                                            else
                                            {
                                                $ListBoxNamesIDVal=$ListBoxNamesIDs[$field_name];
                                                $listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];
                                                @endphp

                                                <select name="{{$field_name}}" id="{{$field_name}}" class="form-control selectpicker" data-live-search="true" {{$required}}>
                                                    <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>
                                                @if($Required==1)
                                                <div class="invalid-feedback">
                                                    Please fill the {{$field_name}}
                                                </div>
                                                @endif
                                                @php 
                                            }
                                            @endphp
                                            @elseif($DisplayType == '3')
                                            <select name="{{$field_name}}" id="{{$field_name}}" class="form-control selectpicker" data-live-search="true" multiple>
                                            </select>
                                            @elseif($DisplayType == '4')
                                            <input type="date" name="{{$field_name}}" id="{{$field_name}}" class="form-control" value="{{$LabelValue}}" placeholder="{{$field_name}}">
                                            @elseif($DisplayType == '5')
                                            <input type="radio" name="{{$field_name}}" id="{{$field_name}}" class="form-control">
                                            @elseif($DisplayType == '6')
                                            <input type="checkbox" name="{{$field_name}}" id="{{$field_name}}" class="form-control">
                                            @elseif($DisplayType == '7')
                                            <textarea name="{{$field_name}}" id="{{$field_name}}" class="form-control">{{$LabelValue}}</textarea>
                                            @elseif($DisplayType == '8')
                                            @php
                                            if (empty($RelateModules))
                                            {
                                                echo "<select name='$field_name' id='$field_name' class='form-control selectpicker'>
                                                    <option value=''>---Select---</option>
                                                </select>";
                                            }
                                            else
                                            {
                                                @endphp

                                                <select name="{{$field_name}}" id="{{$field_name}}" class="form-control selectpicker" data-live-search="true">
                                                    <option value="">---Select---</option>
                                                    @foreach($RelateModules as $listBoxKey=> $listBoxValue)
                                                    @php
                                                    if($listBoxKey==$LabelValue)    
                                                    echo "<option value='$listBoxKey' selected>$listBoxValue</option>";
                                                    else
                                                    echo "<option value='$listBoxKey'>$listBoxValue</option>";


                                                    @endphp
                                                    @endforeach
                                                </select>
                                                @php 
                                            }
                                            @endphp
                                            @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}}>
                                                <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> -->
                                                   
                                                </div>
                                            </div>
                                            @else
                                            <input type="text" name="{{$field_name}}" id="{{$field_name}}" class="form-control" value="{{$LabelValue}}" placeholder="{{$field_name}}" {{$required}}>
                                            @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">Submit</button> <!-- onclick="SubmitForm()"  -->
                                        </div>
                                    </div>
                                </div>
                        </div>
                    
             </div>

        </div>
                <!-- </div> -->
    </form>

    <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="ModuleId" value="{{$ModuleId}}" >
        @foreach($header as $fieldList)
            @php
                $field_name=$fieldList['FieldName'];
                $LabelValue = $results_obj[0]->$field_name;
            @endphp
            <input type="hidden" name="{{$field_name}}" id="{{$field_name}}" class="form-control" value="{{$LabelValue}}" >
         @endforeach
    </form>

<script src="{{asset('cork/HTML/ltr/demo6/plugins/editors/quill/quill.js') }}"></script>
<script src="{{asset('cork/HTML/ltr/demo6/plugins/editors/quill/custom-quill.js') }}"></script>
<script type="text/javascript">

    window.addEventListener('load', function() {
            // Fetch all the forms we want to apply custom Bootstrap validation styles to
            var forms = document.getElementsByClassName('simple-example');
            var invalid = $('.simple-example .invalid-feedback');
            var subbutton=document.getElementById("mySubBtn");

            // Loop over them and prevent submission
            var validation = Array.prototype.filter.call(forms, function(form) {
              subbutton.addEventListener('click', function(event) {
                if (form.checkValidity() === false) {
                  event.preventDefault();
                  event.stopPropagation();
                  invalid.css('display', 'block');
              } else {
                SubmitForm();
                invalid.css('display', 'none');
                form.classList.add('was-validated');
            }
            }, false);
            });

    }, false);


function SubmitForm(){
        // alert(data);
    editor_status=$('.ql-editor').html();
    $('.editorClass').val(editor_status);
    var myform = document.getElementById("ConfigEdit");
    var data = new FormData(myform);
    // if(editor_status!="")
    // {
    //     data.append('StatusDescription',editor_status);
    // }
        // updated on 26th April '21
    var searchForm = JSON.stringify($('#ConfigEdit').serializeArray());
    var oldData = JSON.stringify($('#ConfigAudit').serializeArray());

        var ModuleId = $('#ModuleId').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("SaveEditlView")}}',
        type: 'POST',
        //data: data,
        data: formData,
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        dataType: 'json',
            success: function() {
                //alert("Updated");
            },
            complete:function(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'
                    });
                }
            }
        });
}
</script>
@endsection