@extends('layouts.admin.master')

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


@push('css')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/date-picker.css') }}">
<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>Setting</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('smsTemplateList')}}">Sms Template</a></li>
            <li class="breadcrumb-item"><a href="javascript:void(0)">Template</a></li>

          </ol>
        </div>

      </div>
    </div>
</div>
	<div class="container-fluid">
	    <div class="row justify-content-center">
	        <div class="col-sm-9">
	            <div class="card">
	                <div class="card-body">
                    <form method="post" action="@if(base64_decode(request()->get('action'))!='add') {{route('updateSmsTemplate')}} @else {{route('saveSmsTemplate')}} @endif" name="BatchForm" id="BatchForm">
                        @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->template_Id)}}" />
                                            <span id="nameError" class="addError"></span>
                                        </div>
                                    </div>
                                </div>
                                @endif
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Template Name</label>
	                                    <input class="form-control" type="text" placeholder="Template Name " id="template" name="template" value="{{$data->name ?? ''}}"/>
	                                </div>
	                            </div>
	                        </div>
	                        <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Template For</label>
                                        <select class="form-select col-sm-12" name ="templateFor" id="templateFor">
                                            <option value="">select course</option>
                                            <option value="Admission">Admission</option>
                                            <option value="Enquire">Enquire</option>
                                            <option value="EnquireDetail">Enquire Detail</option>
                                        </select>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Template Type</label>
                                        <select class="form-select col-sm-12" name ="templateType" id="templateType">
                                            <option value="">select course</option>
                                            <option value="Whatsapp">Whatsapp</option>
                                            <option value="SMS">SMS</option>
                                            <option value="Email">Email</option>
                                        </select>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Attachment Url (For Image,Document)</label>
	                                    <input class="form-control" type="text" placeholder="Attachment Url " id="attachment-url" name="attachment_url" value="{{$data->attachment_url ?? ''}}"/>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
                                <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 class="row">
                                <div class="col mb-3">
                                <div>
                                    <label class="form-label" for="exampleFormControlTextarea9">Editor</label>
                                    <textarea id="editor1" name="editor1" cols="30" rows="10" style='white-space:pre-line'>{{isset($data)?json_decode($data->content):''}}</textarea>
                                </div>
                                </div>
                            </div>
	                        <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>
	                    </div>
                        </form>
	                </div>
	            </div>
	        </div>
            <div class="col-sm-3">
	            <div class="card">
                    <div class="card-body">
                        <div class="navigation-btn">
                            <a class="btn btn-primary" href="javascript:void(0)"><i class="m-r-10" data-feather="message-square"></i>SMS Field</a>
                        </div>
                        <div class="navigation-option">
                            <ul>
                                @foreach($column as $col)
                                <li>
                                    <a href="javascript:void(0)" class="smsField"><i data-feather="edit"></i>{{$col}}</a>
                                </li>
                                @endforeach
                            </ul>
                        </div>
                    </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/editor/ckeditor/ckeditor.js?1.2')}}"></script>
    <script src="{{asset('assets/js/editor/ckeditor/adapters/jquery.js?1.2')}}"></script>
    <script src="{{asset('assets/js/editor/ckeditor/styles.js?1.2')}}"></script>
    <script src="{{asset('assets/js/editor/ckeditor/ckeditor.custom.js?1.2')}}"></script>

    <script>
        $("#BatchForm").submit(function(e){
            e.preventDefault();
            var batch = $('#batch').val();
            if(batch=='')
            {
                notifyF("Error",'batch require','danger',2000)
                return false
            }
            else
            {
                console.log($(this).serialize(),'form');
                // console.log(this)
                // var content = CKEDITOR.instances.editor2.document.getBody().getText();
                // $("#editor2").text(content);
                console.log(JSON.stringify($("#editor1").val()),"val");
                console.log(JSON.stringify($("#editor1").text()),"text");
                console.log(CKEDITOR.instances.editor1.getData(),"qwertyui")
                // CKEDITOR.instances['editor1'].getBody().getText();
                e.currentTarget.submit();
            }
        })


        $(function(){
            $(".smsField").click(function(){
                var col = $(this).text()
                col = '['+col+']'
                CKEDITOR.instances['editor1'].insertHtml(col);
            })
        })

        @if(Session()->has('Response'))
                notifyF("{{Session('Response')}}","{{Session('Msg')}}",'primary',2000)
        @endif

        @if(isset($data))
            $(function(){
                $("#status").val('{{$data->status}}').attr("selected","selected");
                $("#templateFor").val('{{$data->templateFor}}').attr("selected","selected");
                $("#templateType").val('{{$data->templateType}}').attr("selected","selected");

            })

        @endif
    </script>
	@endpush

@endsection