@extends('layouts.admin.master')

@section('title')Settings
 {{ $title }}
@endsection


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

@section('content')	
	<div class="container-fluid">
    <div class="page-header">
      <div class="row">
        <div class="col-lg-6">
          <h3>Schedule</h3>
          <ol class="breadcrumb">
            <!-- <li class="breadcrumb-item"><a href="{{ route('index') }}">Home</a></li> -->
            <li class="breadcrumb-item"><a href="javascript:void(0)">Settings</a></li>    
            <li class="breadcrumb-item"><a href="{{route('scheduleCampaignList')}}">Schedule list</a></li>            
            <li class="breadcrumb-item"><a href="javascript:void(0)">Schedule</a></li>            

          </ol>
        </div>
        
      </div>
    </div>
</div>
	<div class="container-fluid">
	    <div class="row justify-content-center">
	        <div class="col-sm-7">
	            <div class="card">
	                <div class="card-body">
                    <form method="post" action="@if(base64_decode(request()->get('action'))!='add') {{route('updateScheduleCampaign')}} @else {{route('saveScheduleCampaign')}} @endif" name="ScheduleForm" id="ScheduleCampaign">
                        @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->groupId)}}" />
                                            <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" placeholder="Name" id="name" name="name" value="{{isset($data->name) ? $data->name : ''}}"/>                             
	                                </div>
	                            </div>
	                        </div>  
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Campaign</label>
                                        @php
                                            $campaign = getLeadStage('Campaign')
                                        @endphp
                                        <select class="form-select" name="campaignName" id="campaignName" >
                                            <option value="">--select campaign--</option>
                                            @foreach($campaign as $name=>$value)
                                            <option value="{{$value}}">{{$value}}</option>
                                            @endforeach                                                                                                       
                                        </select>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
                                <div class="table-responsive">
                                    <table class="table m-2 p-2" id="discountTable">
                                        <thead>
                                            <tr>
                                                <th>Template Name</th>
                                                <th>After Lead Created Days</th>
                                                <th>#</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>
                                                    <div class="">
                                                    @php
                                                        $template = getTemplate();
                                                    @endphp
                                                        <div class="mb-3">
                                                            <select class="form-select" name="template" id="template" >
                                                                <option value="">--select template--</option>
                                                                @foreach($template as $name=>$value)
                                                                <option value="{{encrypt_decrypt('encrypt',$name)}}">{{$value}}</option>
                                                                @endforeach                                                                                                       
                                                            </select>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="">
                                                        <div class="mb-3">
                                                            <input class="form-control" type="text" placeholder="Day" id="day" name="day" oninput="this.value = this.value.replace(/[^0-9]/g, ''); "/>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td>
                                                    @if(!isset($data))
                                                    <div>
                                                        <a href="javascript:void(0)" id="addDiscount"><i class="icofont icofont-plus"></i></a>
                                                    </div>
                                                    @endif
                                                </td>
                                            </tr>
                                            @if(isset($data))
                                            @foreach($templateData as $tmpData)
                                            <tr>
                                                <td class='d-none'><span>{{encrypt_decrypt('encrypt',$tmpData->templateId)}}</span></td>
                                                <td><span>{{$tmpData->templateName}}</span></td>
                                                <td><span>{{$tmpData->days}}</span></td>
                                                <td></td>
                                            </tr>
                                            @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Schedule For</label>
                                        <select class="form-select" name="scheduleFor" id="scheduleFor">
                                            <option value="">Select</option>
                                            <option value="Enquire">Enquire</option>
                                            <option value="Admission">Admission</option>
                                            <option value="Fee">Fee</option>
                                        </select>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Default Number</label>
                                        @php
                                            $default = getDefaultNumber()
                                        @endphp
                                        <select class="form-select" name="defaultNumber" id="defaultNumber">
                                            <option value="">Select</option>
                                            @foreach($default as $default_key=>$default_name)
                                            <option value="{{encrypt_decrypt('encrypt',$default_key)}}">{{$default_name}}</option>
                                            @endforeach
                                        </select>
	                                </div>
	                            </div>
	                        </div>                                                
                            <div class="row">	                            	                            
                                <div class="mb-3">
                                    <label>Status</label>
                                    <select class="form-select actionChange" name="status" id="status">
                                        <option value="Active">Active</option>
                                        <option value="Inactive">Inactive</option>
                                    </select>
                                </div>                            
	                        </div>     
                            @if(!isset($data))                                                                   	                        
	                        <div class="row">                                                            
	                            <div class="col justify-content-center">
	                                <div class="text-center"><button class="btn btn-primary" type="submit">Save</button></div>
	                            </div>
	                        </div>
                            @endif
	                    </div>
                        </form>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>

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

    <script>
        @if(isset($data))
        
            $("#campaignName").val('{{$data->campaign}}')
            $("#scheduleFor").val('{{$data->type}}')
            $("#status").val('{{$data->status}}')
            $("#defaultNumber").val("{{encrypt_decrypt('encrypt',$data->defaultNumber)}}")

            $("#ScheduleCampaign input").prop("disabled", true);
            $("#ScheduleCampaign select").prop("disabled", true);
            $("#status").prop("disabled", false);

            $(function(){
            $(".actionChange").change(function(){ 
                var id = "{{encrypt_decrypt('encrypt',$data->groupId)}}"                
                var data = {'Id':id}                
                ajaxWait("{{route('updateScheduleCampaignStatus')}}",data).then(result => {                       
                    if(result.Response == 'Success')
                    {
                        var status = result.Msg         
                        $("#status").val(status)
                        notifyF("Success","Status "+status,'primary',2000)
                    }  
                    else
                    {
                        notifyF("error","Something Went Wrong",'Danger',2000)
                        location.reload()
                    }                  
                })
            })
        })
        
        @endif
        $("#ScheduleForm").submit(function(e){
            e.preventDefault();
            var template = $('#template').val();
            var scheduleFor = $('#scheduleFor').val();
            var scheduleAt = $('#scheduleAt').val();
            var isError = 1
            // var batch = $('#batch').val();

            if(template=='')
            {
                isError = 0
                notifyF("Error",'Template is required','danger',2000)
                return false
            }
            if(scheduleFor=='')
            {
                isError = 0
                notifyF("Error",'Schedule for is required','danger',2000)
                return false
            }
            if(scheduleAt=='')
            {
                isError = 0
                notifyF("Error",'Schedule at required','danger',2000)
                return false
            }                    
            if(isError)  
            {
                e.currentTarget.submit();            
            }
        })

        $(function(){
        $("#addDiscount").click(function(){
            var template = $('#template :selected').text()
            var templateVal = $('#template').val()
            var day = $("#day").val()

            if(template=="")
            {
                notifyF("error","Template is required",'danger',2000)
                return false;
            }
            if(day=="")
            {
                notifyF("error","day is required",'danger',2000)
                return false;
            }                              

            var html = 
            `
                <tr>
                    <td class='d-none'><span>${templateVal}</span></td>
                    <td><span>${template}</span></td>
                    <td><span>${day}</span></td>
                    <td><i class="fa fa-trash-o text-danger deleteDiscount" style="cursor:pointer" id="deleteDiscount"></i></td>
                </tr>
            `
            $('#discountTable tbody').append(html)
            // calculateDiscount()
            $("#template").val('')
            $("#day").val('')

        })
    })

    $(function(){
        $("body").on('click','.deleteDiscount',function(){
           $(this).closest('tr').remove()
        })
    })
    
    $(function(){
        $("#ScheduleCampaign").submit(function(e){
            e.preventDefault()
            var data = {}            
            var name = $("#name").val();       
            var defaultNumber = $("#defaultNumber").val();       
            data.name = name     
            data.defaultNumber = defaultNumber     
            var scheduleFor = $("#scheduleFor").val()
            if(name=='')
            {
                notifyF("Error",'Name is required','danger',2000)
                return false
            }
            data.scheduleFor = scheduleFor
            if(scheduleFor=='')
            {
                notifyF("Error",'Schedule for is required','danger',2000)
                return false
            }
            var status = $("#status").val()
            data.status = status
            var c_name = $("#campaignName").val();
            if(c_name == "")
            {
                notifyF("Error",'Campaign name for is required','danger',2000)
                return false
            }
            data.campaignName = c_name
            var campaign = []
            $("#discountTable tbody").find('tr:gt(0)').each(function(index,value){ 
                var tmp = {}
                tmp.templateValue = $(this).find('td:eq(0)').text()
                tmp.templateName = $(this).find('td:eq(1)').text()
                tmp.day  = $(this).find('td:eq(2)').text()
                campaign.push(tmp)               
            })
            if(campaign=="")
            {
                notifyF("Error",'Template is required','danger',2000)
                return false
            }
            data.campaign = campaign
            var url = "{{isset($data)?route('updateScheduleCampaign'):route('saveScheduleCampaign')}}"
            
            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()
                }
            })

        })
    })
    </script>
	@endpush

@endsection