@extends('layout.basic.main')
@push('css')
    <link rel="stylesheet" href="/css/reply/style.css?v={{config("sns-line.version")}}">
@endpush
@section('content')
    <div class="container-fluid">
        <div class="row" id="item_vuelist">
            <div class="col-xs-12">
                @if(session('errors'))
                    <div class="alert alert-danger alert-dismissable fade in">
                        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        <ul>
                            @foreach(session('errors') as $error)
                                <li>{!! $error !!}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                @if(session('success'))
                    <div class="alert alert-success alert-dismissable fade in">
                        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        <ul>
                            <li>{!! session('success') !!}</li>
                        </ul>
                    </div>
                    @push('js')
                        <script type="application/javascript">
                            setTimeout(function () {
                                location.href = '/basic/reply'
                            }, 1000);
                        </script>
                    @endpush
                @endif
{{--                <div class="row">--}}
{{--                    <h2 style="font-size: 20px; color: #222222; font-weight: bold; padding: 10px 10px 10px 0">自動返信</h2>--}}
{{--                    <p style="margin-bottom: 15px; font-size: 15px; color: #222222">--}}
{{--                        友だちから送られたキーワードや時間帯に応じた自動返信を作成・設定することができます。</p>--}}
{{--                </div>--}}
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="row">
                    <div class="row">
                        <div class="col-sm-12">
{{--                            <h2>自動返信編集--}}
{{--                            </h2>--}}
                            <br>
                            <br>
                            <form method="POST" action="{!! route('saveItemReply') !!}"
                                  accept-charset="UTF-8"
                                  class="msgform">
                                <input name="_token" type="hidden"
                                       value="{!! csrf_token() !!}">
                                <input type="hidden" name="item_id"
                                       @if(!empty($auto_reply->id)) value="{!! $auto_reply->id !!}" @endif>
                                <div class="row">
                                    <div class="col-sm-2">
                                        <div class=" form-group">
                                            <label for="type">トリガー</label>
                                            <span class="label label-danger label-sm">必須</span>
                                            <div class="radio">
                                                <label>
                                                    <input class="reaction-type" checked="checked" name="type"
                                                           type="radio"
                                                           value="0" id="type" @if((\Illuminate\Support\Facades\Session::has('error_type')
                                                    && \Illuminate\Support\Facades\Session::get('error_type') == 'keyword') ||
                                                     (isset($auto_reply->trigger_kind) && $auto_reply->trigger_kind == config('sns-line.trigger_kind.keyword'))||!\Session::has('error_type')) checked
                                                            @endif> キーワードで反応
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label>
                                                    <input class="reaction-type" name="type" type="radio" value="1"
                                                           id="type"
                                                           @if(((\Illuminate\Support\Facades\Session::has('error_type')
                                                    && \Illuminate\Support\Facades\Session::get('error_type') == 'time') || (isset($auto_reply->trigger_kind) && $auto_reply->trigger_kind == config('sns-line.trigger_kind.time')))) checked
                                                            @endif>
                                                    時間帯で反応
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="word-setting" @if(empty($auto_reply->trigger_kind)
                                    || (isset($auto_reply->trigger_kind) && $auto_reply->trigger_kind == config('sns-line.trigger_kind.keyword')))
                                    style="display: block" @else style="display: none" @endif>
                                        <div class="col-sm-6">
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <label>キーワード設定</label>
                                                    <span class="label label-danger label-sm">必須</span>
                                                </div>
                                                <div class="col-sm-6">
                                                    <select class="form-control input-sm pull-right"
                                                            style="    margin-top: -0.5em;margin-bottom: 0.5em;"
                                                            name="rule_mix">
                                                        <option value="0"
                                                                @if(!empty($auto_reply) && $auto_reply->logical == 0) selected="selected" @endif >
                                                            どれか1つにマッチするとき応答
                                                        </option>
                                                        <option value="1"
                                                                @if(!empty($auto_reply) && $auto_reply->logical == 1) selected="selected" @endif>
                                                            すべてにマッチするときのみ応答
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                            <table class="table table-striped table-condensed">
                                                <thead>
                                                <tr>
                                                    <th>
                                                        キーワード
                                                    </th>
                                                    <th>
                                                        適応方法
                                                    </th>
                                                    <th style="width:2em;"></th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @if(!empty($auto_reply)
                                                && !empty($auto_reply->keywords)
                                                && count($auto_reply->keywords) > 0)
                                                    @foreach($auto_reply->keywords as $item)
                                                        <tr class="word_col">
                                                            <td>
                                                                <input class="form-control word-input"
                                                                       name="rword[{{$item->id}}]"
                                                                       onfocusout="shortKeyword(this)"
                                                                       type="text"
                                                                       value="{{$item->keyword}}">
                                                            </td>
                                                            <td>
                                                                <select class="form-control match-input"
                                                                        name="rmatch_type[{!! $item->id !!}]">
                                                                    <option value="0"
                                                                            @if($item->logical == 0) selected="selected" @endif>
                                                                        完全一致
                                                                    </option>
                                                                    <option value="1"
                                                                            @if($item->logical == 1) selected="selected" @endif>
                                                                        部分一致
                                                                    </option>
                                                                </select>
                                                            </td>
                                                            <td>
                                                        <span class="btn btn-default btn-block word_remover">
                                                        <i class="glyphicon glyphicon-remove"></i>
                                                        </span>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                                <tr id="word_add_row">
                                                    <td colspan="3">
                            <span class="btn btn-default btn-block btn-sm" id="word_adder" style="background-color: #F4FBF2">
                                追加
                            </span>
                                                    </td>
                                                </tr>
                                                <tr id="word_sel_master" style="display: none;">
                                                    <td>
                                                        <input class="form-control word-input" name="wd" type="text"
                                                               onfocusout="shortKeyword(this)">
                                                    </td>
                                                    <td>
                                                        <select class="form-control match-input" name="mt">
                                                            <option value="0">完全一致</option>
                                                            <option value="1">部分一致</option>
                                                        </select>
                                                    </td>
                                                    <td>
                                <span class="btn btn-default btn-block word_remover">
                                    <i class="glyphicon glyphicon-remove"></i>
                                </span>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                    <div id="week-setting"
                                         @if(isset($auto_reply->trigger_kind) && $auto_reply->trigger_kind == config('sns-line.trigger_kind.time'))
                                         style="display: block" @else style="display: none" @endif>
                                        <div class="col-sm-6">
                                            <div class="">
                                                <label for="week">曜日</label>
                                                <span class="label label-danger label-sm">必須</span>
                                                <br>
                                                                                                @foreach($week_arr as $key=>$week)
                                                    <div class="checkbox-inline">
                                                        <label>
                                                            <input type="checkbox" name="week[]" value="{{$key}}"
                                                                   @if(in_array($key, $week_edit)) checked @endif> {!! $week !!}
                                                        </label>
                                                    </div>
                                                @endforeach
                                            </div>
                                            <label for="">時間帯</label>
                                            <span class="label label-danger label-sm">必須</span>
                                            <div class="input-group">
                                                <input class="form-control timepicker_min" name="hour_from" type="text"
                                                       @if(!empty($auto_reply->start_time)) value="{!! \Carbon\Carbon::parse($auto_reply->start_time)->format('H:i') !!}" @endif>
                                                <span class="input-group-addon">から</span>
                                                <input class="form-control timepicker_min" name="hour_to"
                                                       @if(!empty($auto_reply->end_time)) value="{!! \Carbon\Carbon::parse($auto_reply->end_time)->format('H:i') !!}"
                                                       @endif type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        @include('basic.filter.filter_control')
                                        @include('basic.filter.filter_input')
                                    </div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class=" form-group">
                                            <label for="is_active">ステータス</label>
                                            <span class="label label-danger label-sm">必須</span>
                                            <select class="form-control" id="is_active" name="is_active">
                                                <option value="0"
                                                        @if(!isset($auto_reply->is_stopped)
                                                        || (isset($auto_reply->is_stopped)
                                                        && $auto_reply->is_stopped == config('sns-line.item_is_stopped.false'))) selected="selected" @endif>
                                                    オン
                                                </option>
                                                <option value="1" @if(isset($auto_reply->is_stopped)
                                                && $auto_reply->is_stopped == config('sns-line.item_is_stopped.true')) selected="selected" @endif>
                                                    オフ
                                                </option>
                                            </select>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class=" form-group">
                                            <label for="only_once">応答回数</label>
                                            <span class="label label-danger label-sm">必須</span>
                                            <select class="form-control" id="only_once" name="only_once">
                                                <option value="0" @if(isset($auto_reply->response_number)
                                                && $auto_reply->response_number == 0) selected="selected" @endif>
                                                    何度でも反応
                                                </option>
                                                <option value="1" @if(isset($auto_reply->is_stopped)
                                                && $auto_reply->response_number == 1) selected="selected" @endif>
                                                    1回のみ反応
                                                </option>
                                            </select>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-sm-3">
                                        <div class="">
                                            <label for="">該当した時のアクション</label>
                                            <div class="radio">
                                                <label class="">
                                                    <input id="use_reply_0" class="use_reply"
                                                           name="use_reply" type="radio" value="0"
                                                           @if(isset($auto_reply->reply_kind)
                                                && $auto_reply->reply_kind == config('sns-line.use_reply.none')) checked="checked" @endif
                                                    > 返信しない
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label class="">
                                                    <input id="use_reply_1" class="use_reply" name="use_reply"
                                                           type="radio" value="1"
                                                           @if(isset($auto_reply->reply_kind)
                                                && $auto_reply->reply_kind == config('sns-line.use_reply.text')) checked="checked" @endif
                                                    > テキストで返信する
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label class="">
                                                    <input id="use_reply_2" class="use_reply" name="use_reply"
                                                           type="radio" value="2"
                                                           @if(isset($auto_reply->reply_kind)
                                                && $auto_reply->reply_kind == config('sns-line.use_reply.template')) checked="checked" @endif
                                                    > テンプレートで返信する
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-9" id="reply-text-block" style="display: none;">
                                        <div>
                                            <div class=" form-group">
                                                <label for="reply" class="control-label">文章</label>
                                                @if(!empty($auto_reply->reply_content))
                                                    <textarea id="reply_text" class="form-control emoji-area" rows="3"
                                                              name="reply"
                                                              cols="50">{!! base64_decode($auto_reply->reply_content) !!}</textarea>
                                                @else
                                                    <textarea id="reply_text" class="form-control emoji-area" rows="3"
                                                              name="reply" cols="50" style="display: none;"></textarea>
                                                @endif

                                                <small class="form-counter">5000文字以内</small>
                                                <small class="form-help">
                                                    {name}と入力すると受信者の名前へ変換されます。
                                                </small>
                                                <div class="clearfix"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6" id="template-select-block" style="display: none;">
                                        <div style="">
                                            <div class=" form-group">
                                                <label for="egg_id" class="control-label">テンプレート</label>
                                                <div class="tag-selector">
                                                    <div class="row" id="egg_idSelector">
                                                        <div class="col-sm-5 twin-selector-left"
                                                             style="padding-left: 0">
                                                            <div class="group-selector">
                                                                <div class="nano-parent scrollbar-left style-1">
                                                                    <div class="nano nano-bar-force has-scrollbar force-overflow-left style-1" style="height: 180px;">
                                                                        <div class="nano-content" tabindex="0"
                                                                             style="right: -30px;">
                                                                            <div class="nano-inner">
                                                                                <a class="collapsed collapse-opener group_template @if(isset($template_group) && $template_group == 0) active @endif"
                                                                                   onclick="showTemplate(0)"
                                                                                   role="button"
                                                                                   data-toggle="collapse"
                                                                                   id="group_0"
                                                                                   aria-expanded="false"
                                                                                   data-accordion="tag_editor_egg_id"
                                                                                   aria-controls="egg_idCollapse0">
                                                                                    <i class="glyphicon glyphicon-folder-collapse"></i>
                                                                                    未分類
                                                                                </a>
                                                                                @if(!empty($categories_template) && count($categories_template) > 0)
                                                                                    @foreach($categories_template as $item_category)
                                                                                        <a class="collapsed collapse-opener group_template @if(isset($template_group) && $template_group == $item_category->id) active @endif"
                                                                                           onclick="showTemplate('{!! $item_category->id !!}')"
                                                                                           role="button"
                                                                                           data-toggle="collapse"
                                                                                           id="group_{{$item_category->id}}"
                                                                                           aria-expanded="false"
                                                                                           data-accordion="tag_editor_egg_id"
                                                                                           aria-controls="egg_idCollapse{{$item_category->id}}">
                                                                                            <i class="glyphicon glyphicon-folder-collapse"></i>
                                                                                            {{$item_category->name}}
                                                                                        </a>
                                                                                    @endforeach
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-7 twin-selector-right">
                                                            <div class="collapse fade fade-flash in"
                                                                 data-accordion="tag_editor_egg_id">
                                                                <p style="text-align: center;font-weight: bold;margin-top: 0.5em;">
                                                                    フォルダーを選択して下さい</p>
                                                            </div>
                                                            <div class="nano-parent scrollbar-right style-1">
                                                                <div class="nano has-scrollbar force-overflow style-1"
                                                                     id="egg_iditemradiopart" style="height: 100px;">
                                                                    <div class="nano-content" tabindex="0"
                                                                         style="right: -30px;">
                                                                        <div class="nano-inner">
                                                                            <div class="collapse fade fade-flash @if(isset($template_group) && $template_group == 0) in @endif"
                                                                                 data-accordion="tag_editor_egg_id"
                                                                                 id="egg_idCollapse0">
                                                                                @foreach($items_default as $item_tem)
                                                                                    <div class="radio">
                                                                                        <label>
                                                                                            <input type="radio"
                                                                                                   name="egg_id"
                                                                                                   value="{{$item_tem['id']}}"
                                                                                                   @if(!empty($auto_reply) && $auto_reply->reply_content == $item_tem['id']) checked
                                                                                                   @endif
                                                                                                   data-tagname="{{$item_tem['name']}}">
                                                                                            {!! $item_tem['name'] !!}
                                                                                        </label>
                                                                                    </div>
                                                                                @endforeach
                                                                            </div>
                                                                            @if(!empty($items_template) && count($items_template) > 0)
                                                                                @foreach($items_template as $item_template)
                                                                                    <div class="collapse fade fade-flash @if(isset($template_group) && $template_group == $item_template['group_id']) in @endif"
                                                                                         data-accordion="tag_editor_egg_id"
                                                                                         id="egg_idCollapse{{$item_template['group_id']}}">
                                                                                        @foreach($item_template['templates'] as $item_tem)
                                                                                            <div class="radio">
                                                                                                <label>
                                                                                                    <input type="radio"
                                                                                                           name="egg_id"
                                                                                                           value="{{$item_tem['id']}}"
                                                                                                           @if(!empty($auto_reply) && $auto_reply->reply_content == $item_tem['id']) checked
                                                                                                           @endif
                                                                                                           data-tagname="{{$item_tem['name']}}">
                                                                                                    {!! $item_tem['name'] !!}
                                                                                                </label>
                                                                                            </div>
                                                                                        @endforeach
                                                                                    </div>
                                                                                @endforeach
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    <div class="nano-pane" style="display: none;">
                                                                        <div class="nano-slider"
                                                                             style="height: 20px; transform: translate(0px, 0px);"></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="selected-tag" id="egg_idCollapseSelected">
                                                                選択中：<span>なし</span>
                                                            </div>
                                                            <div class="row"
                                                                 style="margin-bottom: 0.5em;margin-top: 0.5em;">
                                                                <div class="col-xs-6">
                                                                    <a id="egg_idpreviewOpener"
                                                                       class="btn btn-xs
                                                                       btn-default btn-block"
                                                                       onclick="previewTemplate()">プレビュー</a>
                                                                </div>
                                                                <div class="col-xs-6">
                                                                    <a id="egg_idmessageTester"
                                                                       onclick="sendForTest()"
                                                                       class="btn btn-xs btn-primary btn-block">テスト</a>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    <span id="egg_idModalCaller" style="display: none;" data-type="egg"
                                                          type="button" data-toggle="modal"
                                                          data-target="#messageModal"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <label for="step_to_id">ステップ変更・停止</label>
                                        <select class="form-control" id="step_to_id" name="step_to_id">
                                            <option value="-1"
                                                    @if(isset($auto_reply->scenario_id) && $auto_reply->scenario_id == -1) selected="selected" @endif>
                                                変更しない
                                            </option>
                                            <option value="0"
                                                    @if(isset($auto_reply->scenario_id) && $auto_reply->scenario_id == 0) selected="selected" @endif>
                                                購読停止・予約キャンセル
                                            </option>
                                            <optgroup label="別ステップへ移動">
                                                @if(!empty($scenario) && count($scenario) > 0)
                                                    @foreach($scenario as $item_scenario)
                                                        <option value="{!! $item_scenario->id !!}"
                                                                @if(isset($auto_reply->scenario_id) && $auto_reply->scenario_id == $item_scenario->id) selected="selected" @endif
                                                        >{!! $item_scenario->name !!}</option>
                                                    @endforeach
                                                @endif
                                            </optgroup>
                                        </select>
                                    </div>
                                    <div class="col-sm-6">
                                        <label for="">ステップを変更する場合</label>
                                        <div class="radio">
                                            <label class="">
                                                <input id="step_to_change_0" class="step_to_change" checked="checked"
                                                       name="step_to_change" type="radio" value="0"
                                                       @if(isset($auto_reply->scenario_type) && $auto_reply->scenario_type == 0) checked="checked" @endif>
                                                (新規)最初から／(再開)読んだところから
                                            </label>
                                        </div>
                                        <div class="radio">
                                            <label class="">
                                                <input id="step_to_change_1" class="step_to_change"
                                                       name="step_to_change"
                                                       type="radio" value="1"
                                                       @if(isset($auto_reply->scenario_type) && $auto_reply->scenario_type == 1) checked="checked" @endif>
                                                途中から始める
                                            </label>
                                        </div>
                                        <div class="form-inline" id="step_to_move"
                                             @if(isset($auto_reply->scenario_type) && $auto_reply->scenario_type == 1) style="display: block;"
                                             @else style="display: none;" @endif >
                                            @if(!empty($auto_reply->scenario_day))
                                                <input class="form-control input-sm" min="0" style="width:6em;"
                                                       name="step_to_date"
                                                       type="number" value="{!! $auto_reply->scenario_day !!}">日目
                                            @else
                                                <input class="form-control input-sm" min="0" style="width:6em;"
                                                       name="step_to_date"
                                                       type="number" value="0">日目
                                            @endif
                                            @if(!empty($auto_reply->scenario_time))
                                                <input class="timepicker form-control input-sm" name="step_to_time"
                                                       type="text"
                                                       value="{!! $auto_reply->scenario_time !!}">
                                            @else
                                                <input class="timepicker form-control input-sm" name="step_to_time"
                                                       type="text"
                                                       value="00:00:00">
                                            @endif
                                        </div>
                                        <script src="/chat_files/jquery.min.js"></script>
                                        <script src="/chat_files/bootstrap-timepicker.js"></script>
                                        <script>
                                            $(function () {
                                                $('.timepicker').timepicker({
                                                    minuteStep: 1,
                                                    template: 'dropdown',
                                                    appendWidgetTo: 'body',
                                                    showSeconds: true,
                                                    minuteStep: 1,
                                                    secondStep: 1,
                                                    showMeridian: false

                                                });
                                            });
                                            $(".step_to_change").on("change", function () {
                                                if ($(this).val() == 0) {
                                                    $("#step_to_move").hide();
                                                } else {
                                                    $("#step_to_move").show();
                                                }
                                            });
                                            $(".step_to_change:checked").trigger("change");
                                        </script>
                                    </div>
                                </div>
                                <hr>
                                <div id="reaction_vue_part" v-cloak>
                                    <div class="row">
                                        <div class="col-sm-6" id="wap_add_tags">
                                            <div class=" form-group"><label for="tag_ids">反応時にタグを追加する</label>
                                                <div class="item-selector">
                                                    <div><input name="add_tag_ids" type="hidden" :value="add_tag_ids">
                                                    </div>
                                                    <div><input name="remove_tag_ids" type="hidden"
                                                                :value="remove_tag_ids"></div>
                                                    <div tabindex="0"
                                                         class="input-area openable-area multi-area hasitem-area"><span
                                                                aria-hidden="true" class="glyphicon input-glyph"
                                                                v-on:click="showAddTags()"></span>

                                                        <span class="itemlabel"
                                                              v-for="(item_name, index) in items_add_tag"><span>@{{ item_name.name }}</span>
                                                            <i class="glyphicon glyphicon-remove"
                                                               v-on:click="clearTags('add',index)"></i></span>

                                                        <div class="searchbox"><input placeholder="タグ名を入力"></div>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                    <div class="itempool float-pool" id="itempool_add"
                                                         style="display: none">
                                                        <div>
                                                            <div class="group_selector">
                                                                <ul>
                                                                    <li class="unique-col group_display"
                                                                        v-bind:class="{'selected':(group_open==0)}"
                                                                        v-on:click="showTags(0)" id="group_id_0">
                                                                        <i class="glyphicon group-icon"></i>
                                                                        <span>未分類</span>
                                                                        (@{{ count_default }})
                                                                    </li>
                                                                    <li class="unique-col group_display"
                                                                        v-for="(category, index) in sortedCategories"
                                                                        v-bind:class="{'selected':(group_open==category.id)}"
                                                                        v-on:click="showTags(category.id)"
                                                                        :id="'group_id_'+category.id">
                                                                        <i class="glyphicon group-icon"></i>
                                                                        <span>@{{ category.name }}</span>
                                                                        (@{{ category.count }})
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <div class="item_selector">
                                                                <ul id="tags_0"
                                                                    class="tags_display"
                                                                    v-bind:style="group_open==0 ? 'display:block' : 'display: none'">
                                                                    <li v-for="(tag_item, index) in items_default"
                                                                        v-on:click="addTags(tag_item.id, tag_item.name)">
                                                                        <div class="item-symbol"><i
                                                                                    class="glyphicon"></i></div>
                                                                        <span class="action-text"><i
                                                                                    class="action-icon glyphicon"
                                                                                    style="font-size: 12px"></i></span>
                                                                        <span class="li-itemname"><span>@{{ tag_item.name }}</span></span>
                                                                    </li>
                                                                </ul>
                                                                <ul v-for="(tags_item, index) in items"
                                                                    :id="'tags_'+tags_item.group_id"
                                                                    class="tags_display"
                                                                    v-bind:style="group_open==tags_item.group_id ? 'display:block' : 'display: none'">
                                                                    <li v-for="(tag_item, index) in tags_item.tags"
                                                                        v-on:click="addTags(tag_item.id, tag_item.name)">
                                                                        <div class="item-symbol"><i
                                                                                    class="glyphicon"></i></div>
                                                                        <span class="action-text"><i
                                                                                    class="action-icon glyphicon"
                                                                                    style="font-size: 12px"></i></span>
                                                                        <span class="li-itemname"><span>@{{ tag_item.name }}</span></span>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6" id="wap_remove_tags">
                                            <div class=" form-group"><label for="tag_remove_ids">反応時にタグをはずす</label>
                                                <div class="item-selector">
                                                    <div></div>
                                                    <div tabindex="0" class="input-area openable-area multi-area"><span
                                                                aria-hidden="true" class="glyphicon input-glyph"
                                                                v-on:click="showRemoveTags()"></span>
                                                        <span class="itemlabel"
                                                              v-for="(item_name, index) in items_remove_tag"><span>@{{ item_name.name }}</span>
                                                            <i class="glyphicon glyphicon-remove"
                                                               v-on:click="clearTags('remove',index)"></i></span>

                                                        <div class="searchbox"><input placeholder="タグ名を入力"></div>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                    <div class="itempool float-pool" id="item-selector_remove"
                                                         style="display: none">
                                                        <div>
                                                            <div class="group_selector">
                                                                <ul>
                                                                    <li class="unique-col group_display"
                                                                        v-bind:class="{'selected':(group_open==0)}"
                                                                        v-on:click="showTagsRemove(0)"
                                                                        id="group_remove_id_)">
                                                                        <i class="glyphicon group-icon"></i>
                                                                        <span>未分類</span>
                                                                        (@{{ count_default }})
                                                                    </li>
                                                                    <li class="unique-col group_display"
                                                                        v-for="(category, index) in sortedCategories"
                                                                        v-bind:class="{'selected':(group_open==category.id)}"
                                                                        v-on:click="showTagsRemove(category.id)"
                                                                        :id="'group_remove_id_'+category.id">
                                                                        <i class="glyphicon group-icon"></i>
                                                                        <span>@{{ category.name }}</span>
                                                                        (@{{ category.count }})
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <div class="item_selector">
                                                                <ul id="remove_tags_0"
                                                                    class="tags_display"
                                                                    v-bind:style="group_open==0 ? 'display:block' : 'display: none'">
                                                                    <li v-for="(tag_item, index) in items_default"
                                                                        v-on:click="removeTags(tag_item.id, tag_item.name)">
                                                                        <div class="item-symbol"><i
                                                                                    class="glyphicon"></i></div>
                                                                        <span class="action-text"><i
                                                                                    class="action-icon glyphicon"
                                                                                    style="font-size: 12px"></i></span>
                                                                        <span class="li-itemname"><span>@{{ tag_item.name }}</span></span>
                                                                    </li>
                                                                </ul>
                                                                <ul v-for="(tags_item, index) in items"
                                                                    :id="'remove_tags_'+tags_item.group_id"
                                                                    class="tags_display"
                                                                    v-bind:style="group_open==tags_item.group_id ? 'display:block' : 'display: none'">
                                                                    <li v-for="(tag_item, index) in tags_item.tags"
                                                                        v-on:click="removeTags(tag_item.id, tag_item.name)">
                                                                        <div class="item-symbol"><i
                                                                                    class="glyphicon"></i></div>
                                                                        <span class="action-text"><i
                                                                                    class="action-icon glyphicon"></i></span>
                                                                        <span class="li-itemname"><span>@{{ tag_item.name }}</span></span>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <input name="var_id" type="hidden" value="0"> <input name="var_val" type="hidden">
                                </div>
                                <br>
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class=" form-group">
                                            <label for="group_id">フォルダー</label>
                                            <select class="form-control" id="group_id" name="group_id">
                                                @if(!empty($group) && count($group) > 0)
                                                    <option value="0"
                                                            @if(empty($auto_reply->category_id))selected="selected" @endif>
                                                        未分類
                                                    </option>
                                                    @foreach($group as $item)
                                                        <option value="{{$item->id}}" @if(!empty($auto_reply->category_id)
                                                        && $item->id == $auto_reply->category_id) selected @endif>{!! $item->name !!}</option>
                                                    @endforeach
                                                @else
                                                    <option value="0" selected="selected">未分類</option>
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <br>
                                <br>
                                <br>

                                <div class="text-center">
                                    <button class="btn btn-lg btn-success" style=";border:unset;background-color: #08BF5A;width: 200px;font-weight: 600" type="submit">登録</button>
                                    <a href="{!! route('basicReply') !!}" class="btn btn-lg btn-success" style="font-weight: 600;margin-left: 20px;border: unset;background-color: #F6F6F6;color: #51595C;width: 200px" >戻る</a>
                                </div>
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    @include('basic.filter.modal_filter')
    <span class="id_page" data-id="basic-reply-edit"> </span>
    @include('layout.modal_test_list.modal_list_test')
@endsection
@push('js')
<script src="/chat_files/emojione.js?v={{config("sns-line.version")}}"></script>
<script src="/chat_files/emojionearea.js?v={{config("sns-line.version")}}"></script>
<script src="/js/reply/edit.js?v={{config("sns-line.version")}}"></script>
<script src="/js/reply/filter.js?v={{config("sns-line.version")}}"></script>
<script src="/js/reply/core_autoreply.js?v={{config("sns-line.version")}}"></script>
<script type="application/javascript" src="/js/popup_send_test-message.js?v={{config("sns-line.version")}}"></script>

<script>
    tags.add_tag_ids = "{!! $auto_reply->add_tag_ids !!}";
    tags.remove_tag_ids = "{!! $auto_reply->remove_tag_ids !!}";
    tags.items_add_tag = null;
    tags.items_remove_tag = null;
    token = "{!! csrf_token() !!}";
</script>
@endpush