@php
	use App\Lib\MyHelper;
@endphp
@extends('layouts.app')

@section('title', 'Manage Auto Response')
@section('breadcrumb', 'Manage Auto Response')
@section('sub-breadcrumb')
    <a href="{{route('setting.autocrm')}}" class="kt-subheader__breadcrumbs-link">
        List
    </a>
    <span class="kt-subheader__breadcrumbs-separator"></span>
    <a class="kt-subheader__breadcrumbs-link">
        Edit
    </a>
@endsection
@section('setting.autocrm', 'kt-menu__item--active')

@section('content')
    <div class="kt-portlet">
        <div class="kt-portlet__body">
            @include('layouts.notification')
            <div class="col md-12">
            <p>Type: &nbsp; <b>
                @if ($autocrm['type'] == 'Order Paid of')
                    Order Complete
                @elseif ($autocrm['type'] == 'Problem Task Enter')
                    Task Problem
                @elseif ($autocrm['type'] == 'Push Task Late Assignment')
                    (Push) Task Late
                @elseif ($autocrm['type'] == 'Inbox Task Late Assignment')
                    (Inbox) Task Late
                @elseif ($autocrm['type'] == 'Order Pending Edit')
                    Order Changed
                @else
                    {{$autocrm['type']}}
                @endif
            </b></p>
            </div>

            {{-- button --}}
            <div class="container">
                <div class="row">
                    @if (($autocrm['type'] !== "Inbox Task Late Assignment") && ($autocrm['type'] !== "Push Task Late Assignment"))
                        <div class="col-3">
                            <div class="row">
                                <label class="col-4 col-form-label">Email</label>
                                <div class="col-8">
                                    <span class="kt-switch kt-switch--icon">
                                        <label>
                                            <input id="toogle_email" type="checkbox" {{($autocrm['toggle_email'] == 1) ? 'checked' : ''}}>
                                            <span></span>
                                        </label>
                                    </span>
                                </div>
                            </div>
                        </div>
                    @endif
                    @if (($autocrm['type'] !== "Inbox Task Late Assignment"))
                        <div class="col-4">
                            <div class="row">
                                <label class="col-6 col-form-label">Push Notification</label>
                                <div class="col-6">
                                    <span class="kt-switch kt-switch--icon">
                                        <label>
                                            <input id="toggle_push" type="checkbox" {{($autocrm['toggle_push'] == 1) ? 'checked' : ''}}>
                                            <span></span>
                                        </label>
                                    </span>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if (($autocrm['type'] == "Push Task Late Assignment") && ($autocrm['type'] == "Problem Task Enter"))
                        <div class="col-3">
                            <div class="row">
                                <label class="col-4 col-form-label">Inbox</label>
                                <div class="col-8">
                                    <span class="kt-switch kt-switch--icon">
                                        <label>
                                            <input id="toggle_inbox" type="checkbox" {{($autocrm['toggle_inbox'] == 1) ? 'checked' : ''}}>
                                            <span></span>
                                        </label>
                                    </span>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>

            {{-- container div --}}
            <div class="container mt-4 p-0">
                <form action="{{route('setting.autocrm.update')}}" method="POST">
                    @csrf
                <input type="hidden" name="id" value="{{MyHelper::encSlug($autocrm['id'])}}">
                <input type="hidden" name="toggle_email" id="value_email" value="{{($autocrm['toggle_email'] == 1) ? 1 : 0}}">
                <input type="hidden" name="toggle_push" id="value_push" value="{{($autocrm['toggle_push'] == 1) ? 1 : 0}}">
                <input type="hidden" name="toggle_inbox" id="value_inbox" value="{{($autocrm['toggle_inbox'] == 1) ? 1 : 0}}">

                {{-- Email CRM --}}
                <div class="col-md-12 p-0" id="ar_email" style="display: {{($autocrm['toggle_email'] == 1) ? 'block' : 'none'}}">
                    <div class="kt-portlet">
                        <div class="kt-portlet__head">
                            <div class="kt-portlet__head-label">
                                <p class="kt-portlet__head-title">
                                    <i class="fa fa-envelope"></i> Auto Response Email
                                </p>
                            </div>
                        </div>
                        <div class="kt-portlet__body">
                            <div class="form-group">
                                <label><b>Email Subject</b></label>
                                <input name="email_subject" id="email_subject" type="text" class="form-control" value="{{$autocrm['email_subject']}}" style="width: 50%" placeholder="Email Subject . . ">
                                <small class="text-grey">You can use this variables to display other information:</small><br><br>
                                {{-- replace text --}}
                                @if ($autocrm['type'] == "Order Invoice")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "User Login Success")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "User Login Failed")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Ship")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%order_number%')">Order Number</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Paid of")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%order_number%')">Order Number</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Inbox Task Late Assignment")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%description%')">Description</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%user%')">User</button>&nbsp;
                                @elseif ($autocrm['type'] == "Push Task Late Assignment")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Problem Task Enter")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%description%')">Description</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%user%')">User</button>&nbsp;
                                @elseif ($autocrm['type'] == "Send OTP Code")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%code%')">Code</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Pending Edit")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%order_number%')">Order Number</button>&nbsp;
                                @elseif ($autocrm['type'] == "Task Over Distance")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%jarak%')">Jarak</button>&nbsp;
                                @else
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_subject', '%name%')">Name</button>&nbsp;
                                @endif
                            </div>
                            <div class="form-group">
                                <label><b>Email Content</b></label>
                                <textarea name="email_content" id="email_content" cols="30" rows="10" class="form-control" placeholder="Email Content . . ">{{$autocrm['email_content']}}</textarea>
                                <small class="text-grey">You can use this variables to display other information:</small><br><br>
                                {{-- replace text --}}
                                @if ($autocrm['type'] == "Order Invoice")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "User Login Success")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "User Login Failed")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Ship")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%order_number%')">Order Number</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Paid of")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%order_number%')">Order Number</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Inbox Task Late Assignment")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%description%')">Description</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%user%')">User</button>&nbsp;
                                @elseif ($autocrm['type'] == "Push Task Late Assignment")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Problem Task Enter")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%description%')">Description</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%user%')">User</button>&nbsp;
                                @elseif ($autocrm['type'] == "Send OTP Code")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%code%')">Code</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Pending Edit")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%order_number%')">Order Number</button>&nbsp;
                                @elseif ($autocrm['type'] == "Task Over Distance")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%jarak%')">Jarak</button>&nbsp;
                                @else
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#email_content', '%name%')">Name</button>&nbsp;
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Push Notification CRM --}}
                <div class="col-md-12 p-0" id="ar_push" style="display: {{($autocrm['toggle_push'] == 1) ? 'block' : 'none'}}">
                    <div class="kt-portlet">
                        <div class="kt-portlet__head">
                            <div class="kt-portlet__head-label">
                                <p class="kt-portlet__head-title">
                                    <i class="fa fa-phone"></i> Auto Response Push Notification
                                </p>
                            </div>
                        </div>
                        <div class="kt-portlet__body">
                            <div class="form-group">
                                <label><b>Push Notification Subject</b></label>
                                <input name="push_subject" id="push_subject" type="text" class="form-control" value="{{$autocrm['push_subject']}}" style="width: 50%" placeholder="Push Notification Subject . . ">
                                <small class="text-grey">You can use this variables to display other information:</small><br><br>
                                {{-- replace text --}}
                                @if ($autocrm['type'] == "Order Invoice")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "User Login Success")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "User Login Failed")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Ship")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%order_number%')">Order Number</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Paid of")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%order_number%')">Order Number</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Inbox Task Late Assignment")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%description%')">Description</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%user%')">User</button>&nbsp;
                                @elseif ($autocrm['type'] == "Push Task Late Assignment")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Problem Task Enter")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%description%')">Description</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%user%')">User</button>&nbsp;
                                @elseif ($autocrm['type'] == "Send OTP Code")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%code%')">Code</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Pending Edit")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%order_number%')">Order Number</button>&nbsp;
                                @elseif ($autocrm['type'] == "Task Over Distance")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%jarak%')">Jarak</button>&nbsp;
                                @else
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_subject', '%name%')">Name</button>&nbsp;
                                @endif
                            </div>
                            <div class="form-group">
                                <label><b>Push Notification Content</b></label>
                                <textarea name="push_content" id="push_content" cols="30" rows="10" class="form-control" placeholder="Push Notification Content . . ">{{$autocrm['push_content']}}</textarea>
                                <small class="text-grey">You can use this variables to display other information:</small><br><br>
                                {{-- replace text --}}
                                @if ($autocrm['type'] == "Order Invoice")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "User Login Success")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "User Login Failed")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Ship")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%order_number%')">Order Number</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Paid of")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%order_number%')">Order Number</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Inbox Task Late Assignment")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%description%')">Description</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%user%')">User</button>&nbsp;
                                @elseif ($autocrm['type'] == "Push Task Late Assignment")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Problem Task Enter")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%description%')">Description</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%user%')">User</button>&nbsp;
                                @elseif ($autocrm['type'] == "Send OTP Code")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%code%')">Code</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Pending Edit")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%order_number%')">Order Number</button>&nbsp;
                                @elseif ($autocrm['type'] == "Task Over Distance")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%jarak%')">Jarak</button>&nbsp;
                                @else
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#push_content', '%name%')">Name</button>&nbsp;
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Inbox CRM --}}
                <div class="col-md-12 p-0" id="ar_inbox" style="display: {{($autocrm['toggle_inbox'] == 1) ? 'block' : 'none'}}">
                    <div class="kt-portlet">
                        <div class="kt-portlet__head">
                            <div class="kt-portlet__head-label">
                                <p class="kt-portlet__head-title">
                                    <i class="fa fa-inbox"></i> Auto Response Inbox
                                </p>
                            </div>
                        </div>
                        <div class="kt-portlet__body">
                            <div class="form-group">
                                <label><b>Inbox Subject</b></label>
                                <input name="inbox_subject" id="inbox_subject" type="text" class="form-control" value="{{$autocrm['inbox_subject']}}" style="width: 50%" placeholder="Inbox Subject . . ">
                                <small class="text-grey">You can use this variables to display other information:</small><br><br>
                                {{-- replace text --}}
                                @if ($autocrm['type'] == "Order Invoice")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "User Login Success")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "User Login Failed")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Ship")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%order_number%')">Order Number</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Paid of")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%order_number%')">Order Number</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Inbox Task Late Assignment")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%description%')">Description</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%user%')">User</button>&nbsp;
                                @elseif ($autocrm['type'] == "Push Task Late Assignment")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Problem Task Enter")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%description%')">Description</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%user%')">User</button>&nbsp;
                                @elseif ($autocrm['type'] == "Send OTP Code")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%code%')">Code</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Pending Edit")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%order_number%')">Order Number</button>&nbsp;
                                @elseif ($autocrm['type'] == "Task Over Distance")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%jarak%')">Jarak</button>&nbsp;
                                @else
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_subject', '%name%')">Name</button>&nbsp;
                                @endif
                            </div>
                            <div class="form-group">
                                <label><b>Inbox Content</b></label>
                                <textarea name="inbox_content" id="inbox_content" cols="30" rows="10" class="form-control" placeholder="Inbox Content . . ">{{$autocrm['inbox_content']}}</textarea>
                                <small class="text-grey">You can use this variables to display other information:</small><br><br>
                                {{-- replace text --}}
                                @if ($autocrm['type'] == "Order Invoice")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "User Login Success")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "User Login Failed")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%name%')">Name</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Ship")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%order_number%')">Order Number</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Paid of")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%order_number%')">Order Number</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Inbox Task Late Assignment")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%description%')">Description</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%user%')">User</button>&nbsp;
                                @elseif ($autocrm['type'] == "Push Task Late Assignment")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%outlet%')">Outlet</button>&nbsp;
                                @elseif ($autocrm['type'] == "Problem Task Enter")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%description%')">Description</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%user%')">User</button>&nbsp;
                                @elseif ($autocrm['type'] == "Send OTP Code")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%code%')">Code</button>&nbsp;
                                @elseif ($autocrm['type'] == "Order Pending Edit")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%order_number%')">Order Number</button>&nbsp;
                                @elseif ($autocrm['type'] == "Task Over Distance")
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%name%')">Name</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%outlet%')">Outlet</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%title%')">Title</button>&nbsp;
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%jarak%')">Jarak</button>&nbsp;
                                @else
                                    <button type="button" class="btn btn-secondary btn-pill" onclick="pushValue('#inbox_content', '%name%')">Name</button>&nbsp;
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                {{-- button submit --}}
                <div class="col-md-12">
                    <div class="pull-right">
                        <div class="form-group text-right">
                            <button class="btn btn-secondary" type="reset"> Reset</button>
                            <button class="btn btn-warning" type="submit"><i class="fa fa-edit"></i> Update</button>
                        </div>
                    </div>
                </div>
            </form>
            </div>
        </div>
	</div>
