@push('css')
<link rel="stylesheet" href="/css/reply/style.css?v={{config('sns-line.version')}}">
<link rel="stylesheet" href="/css/action_common.css?v={{config('sns-line.version')}}">
<link rel="stylesheet" href="/css/custom_modal.css?v={{config('sns-line.version')}}">
<style>
    body {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    body::-webkit-scrollbar {
        display: none;
        /* Chrome  */
    }

    #settingActionUrlModal .fa-plus {
        line-height: 1.428571;
    }

    #settingActionUrlModal .fa-smile-o {
        font-weight: 300;
    }

    #settingActionUrlModal .tem_choice ul>li {
        padding: 5px !important;
    }

    #settingActionUrlModal .sub p {
        font-weight: 700;
        font-size: 95%;
    }

    #settingActionUrlModal .choice_submit {
        color: #ccc;
        text-align: center;
        margin-top: 20px;
    }

    #settingActionUrlModal .btn_show_temp:focus {
        outline: unset !important;
    }

    .btn-sns-line-success-bg{
        background-color: #08BF5A !important;
    }

    .btn-sns-line-primary-bg{
        background-color: #5799DB !important;
    }

    .btn-sns-line-light-bg {
        background-color: #F6F6F6 !important;
    }
</style>
@endpush
<div id="vue_modal_action">
    <div class="modal fade custom-modal" id="settingActionUrlModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" v-cloak>
        <div class="modal-dialog modal-lg multiple-action" role="document">
            <div class="modal-content">
                <div class="modal-body overflow-scroll">
                    {{-- <i class="fas fa-times" id="close_modal_action" data-dismiss="modal"></i> --}}
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <span><i class="fas fa-times"></i></span>
                    </button>
                    <div class="modal-title" id="exampleModalLabel">アクション</div>
                    <section class="allsousa sub">
                        <div id="menu-other-1" class="tab-pane type-other" v-if="action_only && action_only.type=='form_answer'">
                            <div class="box-action">
                                <div class="title-child">
                                    <span>
                                        フォーム作成
                                    </span>
                                    <i class="fas fa-times ic-close" @click="removeActionOther()"></i>
                                </div>
                                <div class="px-3  ">
                                    <div class="row mb-2" style="display: flex; align-items: center">
                                        <div class="col-xs-1 pt-title">選択</div>
                                        <div class="col-xs-9 ">
                                            <div class="action-select">
                                                <select class="form-control" name="form_answer" style=" display: initial; " v-model="action_only.data.id" v-validate="{required: true}" data-vv-as="フォーム作成">
                                                    <option v-for="itemFormanswer in form_answers" :value="itemFormanswer.id" :selected="itemFormanswer.id == action_only.data.id">
                                                        @{{ itemFormanswer.name }}
                                                    </option>
                                                </select>
                                                <i class="far fa-angle-down"></i>
                                            </div>
                                            <p class="text-danger" v-show="errors.has('form_answer')">@{{
                                            errors.first('form_answer') }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="menu-other-2" class="tab-pane type-other" v-if="action_only && action_only.type=='booking'">
                            <div class=" box-action">
                                <div class="title-child">
                                    <span>
                                        イベント予約
                                    </span>
                                    <i class="fas fa-times ic-close" @click="removeActionOther()"></i>
                                </div>
                                <div class="px-3">
                                    <div class="row mb-2" style="display: flex; align-items: center">
                                        <div class="col-xs-1 pt-title">選択</div>
                                        <div class="col-xs-9 ">
                                            <div class="action-select">
                                                <select class="form-control" name="booking" style=" display: initial; " v-model="action_only.data.id" v-validate="{required: true}" data-vv-as="イベント予約">
                                                    <option v-for="itemBooking in bookings" :value="itemBooking.id" :selected="itemBooking.id == action_only.data.id">
                                                        @{{ itemBooking.title }}
                                                    </option>
                                                </select>
                                                <i class="far fa-angle-down"></i>
                                            </div>
                                            <p class="text-danger" v-show="errors.has('booking')">@{{
                                            errors.first('booking') }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="menu-other-3" class="tab-pane type-other" v-if="action_only && action_only.type=='product_page'">
                            <div class=" box-action">
                                <div class="title-child">
                                    <span>
                                        商品ページ
                                    </span>
                                    <i class="fas fa-times ic-close" @click="removeActionOther()"></i>
                                </div>
                                <div class="px-3  ">
                                    <div class="row mb-2" style="display: flex; align-items: center">
                                        <div class="col-xs-1 pt-title">選択</div>
                                        <div class="col-xs-9 ">
                                            <div class="action-select">
                                                <select class="form-control" name="product_page" style=" display: initial; " v-model="action_only.data.id" v-validate="{required: true}" data-vv-as="商品ページ">
                                                    <option v-for="itemProduct in products" :value="itemProduct.id" :selected="itemProduct.id == action_only.data.id">
                                                        @{{ itemProduct.name }}
                                                    </option>
                                                </select>
                                                <i class="far fa-angle-down"></i>
                                            </div>
                                            <p class="text-danger" v-show="errors.has('product_page')">@{{
                                            errors.first('product_page') }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="menu-other-4" class="tab-pane type-other" v-if="action_only && action_only.type=='conversion'">
                            <div class=" box-action">
                                <div class="title-child">
                                    <span>
                                        CV登録ページ
                                    </span>
                                    <i class="fas fa-times ic-close" @click="removeActionOther()"></i>
                                </div>
                                <div class="px-3">
                                    <div class="row mb-2" style="display: flex; align-items: center">
                                        <div class="col-xs-1 pt-title">選択</div>
                                        <div class="col-xs-9 ">
                                            <div class="action-select">
                                                <select class="form-control" style=" display: initial; " name="conversion" v-model="action_only.data.id" v-validate="{required: true}" data-vv-as="CV登録ページ">
                                                    <option v-for="itemConversion in conversions" :value="itemConversion.id" :selected="itemConversion.id == action_only.data.id">
                                                        @{{ itemConversion.name }}
                                                    </option>
                                                </select>
                                                <i class="far fa-angle-down"></i>
                                            </div>
                                            <p class="text-danger" v-show="errors.has('conversion')">@{{
                                            errors.first('conversion') }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="menu-other-5" class="tab-pane type-other" v-if="action_only && action_only.type=='text_other'">
                            <div class=" box-action">
                                <div class="title-child">
                                    <span>
                                        テキストを送信させる
                                    </span>
                                    <i class="fas fa-times ic-close" @click="removeActionOther()"></i>
                                </div>
                                <div class="pt-title" style="position: relative">
                                    <div class="" style="position: absolute;right: 35px;top:2px">
                                    </div>
                                    <textarea v-validate="{required: true}" data-vv-as="テキスト送信" rows="5" :name="'text_content_add_'+indexAction" :data-index="indexAction" :id="'text_content_add'+indexAction" v-model="item.data.content" class="form-control text-send"></textarea>
                                    <small style="float: right"><span id="count_text_content">5000</span>字以内</small>
                                </div>
                                <p class="text-danger" v-show="errors.has('text_content_add_'+indexAction)">
                                    @{{ errors.first('text_content_add_'+indexAction) }}</p>
                            </div>
                        </div>

                        <div id="menu-other-6" class="tab-pane type-other" v-if="action_only && action_only.type=='keywords'">
                            <div class="box-action">
                                <div class="title-child">
                                    <span>
                                        キーワードを送信させる
                                    </span>
                                    <i class="fas fa-times ic-close" @click="removeActionOther()"></i>
                                </div>
                                <div class="px-3  ">
                                    <div class="row mb-2" style="display: flex; align-items: center">
                                        <div class="col-xs-12 pt-title">
                                            <div class="action-select">
                                                <select class="form-control" name="keywords" v-model="action_only.data.id" v-validate="{required: true}" data-vv-as="キーワードを送信させる" style=" display: initial;">
                                                    <option v-for="itemKeyword in keywords" :value="itemKeyword.id" :selected="action_only.data.id == itemKeyword.id">@{{
                                                    itemKeyword.keyword }}
                                                    </option>
                                                </select>
                                                <i class="far fa-angle-down"></i>
                                            </div>
                                            <p class="text-danger" v-show="errors.has('keywords')">@{{
                                            errors.first('keywords') }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="menu-other-7" class="tab-pane type-other" v-if="action_only && action_only.type=='phone'">
                            <div class=" box-action" id="scenario_slot" :style="isClicked ? { 'background-color': 'green' } : null" @click="toggleIsClicked">
                                <div class="title-child">
                                    <span>
                                        電話をかけさせる
                                    </span>
                                    <i class="fas fa-times ic-close" @click="removeActionOther()"></i>
                                </div>
                                <div class="px-3 ">
                                    <div class="row mb-2" style="display: flex; align-items: center">
                                        <div class="col-xs-2 pt-title"> 電話番号入力</div>
                                        <div class="col-xs-9 pt-title">
                                            <input class="form-control" name="phone" type="number" :data-vv-as="'電話番号'" v-validate="{required:true, phone_number:true}" v-model="action_only.data.content">
                                            <p class="text-danger" v-show="errors.has('phone')">@{{ errors.first('phone')
                                            }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="menu-other-7" class="tab-pane type-other" v-if="action_only && action_only.type=='email'">
                            <div class=" box-action" id="scenario_slot">
                                <div class="title-child">
                                    <span>
                                        メールを送る
                                    </span>
                                    <i class="fas fa-times ic-close" @click="removeActionOther()"></i>
                                </div>
                                <div class="px-3 ">
                                    <div class="row mb-2" style="display: flex; align-items: center">
                                        <div class="col-xs-2 pt-title"> 電話番号入力</div>
                                        <div class="col-xs-9 pt-title">
                                            <input class="form-control" name="email" type="email" v-model="action_only.data.content" :data-vv-as="'メールアドレス'" v-validate="{required:true, email:true}">
                                            <p class="text-danger" v-show="errors.has('email')">@{{ errors.first('email')
                                            }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="menu-other-9" class="tab-pane type-other" v-if="action_only && action_only.type=='add_friend'">
                            <div class=" box-action" id="scenario_slot">
                                <div class="title-child">
                                    <span>
                                        紹介したいLINE公式アカウントの友だち追加ページが開く
                                    </span>
                                    <i class="fas fa-times ic-close" @click="removeActionOther()"></i>
                                </div>
                                <div class="px-3">
                                    <div class="row mb-2" style="display: flex; align-items: center">
                                        <div class="col-xs-6 pt-title"> 紹介したいLINE公式アカウントのLINE ID</div>
                                        <div class="col-xs-6">
                                            <input class="form-control" name="line_id" type="text" :data-vv-as="'LINEアカウントID'" v-validate="{required:true}" placeholder="@abc123" v-model="action_only.data.id">
                                            <p class="text-danger" v-show="errors.has('line_id')">@{{
                                            errors.first('line_id') }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="action">
                            <div class="sub-container" id="btn-add-action">
                                <div class="row-select">
                                    <div class="all-action overflow-scroll light">
                                        <div class="each-action">
                                            <button class="btn-add-action" type="button" id="add_step"
                                                    :class="{active_item: action_active=='scenario'}"
                                                    v-show="type_action !== 'step_message'"
                                                    @click="addItem('scenario','ステップ')">
                                                <i class="fal fa-plus-circle"></i>
                                                <div style="display: inline-block;margin-left: 12px">ステップ</div>
                                            </button>
                                        </div>
                                        <div class="each-action">
                                            <button class="btn-add-action"
                                                    type="button"
                                                    :class="{active_item: action_active=='template'}"
                                                    v-show="type_action !== 'broadcast_v2' && type_action !== 'step_message'"
                                                    id="add_template"
                                                    @click="addItem('template','テンプレート')">
                                                <i class="fal fa-plus-circle"></i>
                                                <div style="display: inline-block;margin-left: 15px">テンプレート</div>
                                            </button>
                                        </div>
                                        <div class="each-action">
                                            <button class="btn-add-action"
                                                    type="button"
                                                    :class="{active_item: action_active=='text'}"
                                                    id="add_text"
                                                    v-show="type_action !== 'broadcast_v2' && type_action !== 'step_message'"
                                                    @click="addItem('text','テキスト')">
                                                <i class="fal fa-plus-circle"></i>
                                                <div style="display: inline-block;margin-left: 15px">テキスト</div>
                                            </button>
                                        </div>
                                        <div class="each-action" v-if="!listActionNotShowRemind.includes(type_action)">
                                            <button class="btn-add-action" type="button" :class="{active_item: action_active=='remind'}" id="add_remind" @click="addItem('remind','リマインド')">
                                                <i class="fal fa-plus-circle"></i>
                                                <div style="display: inline-block;margin-left: 15px">リマインド</div>
                                            </button>
                                        </div>
                                        <div class="each-action">
                                            <button class="btn-add-action" type="button" :class="{active_item: action_active=='tag'}" id="add_tag" @click="addItem('tag','タグ')">
                                                <i class="fal fa-plus-circle"></i>
                                                <div style="display: inline-block;margin-left: 15px">タグ</div>
                                            </button>
                                        </div>
                                        <div class="each-action" v-if="type_action != 'richmenu'">
                                            <button class="btn-add-action" type="button" :class="{active_item: action_active=='richmenu'}" id="add_richmenu" @click="addItem('richmenu','リッチメニュー')">
                                                <i class="fal fa-plus-circle"></i>
                                                <div style="display: inline-block;margin-left: 15px">リッチメニュー</div>
                                            </button>
                                        </div>
                                        <div class="each-action" v-if="type_action != 'bookmark'">
                                            <button class="btn-add-action" type="button" :class="{active_item: action_active=='bookmark'}" id="add_bookmark" @click="addItem('bookmark','ブックマーク')">
                                                <i class="fal fa-plus-circle"></i>
                                                <div style="display: inline-block;margin-left: 15px">ブックマーク</div>
                                            </button>
                                        </div>
                                        <div class="each-action">
                                            <button class="btn-add-action" type="button" :class="{active_item: action_active=='friend_info'}" id="add_friend_info" @click="addItem('friend_info','友だち情報')">
                                                <i class="fal fa-plus-circle"></i>
                                                <div style="display: inline-block;margin-left: 15px">友だち情報</div>
                                            </button>
                                        </div>
                                        <div class="each-action">
                                            <button class="btn-add-action" type="button" :class="{active_item:action_active=='compliant_status'}" id="add_compliant_status" @click="addItem('compliant_status','対応ステータス')">
                                                <i class="fal fa-plus-circle"></i>
                                                <div style="display: inline-block;margin-left: 15px">対応ステータス</div>
                                            </button>
                                        </div>
                                        <div class="each-action">
                                            <button class="btn-add-action" type="button" :class="{active_item:action_active=='block'}" id="add_friend_info" @click="addItem('block','ブロック')">
                                                <i class="fal fa-plus-circle"></i>
                                                <div style="display: inline-block;margin-left: 15px">ブロック</div>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="list_action_common" class="sub-container">
                                <div class="list_action_common_container">
                                    <div v-for="(item,indexAction) in actions" :id="'action_stt_'+indexAction"
                                    >
                                        <div class="box-action-small">
                                            <div class="action-small" v-show="!item.is_edit_content" @click="openContent(indexAction)">
                                                @include('layout.modal_setting.no_bracket_label_action')
                                                <div class="function-widget">
                                                    <button type="button" class="btn btn-sns-line" :class="checkActionFilter(indexAction)" v-on:click.stop="openModalFilter(indexAction)">
                                                        <span class="without-filter">絞込 未設定</span>
                                                        <span class="has-filter">絞込 設定済</span>
                                                    </button>
                                                    <div class="remove">
                                                        <i class="far fa-trash-alt" @click="removeItemAction(indexAction)"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="action-content" v-show="item.is_edit_content">
                                            <div id="menu-step" class="tab-pane add step" v-if="item.type == 'scenario'">
                                                <div class="tagdetail_right box-action tab-pane-content" id="scenario_slot" :class="{highlight: item.is_edit_content }">
                                                    <div class="title-child">
                                                        <div class="name">
                                                            ステップ
                                                        </div>
                                                        <div class="function-widget">
                                                            <button type="button" class="btn btn-sns-line" :class="checkActionFilter(indexAction)" v-on:click.stop="openModalFilter(indexAction)">
                                                                <span class="without-filter">絞込 未設定</span>
                                                                <span class="has-filter">絞込 設定済</span>
                                                            </button>
                                                            <div class="remove">
                                                                <i class="far fa-trash-alt" @click="removeItemAction(indexAction)"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="box-select">
                                                        <div class="title">配信設定</div>
                                                        <div class="action-select">
                                                            <select class="form-control custom-select w-select-1" style="display: initial; text-align: center" v-model="item.data.action">
                                                                <option value="1" :selected="item.data.action == 1"> 停止
                                                                </option>
                                                                <option value="2" :selected="item.data.action == 2"> 開始/再開
                                                                </option>
                                                                <option value="3" :selected="item.data.action == 3"> 途中から配信
                                                                </option>
                                                            </select>
                                                            <i class="far fa-angle-down"></i>
                                                        </div>
                                                    </div>
                                                    <div class="box-select" v-if="item.data.action != 1">
                                                        <div class="title"> ステップ選択</div>
                                                        <div class="combo-box">
                                                            <button class="form-control" type="button" @click="item.data.is_expand_group = !item.data.is_expand_group" style="width: 100%;text-align: center; border-color: #F2F2F2;">
                                                                @{{ item.data.scenario_name }}
                                                                <i class="far fa-angle-down" style="float: right;font-size: 16px;color: #96ADB2;font-weight: 600;"> </i>
                                                            </button>
                                                            <div :class="`${item.data.is_expand_group ? 'show-menu' : 'd-none'}`">
                                                                <div class="tem_choice">
                                                                    <div class="menu">
                                                                        <ul @click="parentTagClick($event)">
                                                                            <li class="template_group folder-close item-check" role="button" data-toggle="collapse" aria-expanded="false" id="group_0" data-id="0" v-bind:class="(item.data.selected_group_id == 0)?'active':'folder-close'" @click="initDataStep(0, indexAction)">
                                                                                未分類
                                                                            </li>
                                                                            <li v-for="(group, index) in item.groups" role="button" :id="'group_'+group.id" :data-id="group.id" v-bind:class="(group.id == item.data.selected_group_id)?'active':'folder-close'" @click="initDataStep(group.id, indexAction)">
                                                                                @{{ group.name }}
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                    <div class="menu-child">
                                                                        <ul v-if="item.group_items != undefined && item.group_items.length>0">
                                                                            <li style="list-style: none" v-for="(groupItem, index) in item.group_items" id="'step_id_'+index" :data-id="groupItem.id">
                                                                                <label>
                                                                                    <input type="radio" :name="'step_id_'+indexAction" data-vv-as="ステップ選択" v-validate="{required: true}" :data-name="groupItem.name" v-on:click="chooseAction($event, indexAction, 'scenario', groupItem.name)" v-model="item.data.id" :value="groupItem.id">
                                                                                    <div class="option-container">
                                                                                        <span class="checkmark"></span>
                                                                                        @{{ groupItem.name }}
                                                                                    </div>
                                                                                </label>
                                                                            </li>
                                                                        </ul>
                                                                        <ul v-if="item.group_items != undefined && item.group_items.length == 0">
                                                                            分類を選択して下さい
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <p class="text-danger error-action" v-show="errors.has('step_id_'+indexAction)">
                                                                @{{ errors.first('step_id_'+indexAction) }}</p>
                                                        </div>
                                                    </div>
                                                    <div class="box-select" v-if="item.data.action == 3">
                                                        <div class="title"> メッセージ選択</div>
                                                        <div class="box-select-item d-flex align-items-end">
                                                            <input type="number" name="day" id="start_day" style="" class="form-control" placeholder="0" v-model="item.data.start_day" min="0"> <span class="ml-5">日目のメッセージから配信</span>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>

                                            <div id="menu-template" class="tab-pane" v-if="item.type == 'template'">
                                                <div class="tagdetail_right box-action tab-pane-content" id="stemplate_slot" :class="{highlight: item.is_edit_content }">
                                                    <div class="title-child">
                                                        <div class="name">送信するテンプレート</div>
                                                        <div class="function-widget">
                                                            <button type="button" class="btn btn-sns-line" :class="checkActionFilter(indexAction)" v-on:click.stop="openModalFilter(indexAction)">
                                                                <span class="without-filter">絞込 未設定</span>
                                                                <span class="has-filter">絞込 設定済</span>
                                                            </button>
                                                            <div class="remove">
                                                                <i class="far fa-trash-alt" @click="removeItemAction(indexAction)"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="">
                                                        <div class="tem_choice" style="display: flex">
                                                            <div class="menu overflow-scroll">
                                                                <ul>
                                                                    <li class="template_group folder-close" role="button" data-toggle="collapse" aria-expanded="false" id="group_0" data-id="0" v-bind:class="(item.data.selected_group_id == 0)?'active':'folder-close'" @click="initDataTemplate(0, indexAction)">
                                                                        未分類
                                                                    </li>
                                                                    <li v-for="(group, index) in item.groups" role="button" :id="'group_'+group.id" :data-id="group.id" v-bind:class="(group.id == item.data.selected_group_id)?'active':'folder-close'" @click="initDataTemplate(group.id, indexAction)">
                                                                        <span v-html="group.name"></span>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <div class="menu-child">
                                                                <ul v-if="item.group_items != undefined && item.group_items.length>0">
                                                                    <li style="list-style: none" v-for="(groupItem, index) in item.group_items" :data-id="groupItem.id">
                                                                        <label>
                                                                            <input type="radio" :data-name="groupItem.name" v-on:click="chooseAction($event, indexAction, 'template', groupItem.name)" v-model="item.data.id" :value="groupItem.id">
                                                                            <div class="option-container">
                                                                                <span class="checkmark"></span>
                                                                                <span v-html="groupItem.name"></span>
                                                                            </div>
                                                                        </label>
                                                                    </li>
                                                                </ul>
                                                                <ul v-if="item.group_items != undefined && item.group_items.length == 0">
                                                                    分類を選択して下さい
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <input type="hidden" :name="'template_id_' + indexAction" v-model="item.data.id" v-validate="{required: true}" data-vv-as="テンプレート">
                                                        <p class="text-danger error-action" v-show="errors.has('template_id_'+indexAction)">
                                                            @{{ errors.first('template_id_'+indexAction) }}</p>
                                                    </div>
                                                </div>
                                            </div>

                                            <div id="menu-text" class="tab-pane" v-if="item.type == 'text'">
                                                <div class="tagdetail_right box-action tab-pane-content" :class="{highlight: item.is_edit_content }" id="scenario_slot">
                                                    <div class="title-child">
                                                        <div class="name">送信するテキスト</div>
                                                        <div class="function-widget">
                                                            <button type="button" class="btn btn-sns-line" :class="checkActionFilter(indexAction)" v-on:click.stop="openModalFilter(indexAction)">
                                                                <span class="without-filter">絞込 未設定</span>
                                                                <span class="has-filter">絞込 設定済</span>
                                                            </button>
                                                            <div class="remove">
                                                                <i class="far fa-trash-alt" @click="removeItemAction(indexAction)"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="">
                                                        <div class="">
                                                            <div class="btn-add-title" style="display: inline-block">
                                                                自動情報挿入
                                                            </div>
                                                            <div class="btn-add-name replace-name-modal" style="display: inline-block" v-on:click="addName(indexAction)">
                                                                <i class="fa fa-plus" aria-hidden="true"></i>LINE名
                                                            </div>
                                                            <div class="dropdown add-friend-info">
                                                                <div type="button" class="btn-add-name dropdown-toggle date-toggle editor-style" data-toggle="dropdown"><i class="fa fa-plus" aria-hidden="true"></i>友だち情報
                                                                    <span class="caret"></span>
                                                                </div>
                                                                <ul class="dropdown-menu">
                                                                    <li class="dropdown-submenu">
                                                                        <a class="drop-item" data-toggle="dropdown">基本情報
                                                                            <span class="caret-right"></span></a>
                                                                        <ul class="dropdown-menu list-friend-item">
                                                                            <li><a class="sales-item-action" @click="addFriendInfo($event, indexAction)" data-item="[{{'FRIEND_INFO_system_name'}}]">システム表示名
                                                                                </a>
                                                                            </li>
                                                                            <li><a class="sales-item-action" @click="addFriendInfo($event, indexAction)" data-item="[{{'FRIEND_INFO_phone'}}]">携帯電話
                                                                                </a>
                                                                            </li>
                                                                            <li><a class="sales-item-action" @click="addFriendInfo($event, indexAction)" data-item="[{{'FRIEND_INFO_email'}}]">メールアドレス</a>
                                                                            </li>
                                                                            <li><a class="sales-item-action" @click="addFriendInfo($event, indexAction)" data-item="[{{'FRIEND_INFO_birthday'}}]">生年月日
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                    <li class="dropdown-submenu">
                                                                        <a class="drop-item" data-toggle="dropdown">国内住所
                                                                            <span class="caret-right"></span></a>
                                                                        <ul class="dropdown-menu list-friend-item">
                                                                            <li><a class="sales-item-action" @click="addFriendInfo($event, indexAction)" data-item="[{{'FRIEND_INFO_zip_code'}}]">郵便番号
                                                                                </a>
                                                                            </li>
                                                                            <li><a class="sales-item-action" @click="addFriendInfo($event, indexAction)" data-item="[{{'FRIEND_INFO_province'}}]">都道府県名
                                                                                </a>
                                                                            </li>
                                                                            <li><a class="sales-item-action" @click="addFriendInfo($event, indexAction)" data-item="[{{'FRIEND_INFO_district'}}]">市区町村名</a>
                                                                            </li>
                                                                            <li><a class="sales-item-action" @click="addFriendInfo($event, indexAction)" data-item="[{{'FRIEND_INFO_township'}}]">町名/番地
                                                                                </a>
                                                                            </li>
                                                                            <li><a class="sales-item-action" @click="addFriendInfo($event, indexAction)" data-item="[{{'FRIEND_INFO_building'}}]">建物名・部屋番号
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                    <li v-for="(info, indexInfo) in friend_info" class="dropdown-submenu">
                                                                        <a class="drop-item">@{{ info.name }}
                                                                            <span class="caret-right"></span>
                                                                        </a>
                                                                        <ul class="dropdown-menu list-friend-item" v-if="info.friend_infos.length > 0">
                                                                            <li v-for="detail in info.friend_infos">
                                                                                <a class="sales-item-action" @click="addFriendInfo($event, indexAction)" :data-item="'[FRIEND_INFO_'+detail.hash_id+']'">
                                                                                    @{{ detail.title }}</a>
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <div class="dropdown add-friend-info" v-if="type_action == 'bill_item_v2'">
                                                                <div type="button" class="btn-add-name dropdown-toggle date-toggle editor-style" data-toggle="dropdown"><i class="fa fa-plus" aria-hidden="true"></i>商品決済
                                                                    <span class="caret"></span>
                                                                </div>
                                                                <ul class="dropdown-menu list-friend-item">
                                                                    <li><a class="sales-item-action" @click="addProductInfo($event, indexAction)" data-item="[{{'PRODUCT_NAME'}}]">商品名
                                                                        </a>
                                                                    </li>
                                                                    <li><a class="sales-item-action" @click="addProductInfo($event, indexAction)" data-item="[{{'PRODUCT_ORDER_DATE'}}]">購入日時</a>
                                                                    </li>
                                                                    <li><a class="sales-item-action" @click="addProductInfo($event, indexAction)" data-item="[{{'PRODUCT_AMOUNT_ORDER'}}]">決済金額</a>
                                                                    </li>
                                                                    <li><a class="sales-item-action" @click="addProductInfo($event, indexAction)" data-item="[{{'PRODUCT_QUANTITY_ORDER'}}]">注文個数
                                                                        </a>
                                                                    </li>
                                                                    <li><a class="sales-item-action" @click="addProductInfo($event, indexAction)" data-item="[{{'PRODUCT_ORDER_ID'}}]">注文番号
                                                                        </a>
                                                                    </li>
                                                                    <li><a class="sales-item-action" @click="addProductInfo($event, indexAction)" data-item="[{{'PRODUCT_CYCLE'}}]">支払いサイクル
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <div class="dropdown add-friend-info" v-show="show_booking_calendar">
                                                                <div type="button" class="btn-add-name dropdown-toggle date-toggle editor-style" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-plus"></i>予約<span class="caret"></span>
                                                                </div>
                                                                <ul class="dropdown-menu">
                                                                    <li class="dropdown-submenu">
                                                                        <a class="drop-item">
                                                                            予約完了時
                                                                            <span class="caret-right"></span>
                                                                        </a>
                                                                        <ul class="dropdown-menu list-friend-item">
                                                                            <li>
                                                                                <a class="sales-item-action" @click="addFriendInfo($event, indexAction)" data-item="[BOOKING_CALENDAR_reservation_name]">予約カレンダー名
                                                                                </a>
                                                                            </li>
                                                                            <li>
                                                                                <a class="sales-item-action" @click="addFriendInfo($event, indexAction)" data-item="[BOOKING_CALENDAR_reservation_currency]">料金
                                                                                </a>
                                                                            </li>
                                                                            <li>
                                                                                <a class="sales-item" @click="addFriendInfo($event, indexAction)" data-item="[BOOKING_CALENDAR_date_time]">予約日時
                                                                                </a>
                                                                            </li>
                                                                            <li>
                                                                                <a class="sales-item-action" @click="addFriendInfo($event, indexAction)" data-item="[BOOKING_CALENDAR_course]">コース名
                                                                                </a>
                                                                            </li>
                                                                            <li>
                                                                                <a class="sales-item-action" @click="addFriendInfo($event, indexAction)" data-item="[BOOKING_CALENDAR_slot]">予約枠
                                                                                </a>
                                                                            </li>
                                                                            <li>
                                                                                <a class="sales-item-action" @click="addFriendInfo($event, indexAction)" data-item="[BOOKING_CALENDAR_url_confirm]">予約確認URL
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <div class="dropdown add-friend-info" v-if="type_action == 'booking_event_day' || type_action == 'booking_event_day_plan'">
                                                                <div type="button" class="btn-add-name dropdown-toggle date-toggle editor-style" data-toggle="dropdown"><i class="fa fa-plus" aria-hidden="true"></i>予約情報
                                                                    <span class="caret"></span>
                                                                </div>
                                                                <ul class="dropdown-menu list-friend-item">
                                                                    <li><a class="sales-item-action" @click="addProductInfo($event, indexAction)" data-item="[{{'EVENT_DAY_NAME'}}]">イベント名
                                                                        </a>
                                                                    </li>
                                                                    <li><a class="sales-item-action" @click="addProductInfo($event, indexAction)" data-item="[{{'EVENT_DAY_DATE_START'}}]">開催日</a>
                                                                    </li>
                                                                    <li><a class="sales-item-action" @click="addProductInfo($event, indexAction)" data-item="[{{'EVENT_DAY_TIME_START_TIME_END'}}]">開催時間
                                                                        </a>
                                                                    </li>
                                                                    <li><a class="sales-item-action" @click="addProductInfo($event, indexAction)" data-item="[{{'EVENT_DAY_NUMBER_BOOK'}}]">予約人数
                                                                        </a>
                                                                    </li>
                                                                    <li><a class="sales-item-action" @click="addProductInfo($event, indexAction)" data-item="[{{'EVENT_DAY_AMOUNT_BILL'}}]">料金
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>

                                                            <span class="dropdown" style="margin-left: 10px; color: #8F9293"> <span
                                                                        class="form-date-toggle emoji-sticker-10"
                                                                        data-emoji-placeholder=":smiley:"
                                                                        id="emoji-sticker-10">
                                                                    <i class="fal fa-smile-o"
                                                                       style="font-size: 18px;cursor: pointer"
                                                                       data-type="10"
                                                                       :data-index="indexAction"></i></span>
                                                            </span>
                                                            <div class="pt-title" style="position: relative">
                                                                <div class="" style="position: absolute;right: 35px;top:2px">
                                                                </div>
                                                                <textarea v-validate="'required: true |max:5000'" data-vv-as="テキスト送信" rows="5"
                                                                          :name="'text_content_add_'+indexAction" :data-index="indexAction"
                                                                          :id="'text_content_add'+indexAction"
                                                                          v-on:keyup="countLength(indexAction)" v-model="item.data.content" class="form-control"></textarea>
                                                                <small style="float: right; color: #7D9195;"><span :id="'count_text_content'+indexAction">0</span>/5,000</small>
                                                            </div>
                                                            <p class="text-danger error-action" v-show="errors.has('text_content_add_'+indexAction)">
                                                                @{{ errors.first('text_content_add_'+indexAction) }}</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="menu-remind" class="tab-pane" v-if="item.type == 'remind'">
                                                <div class=" box-action tab-pane-content" id="scenario_slot" :class="{highlight: item.is_edit_content }">
                                                    <div class="title-child">
                                                        <div class="name">リマインド</div>
                                                        <div class="function-widget">
                                                            <button type="button" class="btn btn-sns-line" :class="checkActionFilter(indexAction)" v-on:click.stop="openModalFilter(indexAction)">
                                                                <span class="without-filter">絞込 未設定</span>
                                                                <span class="has-filter">絞込 設定済</span>
                                                            </button>
                                                            <div class="remove">
                                                                <i class="far fa-trash-alt" @click="removeItemAction(indexAction)"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="">
                                                        <div class="box-select" style="margin-top: 22px">
                                                            <div class="title">配信設定</div>
                                                            <div class="action-select">
                                                                <select class="form-control" v-model="item.data.type" @change="changeTypeRemind">
                                                                    <option value="1">リマインド配信を開始</option>
                                                                    <option value="0">リマインド配信を停止</option>
                                                                </select>
                                                                <i class="far fa-angle-down"></i>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="box-select">
                                                        <div class="title">リマインド選択</div>
                                                        <div class="combo-box mb-3">
                                                            <button class="form-control" type="button" @click="item.data.is_expand_group = !item.data.is_expand_group" style="text-align: center;border-color:#F2F2F2 !important;">
                                                                @{{item.data.remind_name}}
                                                                <i class="far fa-angle-down" style="float: right;font-size: 16px;color: #96ADB2;font-weight: 600;"> </i>
                                                            </button>
                                                            <div :class="`${item.data.is_expand_group ? 'show-menu' : 'd-none'}`">
                                                                <div class="tem_choice" style="display: flex">
                                                                    <div class="menu overflow-scroll">
                                                                        <ul>
                                                                            <li class="template_group folder-close" role="button" data-toggle="collapse" aria-expanded="false" id="group_0" data-id="0" v-bind:class="(item.data.selected_group_id == 0)?'active':'folder-close'" @click="initDataRemind(0, indexAction)">
                                                                                未分類
                                                                            </li>
                                                                            <li v-for="(group, index) in item.groups" role="button" :id="'group_'+group.id" :data-id="group.id" v-bind:class="(group.id == item.data.selected_group_id)?'active':'folder-close'" @click="initDataRemind(group.id, indexAction)">
                                                                                @{{ group.name }}
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                    <div class="menu-child">
                                                                        <ul v-if="item.group_items != undefined && item.group_items.length>0">
                                                                            <li style="list-style: none" v-for="(groupItem, index) in item.group_items" id="'remind_id_'+index" :data-id="groupItem.id">
                                                                                <label>
                                                                                    <input type="radio" :name="'remind_ids_'+indexAction" v-validate="{required: true}" data-vv-as="リマインド選択" :data-name="groupItem.name" v-on:click="chooseRemindAction($event, indexAction,index)" v-model="item.data.event_id" :value="groupItem.id">
                                                                                    <div class="option-container">
                                                                                        <span class="checkmark"></span>
                                                                                        @{{ groupItem.event_name }}
                                                                                    </div>
                                                                                </label>
                                                                            </li>
                                                                        </ul>
                                                                        <ul v-if="item.group_items != undefined && item.group_items.length == 0">
                                                                            分類を選択して下さい
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <p class="text-danger error-action" v-show="errors.has('remind_ids_'+indexAction)">
                                                                @{{errors.first('remind_ids_'+indexAction) }}</p>
                                                        </div>

                                                        <div v-if="item.data.type == 1">
                                                            <div class="title">配信終了日時</div>
                                                            <div class="delivery-end-date-and-time">
                                                                <div class="box-date">
                                                                    <input class="form-control" :class="item.data.event_date ? 'show' : ''" v-model="item.data.event_date" type="date" :name="'remind_date_ids_'+indexAction" v-validate="{required: true}" onkeydown="return false;" :data-remind-index="indexAction" placeholder="">
                                                                    <span class="ic-cal-ip">
                                                                        <i class="far fa-calendar"></i>
                                                                    </span>
                                                                </div>
                                                                <div class="box-time">
                                                                    <input v-model="item.data.event_start_time" :name="'remind_time_ids_'+indexAction" v-validate="{required: true}" type="time" class="form-control">
                                                                    <span class="ic-cal-ip">
                                                                        <i class="far fa-clock"></i>
                                                                    </span>
                                                                </div>
                                                                <span class="message-end-deliver">に配信終了</span>
                                                            </div>
                                                            <p class="text-danger error-action" v-show="errors.has('remind_date_ids_'+indexAction) || errors.has('remind_time_ids_'+indexAction)">
                                                                配信終了日時を入力してください</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="menu-tag" class="tab-pane mt-3 tab-pane-content box-action" v-if="item.type == 'tag'" :class="{highlight: item.is_edit_content }">
                                                <div id="item_vuelist_tag_3 tab-pane-content">
                                                    <div class="title-child">
                                                        <div class="name">
                                                            タグ
                                                        </div>
                                                        <div class="function-widget">
                                                            <button type="button" @click="openModalAddTag(indexAction)" class="btn btn-success btn-sns-line btn-sns-line-success btn-sns-line-success-bg btn-sns-line-drop-shadow">タグ新規追加</button>
                                                            <button type="button" class="btn btn-sns-line" :class="checkActionFilter(indexAction)" v-on:click.stop="openModalFilter(indexAction)">
                                                                <span class="without-filter">絞込 未設定</span>
                                                                <span class="has-filter">絞込 設定済</span>
                                                            </button>
                                                            <div class="remove">
                                                                <i class="far fa-trash-alt" @click="removeItemAction(indexAction)"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tem_choice" style="display: flex">
                                                        <div class="menu overflow-scroll">
                                                            <ul>
                                                                <li class="template_group folder-close" role="button" data-toggle="collapse" href="" aria-expanded="false" id="group_0" data-id="0" v-bind:class="(item.group_open_tag == 0)?' active-folder':'folder-close'" v-on:click="showGroupTag('0', indexAction)">
                                                                    未分類(@{{ count_default_tag }})
                                                                </li>
                                                                <li v-for="(category,index) in groups_tag" class="template_group" v-bind:class="(category.id == item.group_open_tag)?' active-folder':'folder-close'" data-toggle="collapse" href="" aria-expanded="false" :id="'third_group_'+category.id" :data-id="'third_'+category.id" :data-name="category.name" v-on:click="showGroupTag(category.id, indexAction)">
                                                                    <span v-html="category.name"></span>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="menu-child">
                                                            <ul v-if="item.group_open_tag == 0">
                                                                <li v-if="item.items_default_tag != undefined && item.items_default_tag.length == 0">
                                                                    分類を選択して下さい
                                                                </li>
                                                                <li @click="parentTagClick($event)" v-if="item.items_default_tag.length>0">
                                                                    <label class="checkbox-container">
                                                                        <input type="checkbox" class="item-check" :name="'tag_ids_'+indexAction" @click="selectAll(indexAction, !item.data.is_select_all)" v-model="item.data.is_select_all">
                                                                        <div class="option-container">
                                                                            <span class="checkmark"></span>
                                                                            <span class="tag-name">以下を全選択</span>
                                                                        </div>
                                                                    </label>
                                                                </li>
                                                                <li v-for="(itemTagDefault,index) in item.items_default_tag" @click="parentTagClick($event)">
                                                                    <label class="checkbox-container">
                                                                        <input type="checkbox" class="item-check" :data-name="itemTagDefault.name" v-model="item.data.ids" v-on:click="showTag()" v-on:change="selectItemChange($event,itemTagDefault, indexAction)" :value="itemTagDefault.id" :name="'tag_ids_'+indexAction" v-model="item.data.ids">
                                                                        <div class="option-container">
                                                                            <span class="checkmark"></span>
                                                                            <span class="tag-name" v-html="itemTagDefault.name"></span>
                                                                        </div>
                                                                    </label>
                                                                </li>
                                                            </ul>
                                                            <ul v-if="item.tag_items != undefined && item.tag_items.length > 0 && item.group_open_tag != 0">
                                                                <li @click="parentTagClick($event)">
                                                                    <label class="checkbox-container">
                                                                        <input type="checkbox" class="item-check" v-model="item.data.is_select_all" @click="selectAll(indexAction, !item.data.is_select_all)">
                                                                        <div class="option-container">
                                                                            <span class="checkmark"></span>
                                                                            <span class="tag-name">以下を全選択</span>
                                                                        </div>
                                                                    </label>
                                                                </li>
                                                                <li v-for="(itemTag,index) in item.tag_items" :id="'tag_'+itemTag.id" :data-id="itemTag.id" @click="parentTagClick($event)">
                                                                    <label class="checkbox-container">
                                                                        <input type="checkbox" class="item-check" :value="itemTag.id" :data-name="itemTag.name" id="tag_choose_name" @change="selectItemChange($event,itemTag, indexAction)" v-on:click="showTag()" v-model="item.data.ids">
                                                                        <div class="option-container">
                                                                            <span class="checkmark"></span>
                                                                            <span class="tag-name" v-html="itemTag.name"></span>
                                                                        </div>
                                                                    </label>
                                                                </li>
                                                            </ul>
                                                            <ul v-if="item.tag_items != undefined && item.tag_items.length == 0 && item.group_open_tag != 0">
                                                                <li>
                                                                    分類を選択して下さい
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <input type="hidden" :name="'tag_ids_' + indexAction" v-model="item.data.ids" v-validate="{required: true}" data-vv-as="タグ">
                                                    <p class="text-danger error-filter" v-show="errors.has('tag_ids_'+indexAction)">@{{ errors.first('tag_ids_' + indexAction) }}
                                                    </p>
                                                    <div class="item-tag-choice">
                                                        <div>
                                                            <div class="title">
                                                                選択したタグ
                                                            </div>
                                                            <div class="content-tag-select">
                                                                <label v-if="item.list_tags.length >0" v-on:click="removeTag(tag.id, indexAction)" v-for="(tag,keyTagList) in item.list_tags" class="tag-item">
                                                                    @{{ tag.name }}<span style="color: #7D9195"><i class="fas fa-times"></i></span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="tag-operation">
                                                            <div class="title">
                                                                タグ操作
                                                            </div>
                                                            <div class="action-select">
                                                                <select class="form-control" v-model="item.data.action">
                                                                    <option value="1" :selected="item.data.action == 1"> つける
                                                                    </option>
                                                                    <option value="2" :selected="item.data.action == 2"> はずす
                                                                    </option>
                                                                </select>
                                                                <i class="far fa-angle-down"></i>
                                                            </div>
                                                        </div>

                                                    </div>

                                                </div>
                                            </div>
                                            <div v-show="item.is_edit_content">
                                                <div id="menu-bookmark" class="tab-pane mt-3 tab-pane-content box-action" v-if="item.type == 'bookmark'" :class="{highlight: item.is_edit_content }">
                                                    <div class="title-child">
                                                        <div class="name">ブックマーク</div>
                                                        <div class="function-widget">
                                                            <button type="button" class="btn btn-sns-line" :class="checkActionFilter(indexAction)" v-on:click.stop="openModalFilter(indexAction)">
                                                                <span class="without-filter">絞込 未設定</span>
                                                                <span class="has-filter">絞込 設定済</span>
                                                            </button>
                                                            <div class="remove">
                                                                <i class="far fa-trash-alt" @click="removeItemAction(indexAction)"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div id="tab-pane-content">
                                                        <div class="bookmark">
                                                            <ul>
                                                                <li>
                                                                    <label class="option-container radio_multiple_display">
                                                                        <input type="radio" value="1" :selected="item.data.action == 1" :name="'bookmark_'+indexAction" v-model="item.data.action">
                                                                        <span class="checkmark"></span>
                                                                        <span for="action_open_type_bm_1">ブックマークする</span>
                                                                    </label>
                                                                </li>
                                                                <li>
                                                                    <label class="opton-container radio_multiple_display">
                                                                        <input type="radio" value="2" :selected="item.data.action == 2" :name="'bookmark_'+indexAction" v-model="item.data.action">
                                                                        <span class="checkmark"></span>
                                                                        <span>ブックマークを外す</span>
                                                                    </label>
                                                                </li>
                                                            </ul>
                                                            <p class="text-danger" v-show="errors.has('bookmark_'+indexAction)">
                                                                @{{ errors.first('bookmark_'+indexAction) }}
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div v-show="item.is_edit_content">
                                                <div id="menu-block" class="tab-pane mt-3 tab-pane-content box-action" v-if="item.type == 'block'" :class="{highlight: item.is_edit_content }">
                                                    <div class="title-child">
                                                        <div class="name">ブロック・非表示</div>
                                                        <div class="function-widget">
                                                            <button type="button" class="btn btn-sns-line" :class="checkActionFilter(indexAction)" v-on:click.stop="openModalFilter(indexAction)">
                                                                <span class="without-filter">絞込 未設定</span>
                                                                <span class="has-filter">絞込 設定済</span>
                                                            </button>
                                                            <div class="remove">
                                                                <i class="far fa-trash-alt" @click="removeItemAction(indexAction)"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div id="tab-pane-content">
                                                        <div class="block">
                                                            <ul>
                                                                <li>
                                                                    <label class="option-container radio_multiple_display">
                                                                        <input type="radio" :name="'action_open_type_'+indexAction" value="1" :selected="item.data.action == 1" v-model="item.data.action">
                                                                        <span class="checkmark"></span>
                                                                        <span>ブロックする</span>
                                                                    </label>
                                                                </li>
                                                                <li>
                                                                    <label class="option-container radio_multiple_display">
                                                                        <input type="radio" :name="'action_open_type_'+indexAction" value="2" :selected="item.data.action == 2" v-model="item.data.action">
                                                                        <span class="checkmark"></span>
                                                                        <span>ブロック解除</span>
                                                                    </label>
                                                                </li>
                                                                <li>
                                                                    <label class="option-container radio_multiple_display">
                                                                        <input type="radio" :name="'action_open_type_'+indexAction" value="3" :selected="item.data.action == 3" v-model="item.data.action">
                                                                        <span class="checkmark"></span>
                                                                        <span>表示</span>
                                                                    </label>
                                                                </li>
                                                                <li>
                                                                    <label class="option-container radio_multiple_display">
                                                                        <input type="radio" :name="'action_open_type_'+indexAction" value="4" :selected="item.data.action == 4" v-model="item.data.action">
                                                                        <span class="checkmark"></span>
                                                                        <span>非表示</span>
                                                                    </label>
                                                                </li>
                                                            </ul>
                                                            <p class="text-danger" v-show="errors.has('action_open_type_'+indexAction)">
                                                                @{{ errors.first('action_open_type_'+indexAction) }}
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div v-show="item.is_edit_content">
                                                <div id="richmenu" class="tab-pane" v-if="item.type == 'richmenu'">
                                                    <div class="tagdetail_right box-action tab-pane-content" id="scenario_slot" :class="{highlight: item.is_edit_content }">
                                                        <div class="title-child">
                                                            <div class="name">
                                                                リッチメニュー
                                                            </div>
                                                            <div class="function-widget">
                                                                <button type="button" class="btn btn-sns-line" :class="checkActionFilter(indexAction)" v-on:click.stop="openModalFilter(indexAction)">
                                                                    <span class="without-filter">絞込 未設定</span>
                                                                    <span class="has-filter">絞込 設定済</span>
                                                                </button>
                                                                <div class="remove">
                                                                    <i class="far fa-trash-alt" @click="removeItemAction(indexAction)"></i>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="box-select">
                                                            <div class="title">表示設定</div>
                                                            <div>
                                                                <div class="action-select">
                                                                    <select class="form-control" style="display: initial; text-align: center" v-model="item.data.action" @change="chooseAction($event, indexAction, 'richmenu')">
                                                                        <option :value="1">表示を停止</option>
                                                                        <option :value="2">表示する</option>
                                                                    </select>
                                                                    <i class="far fa-angle-down"></i>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="box-select align-items-center" v-if="item.data.action == 2">
                                                            <div class="title">リッチメニュー選択</div>
                                                            <div class="select-value combo-box">
                                                                <button class="form-control" type="button" @click="item.data.is_expand_group = !item.data.is_expand_group" style="text-align: center;border-color: #F2F2F2 !important;">
                                                                    @{{ item.data.richmenu_name }}
                                                                    <i class="far fa-angle-down" style="float: right;font-size: 16px;"> </i>
                                                                </button>
                                                                <div :class="`${item.data.is_expand_group ? 'show-menu' : 'd-none'}`">
                                                                    <div class="tem_choice" style="display:flex">
                                                                        <div class="menu">
                                                                            <ul>
                                                                                <li class="template_group folder-close" role="button" data-toggle="collapse" aria-expanded="false" id="group_0" v-bind:class="(item.data.selected_group_id == 0)?' active-folder':'folder-close'" data-id="0" v-on:click="initDataRichMenu(0, indexAction)">
                                                                                    未分類
                                                                                </li>
                                                                                <li v-for="(group,index) in item.groups" class="group" role="button" v-bind:class="(group.id == item.data.selected_group_id)?' active':'folder-close'" data-toggle="collapse" aria-expanded="false" :id="'group_'+group.id" :data-id="group.id" :data-name="group.name" v-on:click="initDataRichMenu(group.id, indexAction)">
                                                                                    @{{ group.name }}
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                        <div class="menu-child">
                                                                            <ul v-if="item.group_items != undefined && item.group_items.length>0">
                                                                                <li style="list-style: none" v-for="(groupItem, index) in item.group_items" id="'richmenu_id_'+index" :data-id="groupItem.id">
                                                                                    <label>
                                                                                        <input type="radio" :name="'rich_menu_'+indexAction" v-model="item.data.id" v-validate="{required: true}" data-vv-as="テンプレート選択" v-on:click="chooseAction($event, indexAction, 'richmenu', groupItem.name)" :data-name="groupItem.name" v-model="item.data.id" :value="groupItem.id">
                                                                                        <div class="option-container">
                                                                                            <span class="checkmark"></span>
                                                                                            @{{ groupItem.name }}
                                                                                        </div>
                                                                                    </label>
                                                                                </li>
                                                                            </ul>
                                                                            <ul v-if="item.group_items != undefined && item.group_items.length == 0">
                                                                                分類を選択して下さい
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <p class="text-danger" v-show="errors.has('rich_menu_'+indexAction)">リッチメニューを選択してください</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div v-show="item.is_edit_content">
                                                <div id="menu-friend-info" class="tab-pane" v-if="item.type == 'friend_info'">
                                                    <div class="tagdetail_right box-action tab-pane-content" id="scenario_slot" :class="{highlight: item.is_edit_content }">
                                                        <div class="title-child">
                                                            <div class="name">
                                                                友だち情報
                                                            </div>
                                                            <div class="function-widget">
                                                                <button type="button" class="btn btn-sns-line" :class="checkActionFilter(indexAction)" v-on:click.stop="openModalFilter(indexAction)">
                                                                    <span class="without-filter">絞込 未設定</span>
                                                                    <span class="has-filter">絞込 設定済</span>
                                                                </button>
                                                                <div class="remove">
                                                                    <i class="far fa-trash-alt" @click="removeItemAction(indexAction)"></i>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div>
                                                            <div class="box-select">
                                                                <div>
                                                                    <div class="title" style="float: left">友だち情報選択
                                                                    </div>
                                                                    <div class="title" v-if="item.data.type=='1'" style="float: right">選択肢
                                                                    </div>
                                                                    <div class="title" v-if="item.data.type=='2'" style="float: right">記述
                                                                    </div>
                                                                    <div class="title" v-if="item.data.type=='3'" style="float: right">年月日
                                                                    </div>
                                                                    <div class="title" v-if="item.data.type=='6'" style="float: right">ポイント
                                                                    </div>
                                                                </div>
                                                                <div class="show-value combo-box">
                                                                    <button class="form-control" type="button" @click="item.data.is_expand_group = !item.data.is_expand_group" style="text-align: center;">
                                                                        @{{ item.data.name }}
                                                                        <i class="far fa-angle-down" style="float: right;font-size: 16px;"></i>
                                                                    </button>
                                                                    <div :class="`${item.data.is_expand_group ? 'show-menu' : 'd-none'}`">
                                                                        <div class="tem_choice">
                                                                            <div class="menu overflow-scroll">
                                                                                <ul>
                                                                                    <li @click="initDataFriendInfo(indexAction, 0)" :class="item.data.group_open == 0 ? 'active' : ''">
                                                                                        未分類
                                                                                    </li>
                                                                                    <li @click="initDataFriendInfo(indexAction, -1)" :class="item.data.group_open == -1 ? 'active' : ''">
                                                                                        基本情報
                                                                                    </li>
                                                                                    <li @click="initDataFriendInfo(indexAction, -2)" :class="item.data.group_open == -2 ? 'active' : ''">
                                                                                        国内住所
                                                                                    </li>
                                                                                    <li v-for="(category,index) in groups_friends " class="friend_group" :class="category.id == item.data.group_open ? 'active' : ''" role="button" data-toggle="collapse" aria-expanded="false" :id="'group_'+category.id" :data-id="category.id" :data-name="category.name" @click="initDataFriendInfo(indexAction, category.id)">
                                                                                        @{{ category.name }}
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                            <div class="menu-child">
                                                                                <ul v-if="friend_items != undefined && friend_items.length>0">
                                                                                    <li style="list-style: none" v-for="(friendItem,index) in friend_items" {{-- v-show="item.data.group_open != -1 ? friendItem.group_id == item.data.group_open : friendItem.group_id == undefined" --}} id="'friend_info_id_'+index" :data-id="friendItem.id">
                                                                                        <label>
                                                                                            <input type="radio" :data-name="friendItem.title" v-on:click="chooseFriendInfo($event, indexAction, friendItem.id)" :selected="friendItem.id == item.data.id" v-model="item.data.id" :value="friendItem.id">
                                                                                            <div class="option-container">
                                                                                                <span class="checkmark"></span>
                                                                                                @{{ friendItem.title }}
                                                                                            </div>
                                                                                        </label>
                                                                                    </li>
                                                                                </ul>
                                                                                <ul v-if="friend_items != undefined && friend_items.length == 0">
                                                                                    分類を選択して下さい
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <input type="hidden" v-validate="{required: true}" data-vv-as="友だち情報選択" v-model="item.data.id" :name="'friend_info_'+indexAction">
                                                                    <p class="text-danger error-action" v-show="errors.has('friend_info_'+indexAction)">
                                                                        @{{ errors.first('friend_info_'+indexAction) }}
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <div class="box-select mb-2">
                                                                <div class="title" v-if="item.data.type">友だち情報操作</div>
                                                                <div id="info_select" v-if="item.data.type == 1">
                                                                    <div class="action-select">
                                                                        <select v-model="item.data.action" class="form-control">
                                                                            <option value="1">登録されている情報を削除</option>
                                                                            <option value="2">登録済みの選択肢から情報を登録
                                                                            </option>
                                                                        </select>
                                                                        <i class="far fa-angle-down"></i>
                                                                    </div>
                                                                </div>
                                                                <div id="info_select" v-if="item.data.type == 2">
                                                                    <div class="action-select">
                                                                        <select v-model="item.data.action" class="form-control">
                                                                            <option value="1">登録されている情報を削除</option>
                                                                            <option value="2">以下の情報を登録</option>
                                                                        </select>
                                                                        <i class="far fa-angle-down"></i>
                                                                    </div>
                                                                </div>
                                                                <div id="info_select" v-if="item.data.type == 3">
                                                                    <div class="action-select">
                                                                        <select v-model="item.data.action" class="form-control" v-on:change="chooseActionFriendInfo($event, indexAction)">
                                                                            <option value="1">登録されている情報を削除</option>
                                                                            <option value="2">指定の日付を登録</option>
                                                                            <option value="3">当日日付を登録</option>
                                                                        </select>
                                                                        <i class="far fa-angle-down"></i>
                                                                    </div>
                                                                </div>
                                                                <div id="info_select" v-if="item.data.type == 6">
                                                                    <div class="action-select">
                                                                        <select v-model="item.data.action" class="form-control">
                                                                            <option value="0">登録されている情報を削除</option>
                                                                            <option value="1">ポイントを登録（上書き）する</option>
                                                                            <option value="2">ポイントをプラス（＋）する</option>
                                                                            <option value="3">ポイントをマイナス（－）する</option>
                                                                        </select>
                                                                        <i class="far fa-angle-down"></i>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div id="info_select" v-if="item.data.type == 1 && item.data.action == 2">
                                                                <div class="row mb-2">
                                                                    <div class="col-xs-12" v-if="checkFriendItemIsEmpty(friend_items, item.data.id)">
                                                                        <div class="title" style="color: #7D9195;">
                                                                            選択肢選択
                                                                        </div>
                                                                        <div class="item-selector overflow-scroll">
                                                                            <div v-for="(info, indexInfo) in friend_items">

                                                                                <div v-if="info.id == item.data.id && info.id != -6">
                                                                                    <label v-if="friend_items[indexInfo].setting_value.setting_actions.length > 0" class="item-selector-child" v-for="(value, indexSelect) in friend_items[indexInfo].setting_value.setting_actions">
                                                                                        <input type="radio" :name="'info_select_'+indexAction" :value="value.value" v-model="item.data.content" :checked="item.data.type == 1 && item.data.action == 2 && item.data.content == value.value">
                                                                                        <div class="option-container">
                                                                                            <span class="checkmark"></span>
                                                                                            @{{ value.value }}
                                                                                        </div>
                                                                                    </label>
                                                                                </div>
                                                                                <div v-else>
                                                                                    <label v-if="friend_items[indexInfo].valueOption.length > 0 " class="item-selector-child" v-for="(value, indexSelect) in friend_items[indexInfo].valueOption">
                                                                                        <input type="radio" :name="'info_select_'+indexAction" :value="value" v-model="item.data.content" :checked="item.data.type == 1 && item.data.action == 2 && item.data.content == value">
                                                                                        <div class="option-container">
                                                                                            <span class="checkmark"></span>
                                                                                            @{{ value }}
                                                                                        </div>
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div id="info_text" v-if="item.data.type == 2 && item.data.action  == 2">
                                                                <div class="row mb-2">
                                                                    <div class="col-xs-12 ">
                                                                        <textarea rows="6" class="form-control" :id="'content_info_text_'+indexAction" @keyup="hideErrorInfo(indexAction)" :name="'content_info_text_'+indexAction" v-model="item.data.content" v-validate="{required: true}"></textarea>
                                                                        <p class="text-danger error-action" :class="'text-error-friend-info-'+indexAction" :id="'error_info_text_'+indexAction" v-show="errors.has('content_info_text_' + indexAction)">
                                                                            @{{item.data.name }}を入力してください。
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div id="info_point mb-2" v-if="item.data.type == 6 && (item.data.action != 0)">

                                                                <div class="row mb-2">
                                                                    <div class="col-xs-12 ">
                                                                        <div class="title" style="color: #7D9195;">ポイント</div>
                                                                        <div class="d-flex custom_radio_gray" style="margin-bottom: 8px;">
                                                                            <label class="option-container radio_multiple_display" style="margin-right: 20px">
                                                                                <input type="radio" :name="'is_random'+indexAction" value="0" :selected="item.data.is_random == 0" v-model="item.data.is_random">
                                                                                <span class="checkmark"></span>
                                                                                <span style="font-size: 13px; margin-top: 4px;">指定</span>
                                                                            </label>
                                                                            <label class="option-container radio_multiple_display">
                                                                                <input type="radio" :name="'is_random'+indexAction" value="1" :selected="item.data.is_random == 1" v-model="item.data.is_random">
                                                                                <span class="checkmark"></span>
                                                                                <span style="font-size: 13px; margin-top: 4px;">ランダム（設定した範囲内の数値がランダムに選択されます）</span>
                                                                            </label>
                                                                        </div>
                                                                        <div  v-if="item.data.is_random == 1">
                                                                            <div class="d-flex" style="align-items: center">
                                                                                <input type="number"  style="width: 90px;border-radius: 4px;height: 32px" min="0" :id="'content_point_from_'+indexAction"
                                                                                       :name="'content_point_from_'+indexAction" data-vv-as="ポイント" v-validate="{required: true, min_value:0}"
                                                                                       v-model="item.data.from">
                                                                                <span style="margin-left: 10px;    margin-right: 10px;">~</span>
                                                                                <input type="number"  style="width: 90px;border-radius: 4px;height: 32px" min="0" :id="'content_point_to_'+indexAction"
                                                                                       :name="'content_point_to_'+indexAction" data-vv-as="ポイント" v-validate="{required: true, min_value:0}"
                                                                                       v-model="item.data.to">
                                                                            </div>

                                                                        </div>
                                                                       
                                                                        <p class="text-danger" :class="'text-error-friend-info-'+indexAction" :id="'error_info_point_from'+indexAction" v-show="errors.has('content_point_from_'+indexAction)">
                                                                            @{{
                                                                            errors.first('content_point_from_'+indexAction)
                                                                            }}
                                                                        </p>
                                                                        <p class="text-danger" :class="'text-error-friend-info-'+indexAction" :id="'error_info_point_to'+indexAction" v-show="errors.has('content_point_to_'+indexAction)">
                                                                            @{{
                                                                            errors.first('content_point_to_'+indexAction)
                                                                            }}
                                                                        </p>
                                                                        <div >
                                                                            <input v-if="item.data.is_random == 0" type="number" style="width: 90px;border-radius: 4px;height: 32px" min="0" :id="'content_info_point_'+indexAction" :name="'content_info_point_'+indexAction" data-vv-as="ポイント"
                                                                                   v-validate="{required: true, min_value:0}" v-model="item.data.content">
                                                                            <p class="text-danger" :class="'text-error-friend-info-'+indexAction" :id="'error_info_point_'+indexAction" v-show="errors.has('content_info_point_'+indexAction)">
                                                                                @{{
                                                                                errors.first('content_info_point_'+indexAction)
                                                                                }}
                                                                        </div>


                                                                    </div>
                                                                </div>
                                                            </div>
{{--                                                            <div id="info_point mb-2" v-if="item.data.type == 6 && (item.data.action == 2 || item.data.action == 3 )">--}}
{{--                                                                <div class="row mb-2">--}}
{{--                                                                    <div class="col-xs-5 ">--}}
{{--                                                                        <div class="title" style="color: #7D9195;">ポイント</div>--}}
{{--                                                                        <input type="number" @keyup="hideErrorInfo(indexAction)" style="width: 90px;border-radius: 4px;height: 32px" min="0" :id="'content_info_point_'+indexAction" :name="'content_info_point_'+indexAction" data-vv-as="ポイント" v-validate="{required: true, min_value:0}" v-model="item.data.content">--}}
{{--                                                                        <p class="text-danger" :class="'text-error-friend-info-'+indexAction" :id="'error_info_point_'+indexAction" v-show="errors.has('content_info_point_'+indexAction)">--}}
{{--                                                                            @{{--}}
{{--                                                                        errors.first('content_info_point_'+indexAction)--}}
{{--                                                                        }}--}}
{{--                                                                        </p>--}}
{{--                                                                    </div>--}}
{{--                                                                </div>--}}
{{--                                                            </div>--}}

                                                            <div id="info_date mb-2" v-if="item.data.type == 3  && (item.data.action == 2)">
                                                                <div class="">
                                                                    <div class="title" style="color:#7D9195;">登録する日付
                                                                    </div>
                                                                    <div class="vdp-datepicker">
                                                                        <div class="box-date">
                                                                            <input class="form-control" v-model="item.data.content" :class="item.data.content ? 'show' : ''" type="date" onkeydown="return false;" @click="hideErrorInfo(indexAction)" :id="'content_info_date_'+indexAction" :name="'content_info_date_'+indexAction" :data-index="indexAction" placeholder="" v-validate="{required: true}">
                                                                            <span class="ic-cal-ip">
                                                                                <i class="far fa-calendar"></i>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-2" style="display: flex; align-items: center;margin-bottom: 5px">
                                                                    {{-- <div class="col-xs-3 "></div>
                                                                <div class="col-xs-1" style="padding-right: 0;width: 6%">
                                                                </div> --}}
                                                                    <div class="col-xs-12">
                                                                        <p class="text-danger" :class="'text-error-friend-info-'+indexAction" :id="'error_info_date_'+indexAction" style="margin: 0" v-show="errors.has('content_info_date_'+indexAction)">
                                                                            @{{ item.data.name}}を入力してください。
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>











                                            </div>
                                            <div v-show="item.is_edit_content">
                                                <div id="menu-compliant-status" class="tab-pane" v-if="item.type == 'compliant_status'">
                                                    <div class="tagdetail_right box-action tab-pane-content" :class="{highlight: item.is_edit_content }">
                                                        <div class="title-child">
                                                            <div class="name">
                                                                対応ステータス
                                                            </div>
                                                            <div class="function-widget">
                                                                <button type="button" class="btn btn-sns-line" :class="checkActionFilter(indexAction)" v-on:click.stop="openModalFilter(indexAction)">
                                                                    <span class="without-filter">絞込 未設定</span>
                                                                    <span class="has-filter">絞込 設定済</span>
                                                                </button>
                                                                <div class="remove">
                                                                    <i class="far fa-trash-alt" @click="removeItemAction(indexAction)"></i>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="box-select mb-2">
                                                            <div class="title">対応ステータス設定</div>
                                                            <div class="">
                                                                <div class="action-select">
                                                                    <select class="form-control btn-select" v-validate="{required: true}" data-vv-as="友だち情報選択" :name="'compliant_status_'+indexAction" :id="'compliant_status_'+indexAction" data-vv-as="送信するテキスト" v-model="item.data.action">
                                                                        <option class="option-value" value=1 :selected="item.data.action==1">
                                                                            ステータスをつける
                                                                        </option>
                                                                        <option class="option-value" value=2 :selected="item.data.action==2">
                                                                            ステータスを外す
                                                                        </option>
                                                                    </select>
                                                                    <i class="far fa-angle-down"></i>
                                                                </div>
                                                                <p class="text-danger" v-show="errors.has('compliant_status_'+indexAction)">
                                                                    @{{errors.first('compliant_status_'+indexAction) }}</p>
                                                            </div>
                                                        </div>
                                                        <div class=" box-select mb-2" v-if="item.data.action==1">
                                                            <div class="title">対応ステータス選択</div>
                                                            <div class="action-select" style="width: 100%;">
                                                                <select class="btn-select form-control" v-model="item.data.id" @change="chooseStatus($event,indexAction)">
                                                                    <option v-for="(setting,index) in status_setting" :value="setting.id">
                                                                        @{{setting.name_status}}
                                                                    </option>
                                                                </select>
                                                                <i class="far fa-angle-down"></i>
                                                            </div>
                                                            <input type="hidden" v-validate="{required: true}" data-vv-as="対応ステータス" v-model="item.data.id" :name="'compliant_id_'+indexAction">
                                                            <p class="text-danger" v-show="errors.has('compliant_id_'+indexAction)">
                                                                @{{ errors.first('compliant_id_'+indexAction) }}
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>

                <input type="hidden" id="action_idx">
                <input type="hidden" id="plan_key">
                <input type="hidden" id="plan_key_slot">
                <input type="hidden" id="button_tab_id">
                <input type="hidden" id="button_index">
                <input type="hidden" id="tmp_number">
                <input type="hidden" id="type_image_map">
                <input type="hidden" id="type_calendar">
                <input type="hidden" id="index_calendar">
                <input type="hidden" id="type_bill_item">
                <input type="hidden" id="type_add_friend">
                <input type="hidden" id="type_add_action_tag">
                <input type="hidden" id="type_action_qrcode">
            </div>
            <div class="modal-bottom">
                <button type="button" class="btn btn-sns-line btn-sns-line-success btn-sns-line-success-bg standard-btn !bg-[#08BF5A]" v-show="type_action != 'button' && type_action != 'image_map' && type_action != 'video' && type_action != 'formAnswer_setting_action' && type_action != 'formAnswer_diagnostic_content' && type_action != 'add_friend_new'" :disabled="type_action == 'preview-chat11'" onclick="saveSettingAction()">保存
                </button>
                <button type="button" class="btn btn-sns-line btn-sns-line-success btn-sns-line-success-bg standard-btn !bg-[#08BF5A]" style="font-size: 14px;padding: 7px 35px;width: 200px" v-show="type_action == 'button'" onclick="saveSettingActionButton()">保存
                </button>
                <button type="button" class="btn btn-sns-line btn-sns-line-success btn-sns-line-success-bg standard-btn !bg-[#08BF5A]" v-show="type_action == 'image_map'" onclick="saveSettingActionImageMap()">
                    保存
                </button>
                <button type="button" class="btn btn-sns-line btn-sns-line-radius btn-sns-line-success btn-sns-line-success-bg standard-btn !bg-[#08BF5A]" v-show="type_action == 'video'" onclick="saveSettingActionVideo()">保存
                </button>
                <button type="button" class="btn btn-sns-line btn-sns-line-success btn-sns-line-success-bg standard-btn !bg-[#08BF5A]" v-show="type_action == 'formAnswer_setting_action' || type_action == 'formAnswer_diagnostic_content'" onclick="saveSettingActionFormAnswer()">
                    保存
                </button>
                <button type="button" class="btn btn-sns-line btn-sns-line-success btn-sns-line-success-bg standard-btn !bg-[#08BF5A]" v-show="type_action == 'add_friend_new'" onclick="saveSettingAction()">
                    保存
                </button>
            </div>
        </div>
    </div>
    <div class="modal fade custom-modal" id="modalAddTagModalAction" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body" style="padding: 20px 30px;">
                    <button type="button" class="close" @click="backModalACtionFromAddTag()">
                        <span><i class="fas fa-times"></i></span>
                    </button>
                    <div class="modal-title" id="exampleModalLabel" style="padding-top: 0;color: #535657;font-weight: bold;">タグ新規追加</div>
                    <div class="form-group">
                        <label for="recipient-name" class="col-form-label" style="margin-bottom: 6px; color: #8F9293;">追加するフォルダ選択</label>
                        <select class="form-control my_class text-center" style="height: 35px; color: #8F9293;" v-model="objectTag.folder_id">
                            <option value="0">未分類</option>
                            <option v-for="(category,index) in groups_tag" :value="category.id">
                                @{{ category.name }}
                            </option>
                        </select>
                    </div>
                    <div class="form-group" style="margin-top: 30px; color: #8F9293;">
                        <div style="display: flex; justify-content: space-between;">
                            <label for="message-text" class="col-form-label" style="margin-bottom: 6px;">追加するタグ名</label>
                            <span>@{{ objectTag.tag_name.length }}/50</span>
                        </div>
                        <input type="text" class="form-control" style="height: 35px;"  v-model="objectTag.tag_name"/>
                    </div>
                    <div class="form-group text-center" style="margin-top: 20px;">
                        <button type="button" @click="saveAddTag()" class="btn btn-sns-line btn-sns-line-success btn-sns-line-success-bg btn-sns-line-drop-shadow !bg-[#08BF5A]" style="margin-bottom: 15px;padding: 10px 30px">保存してアクションに設定に戻る</button> <br/>
                        <button type="button" class="btn btn-sns-line btn-sns-line-secondary btn-sns-line-drop-shadow" style="background-color: #00000080;" @click="backModalACtionFromAddTag()" style="padding: 10px 30px;">戻る</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/js/jquery.min.js"></script>
<script src="/chat_files/jquery-ui.min.js"></script>
<script src="/js/form_answer/vee-validate.rc7.min.js"></script>
<script src="/js/form_answer/vee-validate_ja.min.js"></script>
<script src="https://unpkg.com/vue@2.6.12/dist/vue.js"></script>
<script src="/plugins/vuejs/vue-resource@1.3.4.js"></script>
<script src="/js/form_answer/jquery.ui.datepicker-ja.js"></script>
<script>
    var richmenuList = null;
</script>
<script type="application/javascript" src="/js/select_action.js?v={{config('sns-line.version')}}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        setTimeout(function() {
            $(".datepicker").datepicker({
                dateFormat: 'yy-mm-dd',
                language: 'ja',
                minDate: new Date(),
            });
        }, 200)
    });
    var scenarioList = null;
</script>