@extends('layouts.admin.master')

@section('title')
Batch Type
 {{ $title }}
@endsection


@push('css')
<meta name="csrf-token" content="{{ csrf_token() }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/date-picker.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/amsify.suggestags.css') }}">
@endpush

@section('content')	
    @php
        $users = getUserByVisibility('all','');        
        $user_list = [];
        foreach($users as $key=>$value)
        {            
            $tmp =[];
            $tmp['tag'] = $value;
            $tmp['value'] = encrypt_decrypt('encrypt',$key);
            $user_list[] = $tmp;
        }

        $source = getLeadStage('Source');
        $leadStage = getLeadStage('LeadStage');
        $campaign =  getLeadStage('Campaign');
        if(isset($data))
        {

            foreach(explode(',',$data->user_list) as $tmp_assign_user)
            {
                $current_assign_user[] = encrypt_decrypt('encrypt',$tmp_assign_user);
            }
            $current_assign_user = implode(',',$current_assign_user);
        }
    @endphp
	<div class="container-fluid">
    <div class="page-header">
      <div class="row">
        <div class="col-lg-6">
          <h3>Assignment rule</h3>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Setting</a></li>
            <li class="breadcrumb-item"><a href="{{ route('assignmentRuleList') }}">List</a></li>    
            <li class="breadcrumb-item"><a href="javascript:void(0)">@if($data ?? '') {{"Update"}} @else {{"Add"}}@endif</a></li>            

          </ol>
        </div>
        <div class="col-lg-6">
          <!-- Bookmark Start-->
          <div class="bookmark">
            <ul>
              <!-- <li><button class="btn btn-primary-light" type="button">Add FY</button></li>              -->
            </ul>
          </div>
          <!-- Bookmark Ends-->
        </div>
      </div>
    </div>