@endsection

@section('custom-script')
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.16/dist/summernote.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.16/dist/summernote.min.js"></script>
    {{-- Script toogle --}}
    <script>
        $( document ).ready(function() {
            $('#toogle_email').click(function(){
                if($(this).prop("checked") == true){
                    $("#ar_email").css("display", "block");
                    $("#value_email").val(1);
                }
                else if($(this).prop("checked") == false){
                    $("#ar_email").css("display", "none");
                    $("#value_email").val(0);
                }
            });
            $('#toggle_push').click(function(){
                if($(this).prop("checked") == true){
                    $("#ar_push").css("display", "block");
                    $("#value_push").val(1);
                }
                else if($(this).prop("checked") == false){
                    $("#ar_push").css("display", "none");
                    $("#value_push").val(0);
                }
            });
            $('#toggle_inbox').click(function(){
                if($(this).prop("checked") == true){
                    $("#ar_inbox").css("display", "block");
                    $("#value_inbox").val(1);
                }
                else if($(this).prop("checked") == false){
                    $("#ar_inbox").css("display", "none");
                    $("#value_inbox").val(0);
                }
            });
        });
    </script>

    {{-- Scipt replace text --}}
    <script>
        function pushValue(id, replace_text) {
            // console.log(id);
            var textvalue = $(id).val();
            var textvaluebaru = textvalue+" "+replace_text;
            if (id == "#inbox_content") {
                $(id).val(textvaluebaru);
                $(id).summernote('editor.saveRange');
                $(id).summernote('editor.restoreRange');
                $(id).summernote('editor.focus');
                $(id).summernote('editor.insertText', replace_text);

            }else if(id == "#email_content"){
                $(id).val(textvaluebaru);
                $(id).summernote('editor.saveRange');
                $(id).summernote('editor.restoreRange');
                $(id).summernote('editor.focus');
                $(id).summernote('editor.insertText', replace_text);

            }else{
                var areaId = id.replace('#','');
                insertAtCaret(areaId, replace_text)
                // $(id).val($(id).val()+replace_text);
            }


            // fungsi untuk melelakukan replace text pada curson
            function insertAtCaret(areaId, text) {
                var txtarea = document.getElementById(areaId);
                if (!txtarea) {
                    return;
                }

                var scrollPos = txtarea.scrollTop;
                var strPos = 0;
                var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ?
                    "ff" : (document.selection ? "ie" : false));
                if (br == "ie") {
                    txtarea.focus();
                    var range = document.selection.createRange();
                    range.moveStart('character', -txtarea.value.length);
                    strPos = range.text.length;
                } else if (br == "ff") {
                    strPos = txtarea.selectionStart;
                }

                var front = (txtarea.value).substring(0, strPos);
                var back = (txtarea.value).substring(strPos, txtarea.value.length);
                txtarea.value = front + text + back;
                strPos = strPos + text.length;
                if (br == "ie") {
                    txtarea.focus();
                    var ieRange = document.selection.createRange();
                    ieRange.moveStart('character', -txtarea.value.length);
                    ieRange.moveStart('character', strPos);
                    ieRange.moveEnd('character', 0);
                    ieRange.select();
                } else if (br == "ff") {
                    txtarea.selectionStart = strPos;
                    txtarea.selectionEnd = strPos;
                    txtarea.focus();
                }

                txtarea.scrollTop = scrollPos;
            }
        }
    </script>
    <script>
        $(document).ready(function() {
            $('#inbox_content').summernote({
                placeholder: 'Content',
                tabsize: 2,
                height: 200,
                toolbar: [
                    ['style', []],
                    ['style', ['bold', 'underline', 'clear']],
                    ['color', []],
                    ['para', []],
                    ['insert', []],
                    ['insert', []],
                    ['misc', ['fullscreen', 'codeview', 'help']]
                ],
            });
            $('#email_content').summernote({
                placeholder: 'Content',
                tabsize: 2,
                height: 200,
                toolbar: [
                    ['style', []],
                    ['style', ['bold', 'underline', 'clear']],
                    ['color', []],
                    ['para', []],
                    ['insert', []],
                    ['insert', []],
                    ['misc', ['fullscreen', 'codeview', 'help']]
                ],
            });
        });
    </script>
@endsection