@extends('layouts.header')
@section('content')
<br>
<div class="page-header">
	<div class="breadcrumb-four">	
		<ul class="breadcrumb">
			<li><a href="{{url('dashboard')}}" title="Go to Home Page!"><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>
			
		</ul>
	</div>
</div>
 <style>
    .row
    {
        margin: 5px 0px;
    }
    .form-groupC
    {
        margin:5px 0px;
    }
    .displayHide
    {
        display: none;
    }
</style>
  @php
  $monitorUcid="";
  if(array_key_exists("monitorUcid", $_REQUEST))
  {    
    $monitorUcid=$_REQUEST['monitorUcid'];
}
$siteurl=$_SERVER['HTTP_HOST'];
$url=explode(".",$siteurl);
$InstanceName=$url[0];
@endphp
<div class="col-xl-12 col-md-12 col-sm-12 col-12 simple-tab"style="width:100%">
<div id="" class="main-content" style="padding:10px">
 <input type="hidden" name="LoggedAssUser" id="LoggedAssUser" value="{{$RefId}}"/>
 <input type="hidden" id="InstanceName" value="{{$InstanceName}}">
 <form name="ConfigEdit" class="simple-example" id="ConfigEdit" action="javascript:void(0);"  method="post" enctype="multipart/form-data"  novalidate >
    <input type="hidden" name="ModuleId" id="CreateViewModuleId" value="{{$ModuleId}}" >
    <input type="hidden" name="RowId" id="RowId" value="{{$RowId}}" >
    @php
    $PanelType=1;    
    @endphp

    @if($PanelType==1)
    <x-screenpopupeditviewlayouts.panelstab  :fieldslist="$fieldsList"/>
    <div class="tab-content " id="simpletabContent">
        <x-screenpopupeditviewlayouts.panelscontent  :fieldslist="$fieldsList" :moduleid="$ModuleId" :paneltype="$PanelType" :results="$results"/>
    </div>
    @else
    <div id="toggleAccordion" class="accordion">
        <x-screenpopupeditviewlayouts.panelscontent  :fieldslist="$fieldsList" :moduleid="$ModuleId" :paneltype="$PanelType" :results="$results"/>
    </div>
    @endif
	@if($InstanceName="bigdaddycasinot" || $InstanceName="bigdaddycasino")
    <div class="row">
       <div class="col-md-12 form-group " id="Wrapper">
			<label>Call Notes </label>
			<textarea name="Notes" id="Notes" class="form-control" ></textarea>

		</div>
	</div>
	@endif
	
    <div class="row">
        <div class="col-md-12 text-center">
            <div class="form-group">
                <button type="button" id="mySubBtn" class="btn btn-primary" >Submit</button>
            </div>
        </div>
    </div>

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

<br>
<!-- my test code starts here -->
<div class="row">
    <div class="col-md-12 text-center">
        <div class="form-group">
            <div id="btngroup">

                <div role="group" aria-label="Vertical button group" class="btn-group-horizontal">

                    @foreach($RelatedModulesConfig as $RelatedModule)


                    <div class="btn-group" role="group">
                        <button id="btnGroupVerticalDrop{{$RelatedModule->RelatedModuleId}}" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            {{$ModulesArray[$RelatedModule->RelatedModuleId]}} <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>
                        </button>
                        <div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop{{$RelatedModule->RelatedModuleId}}" style="will-change: transform;">
                            @if($RelatedModule->List==1)
                            <button  type="button" class="dropdown-item btn btn-outline-primary mb-2"  onclick="GetSubPanel('{{$ModulesArray[$ModuleId]}}','{{$RelatedModule->RelatedModuleId}}','0','Auto','UpdatedDate','1','2','{{$ModuleId}}','{{$ModulesArray[$RelatedModule->RelatedModuleId]}}')">{{$ModulesArray[$RelatedModule->RelatedModuleId]}} List</button>
                            @endif

                            @if($RelatedModule->Create==1)
                            <button  type="button" class="dropdown-item btn btn-outline-primary mb-2"  onclick="QuickCreate('{{$RelatedModule->RelatedModuleId}}','0','API')">Create {{$ModulesArray[$RelatedModule->RelatedModuleId]}}</button>
                            @endif

                        </div>
                    </div>

                    @endforeach 
					@if(($InstanceName="bigdaddycasinot" || $InstanceName="bigdaddycasino") && $ModuleId=='32f08263-96a5-11eb-948a-56b1773fd56f')
						<div class="btn-group" role="group">
							<button onclick="ConvertedLeadtoContact()" type="button" class="btn btn-primary dropdown-toggle" >Convert</button>
						</div> 
					@endif
                    <!-- <div class="btn-group" role="group">
                        <button id="btnGroupVerticalDropFeedBack" onclick="GetQandAnswer()" type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="modal" data-bs-target="#FeedBackModal">FeedBack
                        </button>
                    </div> -->
                </div>

            </div>   <!-- end div -->
        </div>
    </div>
</div>
<!-- my test code starts here -->
<br>
<div class="row">
    <div class="col-md-12 text-center">
	<div id="DisplayNotes"></div>
	</div>
</div>

<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($fieldsList as $fl)
    @php
    $ColumnName=$fl->ColumnName;
    $ColumnValue=$results->$ColumnName;
    @endphp
    <input type="hidden" name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" value="{{$ColumnValue}}">  
    @endforeach
</form>

<!--Quick Create modal body starts-->
<div class="modal fade" id="QuickCreateModal" tabindex="-1" role="dialog" aria-labelledby="QuickCreateModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl"  role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="QuickCreateModalLabel">Quick Create</h5>
                <button type="button" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                    <svg aria-hidden="true" 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-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="col-md-12">
                    <div id="response_div"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" type="button" data-bs-dismiss="modal"><i class="flaticon-cancel-12"></i>Close</button>
            </div>
        </div>
    </div>
</div>
<!-- modal body ends-->
<script>
QuickCreate=(SecondaryModuleId,subpanel_loop,source)=>
{
    moduleID=$('#EditViewModuleId').val();
    LoggedAssUser=$('#LoggedAssUser').val();
    RowId='{{$RowId}}';
    monitorUcid='{{$monitorUcid}}';
    $.ajax({
        type:"POST",
        data:{ModuleId:SecondaryModuleId,RowId:RowId,subpanel_loop:subpanel_loop,PrimaryModuleId:moduleID,source:source,LoggedAssUser:LoggedAssUser,monitorUcid},
        url:"{{url('api/GetQuickCreateFields')}}",
        beforeSend:function()
        {
            $('#response_div').html("<div class='loader dual-loader mx-auto'></div>");
        },
        success:function(response)
        {

            $('#QuickCreateModal').modal("show");

            $('#response_div').html(response);
            $('#QuickCreateModalLabel').html("Create "+$('#ModuleName').val());
            // alert(JSON.stringify(response));
        }

    });
}

</script>

<x-editviewlayouts.searchmodal />
@endsection