@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>
                        <p class="label label-danger">エラー</p>
                        <ul style="padding-left: 50px; list-style: circle">
                                                        @foreach(session('errors') as $error)
                                <li style="padding-top: 5px">{!! $error !!}</li>
                                                            @endforeach
                            @push('js')
                                <script type="application/javascript">
                                    alert("{!! $error_alert !!}");
                                </script>
                            @endpush
                        </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="col-sm-12">
{{--                            <h2>自動返信編集</h2>--}}
                            <br>
                            <br>
                            <form method="POST" action="{!! route('storeItemReply') !!}"
                                  accept-charset="UTF-8"
                                  class="msgform">
                                <input name="_token" type="hidden"
                                       value="{!! csrf_token() !!}">

                                <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" name="type"
                                                           @if((\Illuminate\Support\Facades\Session::has('error_type')
                                                    && \Illuminate\Support\Facades\Session::get('error_type') == 'keyword') ||!\Session::has('error_type')) checked="checked"
                                                           @endif
                                                           type="radio"
                                                           value="0" id="type"> キーワードで反応
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label>
                                                    <input class="reaction-type" name="type" type="radio" value="1"
                                                           @if(\Illuminate\Support\Facades\Session::has('error_type')
                                                    && \Illuminate\Support\Facades\Session::get('error_type') == 'time') checked="checked"
                                                           @endif
                                                           id="type">
                                                    時間帯で反応
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="word-setting">
                                        <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" selected="selected">どれか1つにマッチするとき応答</option>
                                                        <option value="1">すべてにマッチするときのみ応答</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>
                                                <tr class="word_col">
                                                    <td>
                                                        <input class="form-control word-input" name="rword[-1000]"
                                                               onfocusout="shortKeyword(this)"
                                                               type="text"
                                                               value="{{old('rword[-1000]')}}">
                                                    </td>
                                                    <td>
                                                        <select class="form-control match-input"
                                                                name="rmatch_type[-1000]">
                                                            <option value="0" selected="selected">完全一致</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>
                                                <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"
                                                               {{old('rword[]')}} onchange="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" style="display: none;">
                                        <div class="col-sm-6">
                                            <div class="">
                                                <label for="week">曜日</label>
                                                <span class="label label-danger label-sm">必須</span>
                                                <br>
                                                <div class="checkbox-inline">
                                                    <label>
                                                        <input type="checkbox" name="week[]" value="0"> 日
                                                    </label>
                                                </div>
                                                <div class="checkbox-inline">
                                                    <label>
                                                        <input type="checkbox" name="week[]" value="1"> 月
                                                    </label>
                                                </div>
                                                <div class="checkbox-inline">
                                                    <label>
                                                        <input type="checkbox" name="week[]" value="2"> 火
                                                    </label>
                                                </div>
                                                <div class="checkbox-inline">
                                                    <label>
                                                        <input type="checkbox" name="week[]" value="3"> 水
                                                    </label>
                                                </div>
                                                <div class="checkbox-inline">
                                                    <label>
                                                        <input type="checkbox" name="week[]" value="4"> 木
                                                    </label>
                                                </div>
                                                <div class="checkbox-inline">
                                                    <label>
                                                        <input type="checkbox" name="week[]" value="5"> 金
                                                    </label>
                                                </div>
                                                <div class="checkbox-inline">
                                                    <label>
                                                        <input type="checkbox" name="week[]" value="6"> 土
                                                    </label>
                                                </div>
                                            </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">
                                                <span class="input-group-addon">から</span>
                                                <input class="form-control timepicker_min" name="hour_to" 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" selected="selected">オン</option>
                                                <option value="1">オフ</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" selected="selected">何度でも反応</option>
                                                <option value="1">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" checked="checked"
                                                           name="use_reply"
                                                           type="radio" value="0"> 返信しない
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label class="">
                                                    <input id="use_reply_1" class="use_reply" name="use_reply"
                                                           type="radio"
                                                           value="1"> テキストで返信する
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label class="">
                                                    <input id="use_reply_2" class="use_reply" name="use_reply"
                                                           type="radio"
                                                           value="2"> テンプレートで返信する
                                                </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>
{{--                                                <span class="label label-sm label-default">{name}</span>--}}
                                                {{--                                                <a class="btn btn-xs btn-primary pull-right"--}}
                                                {{--                                                   id="text_test_btn">テスト送信</a>--}}
                                                {{--create emoji--}}
                                                <textarea id="reply_text" class="form-control emoji-area" rows="3"
                                                          name="reply" cols="50" style="display: none;"></textarea>

                                                <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;" v-cloak>
                                        <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 style="height: 180px;" 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 active"
                                                                                   role="button"
                                                                                   data-toggle="collapse"
                                                                                   id="group_0"
                                                                                   v-on:click='showTemplate(0)'
                                                                                   aria-expanded="false"
                                                                                   data-accordion="tag_editor_egg_id"
                                                                                   aria-controls="egg_idCollapse0">
                                                                                    <i class="glyphicon glyphicon-folder-collapse"></i>
                                                                                    未分類
                                                                                </a>

                                                                                <a v-for="(category, index) in sortedCategories"
                                                                                   class="collapsed collapse-opener group_template"
                                                                                   role="button"
                                                                                   data-toggle="collapse"
                                                                                   :id="'group_'+category.id"
                                                                                   v-on:click='showTemplate(category.id)'
                                                                                   aria-expanded="false"
                                                                                   data-accordion="tag_editor_egg_id"
                                                                                   :aria-controls="'egg_idCollapse'+category.id">
                                                                                    <i class="glyphicon glyphicon-folder-collapse"></i>
                                                                                    @{{ category.name }}
                                                                                </a>
                                                                            </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 in"
                                                                                 data-accordion="tag_editor_egg_id"
                                                                                 id="egg_idCollapse0">
                                                                                <div class="radio"
                                                                                     v-for="(template, index) in items_default">
                                                                                    <label>
                                                                                        <input type="radio"
                                                                                               name="egg_id"
                                                                                               :value="template.id"
                                                                                               :data-tagname="template.name"
                                                                                               v-on:click="showChooseName()">
                                                                                        @{{ template.name }}
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="collapse fade fade-flash "
                                                                                 v-for="(item, index) in items"
                                                                                 data-accordion="tag_editor_egg_id"
                                                                                 :id="'egg_idCollapse'+item.group_id">
                                                                                <div class="radio"
                                                                                     v-for="(template, index) in item.templates">
                                                                                    <label>
                                                                                        <input type="radio"
                                                                                               name="egg_id"
                                                                                               :value="template.id"
                                                                                               :data-tagname="template.name"
                                                                                               v-on:click="showChooseName()">
                                                                                        @{{ template.name }}
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                        </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"
                                                                       v-on:click="previewTemplate()">プレビュー</a>
                                                                </div>
                                                                <div class="col-xs-6">
                                                                    <a id="egg_idmessageTester"
                                                                       v-on:click="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" selected="selected">変更しない</option>
                                            <option value="0">購読停止・予約キャンセル</option>
                                            <optgroup label="別ステップへ移動">
                                                @if(!empty($scenario) && count($scenario) > 0)
                                                    @foreach($scenario as $item_scenario)
                                                        <option value="{!! $item_scenario->id !!}">{!! $item_scenario->name !!}</option>
                                                    @endforeach
                                                @endif
                                            </optgroup>
                                        </select>
                                    </div>
                                    <div class="col-sm-6">
                                        <label for="step_to_change_0">ステップを変更する場合</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">
                                                (新規)最初から／(再開)読んだところから
                                            </label>
                                        </div>
                                        <div class="radio">
                                            <label class="step_to_change_1">
                                                <input id="step_to_change_1" class="step_to_change"
                                                       name="step_to_change"
                                                       type="radio" value="1"> 途中から始める
                                            </label>
                                        </div>
                                        <div class="form-inline" id="step_to_move" style="display: none;">
                                            <input class="form-control input-sm" min="0" style="width:6em;"
                                                   name="step_to_date"
                                                   type="number" value="0">
                                            日目
                                            <input class="timepicker form-control input-sm" name="step_to_time"
                                                   type="text"
                                                   value="00:00:00">
                                        </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_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="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($group_id == 0)selected="selected" @endif>
                                                        未分類
                                                    </option>
                                                    @foreach($group as $item)
                                                        <option value="{{$item->id}}"
                                                                @if($item->id == $group_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-new"> </span>
    @include('layout.modal_test_list.modal_list_test')
@endsection
@push('js')
    <script>
        var token = "{!! csrf_token() !!}";
    </script>
    <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/create.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>

@endpush