</div>
	<div class="container-fluid">
	    <div class="row justify-content-center">
	        <div class="col-sm-8">
	            <div class="card">
	                <div class="card-body">
                    <form method="post" action="@if(base64_decode(request()->get('action'))!='add') {{route('updateAssignmentRule')}} @else {{route('saveAssignmentRule')}} @endif" name="assignmentRuleForm" id="assignmentRuleForm">
                        @csrf
	                    <div class="form theme-form">
                            @if(base64_decode(request()->get('action'))=='edit')
                            <div class="row d-none">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Id</label>
	                                    <input class="form-control" type="hidden"  name="Id" id ="Id" placeholder="Name *" value="{{encrypt_decrypt('encrypt',$data->rule_Id)}}" />
                                        <span id="nameError" class="addError"></span>
	                                </div>
	                            </div>
	                        </div>
                            @endif                            	
	                        <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Name</label>
	                                    <input class="form-control" type="text"  name="name" id ="name" placeholder="Name *" required value="{{$data->name ?? ''}}"/>
                                        <span id="nameError" class="addError"></span>
	                                </div>
	                            </div>
	                        </div>	     
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Rule description</label>
	                                    <input class="form-control" type="text"  name="description" id ="description" placeholder="Rule description"  value="{{$data->description ?? ''}}"/>                                        
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Module</label>
                                        <select class="form-select" name="mainmodule" id="mainmodule">
                                            <option value="">select</option>
                                            <option value="API">API</option>
                                            <option value="Enquire">Enquire Manually</option>
                                            <option value="Upload">Enquire uploading</option>
                                        </select>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
                                <div class="table-responsive">
                                    <table class="table m-2 p-2" id="ruleTable">
                                        <thead>
                                            <tr>
                                                <th>Criteria</th>
                                                <th>condition</th>
                                                <th>value</th>
                                                <th>Query</th>
                                                <th>#</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>
                                                    <select class="form-select" name="module" id="module">
                                                        <option value="">select</option>
                                                        <option value="Source">Source</option>
                                                        <option value="Stage">Stage</option>
                                                        <option value="Campaign">Campaign</option>
                                                        <option value="State">State</option>
                                                        <option value="City">City</option>
                                                    </select>
                                                </td>
                                                <td>
                                                    <select class="form-select" name="condition" id="condition">
                                                        <option value="">select</option>
                                                        <option value="is">is</option>
                                                        <option value="contain">contain</option>
                                                        <option value="start_with">Start with</option>
                                                        <option value="end_with">end_with</option>
                                                    </select>
                                                </td>
                                                <td>
                                                    <input class="form-control" type="text"  name="value" id ="value" placeholder="Rule description"/>
                                                </td>

                                                <td>
                                                    <select class="form-select" name="query" id="query">
                                                        <option value="">select</option>                                                        
                                                        <option value="AND">AND</option>
                                                        <option value="OR">OR</option>
                                                    </select>
                                                </td>

                                                <td>
                                                    <a class="badge badge-primary" href="javascript:void(0)" style="font-size:1.05em;" id="ruleAction"><i class="icofont icofont-plus-square"></i></a>
                                                </td>
                                            </tr> 
                                            @if(isset($data))
                                            @foreach(json_decode($data->conditions) as $dt)
                                            <tr>
                                                 <td>{{$dt->module}}</td>
                                                 <td>{{$dt->condition}}</td>
                                                 <td>{{$dt->value}}</td>
                                                 <td>{{$dt->query}}</td>
                                                 <td><i class="fa fa-trash-o text-danger deleteDiscount" style="cursor:pointer" id="deleteDiscount"></i></td>
                                            </tr>                                           
                                            @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Rule Priority</label>
	                                    <input class="form-control" type="text"  name="priority" id ="priority" placeholder="Rule Priority" oninput="this.value = this.value.replace(/[^0-9]/g, ''); "/>                                        
	                                </div>
	                            </div>
	                        </div>                                            
                            <div class="row">	                            
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Assigned to</label>
	                                    <input class="form-control" type="text"  name="assigned" id ="assigned" placeholder="Rule description" value="{{isset($current_assign_user)? $current_assign_user :''}}"/>	                                    
	                                </div>
	                            </div>                                                           
	                        </div>
                            <div class="row">	                            
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Status</label>
	                                    <select class="form-select" name="status" id="status">
	                                        <option value="Active">Active</option>
	                                        <option value="Inactive">Inactive</option>
	                                    </select>
	                                </div>
	                            </div>                                                           
	                        </div>	                       	                        
	                        <div class="row">                                                            
	                            <div class="col justify-content-center">
	                                <div class="text-center"><button class="btn btn-primary" type="submit">@if($data ?? '') {{"Update"}} @else {{"Save"}}@endif</button></div>
	                            </div>
	                        </div>
	                    </div>
                        </form>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>

	
	@push('scripts')	
    <script src="{{asset('assets/js/notify/bootstrap-notify.min.js')}}"></script>
    <script src="{{asset('assets/js/setting/notify.js')}}"></script>
    <script src="{{asset('assets/js/jquery.amsify.suggestags.js')}}"></script>
    <script src="{{asset('assets/functions/common.js')}}"></script>

    <script>
        $(function(){
            $('input[name="assigned"]').amsifySuggestags({
                    suggestions: {!! json_encode($user_list) !!}
                });
        })

        $(function(){
            $("#ruleAction").click(function(){
                var criteria = $("#module").val()
                var condition = $("#condition").val()
                var value = $("#value").val()
                var query = $("#query").val()
                if(criteria =="")
                {
                    notifyF("error","Criteria is required",'danger',2000)
                    return false;
                }
                if(condition =="")
                {
                    notifyF("error","Condition is required",'danger',2000)
                    return false;
                }

                var html = `
                            <tr>
                                <td><span>${criteria}</span></td>
                                <td><span>${condition}</span></td>
                                <td><span>${value}</span></td>
                                <td style="font-weight:800"><span>${query}</span></td>
                                <td><i class="fa fa-trash-o text-danger deleteDiscount" style="cursor:pointer" id="deleteDiscount"></i></td>
                            </tr>
                            `
                  $('#ruleTable tbody').append(html)    
                  
                  $("#module").val('')
                  $("#condition").val('')
                  $("#value").val('')
                
            })
        })


    $(function(){
        $("body").on('click','.deleteDiscount',function(){
           $(this).closest('tr').remove()
        })
    })

    $(function(){
        $("#assignmentRuleForm").submit(function(e){
            e.preventDefault();
            var data = {}
            var name = $("#name").val()
            var assigned = $("#assigned").val()
            var description = $("#description").val()
            var priority = $("#priority").val()
            var status = $("#status").val()
            var main_module = $("#mainmodule").val()
            var id = '{{isset($data) ? encrypt_decrypt('encrypt',$data->rule_Id) : ""}}'
            data.name = name
            data.description = description
            data.assigned = assigned
            data.priority = priority
            data.Id = id;
            if(name =="")
            {
                notifyF("error","Name is required",'danger',2000)
                return false;
            }
            if(main_module=="")
            {
                notifyF("error","Module is required",'danger',2000)
                return false;
            }
            if(assigned =="")
            {
                notifyF("error","Assigne is required",'danger',2000)
                return false;
            }
            if(priority =="")
            {
                notifyF("error","Priority is required",'danger',2000)
                return false;
            }
            var condition = []            
            $("#ruleTable tbody").find('tr:gt(0)').each(function(index,tr){
                var tmp = {}
                tmp.module = $(this).find('td:eq(0)').text()
                tmp.condition = $(this).find('td:eq(1)').text()
                tmp.value = $(this).find('td:eq(2)').text()
                tmp.query = $(this).find('td:eq(3)').text()
                condition.push(tmp)
            })

            if(condition == "")
            {
                notifyF("error","Condition is required",'danger',2000)
                return false;
            }

            data.conditions = condition
            data.status = status
            data.mainmodule = main_module
            var url = "{{isset($data)?route('updateAssignmentRule'):route('saveAssignmentRule')}}"
            ajaxWait(url,data).then(function(result,error){
                console.log(result,'result')
                if(result.Response=='Error')
                {
                    notifyF("error",result.Msg,"danger",2000)                   
                }

                if(result.Response == 'Success')
                {
                    notifyF("success",result.Msg,'success',2000)
                    $("#ScheduleCampaign")[0].reset()
                    location.reload()
                }
            })

            console.log(data,'form data')
        })
    })
    </script>
    @if($data ?? '')
    <script>
            $(function(){
                $("#status").val('{{$data->status}}').attr("selected","selected");                
                $("#mainmodule").val('{{$data->module}}').attr("selected","selected");   
            })
           
    </script>
    @endif
    @if(Session()->has('Response'))
            <script>
                notifyF("{{Session('Response')}}","{{Session('Msg')}}",'primary',2000)
            </script>
        @endif           
	@endpush

@endsection