@extends('layout.basic.main')
@section('title',empty($id_setting) ? '友だち情報管理（作成）':'友だち情報管理（編集）')

@push('css')
    <link rel="stylesheet" href="/css/friendlist/style_info.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-rqn26AG5Pj86AF4SO72RK5fyefcQ/x32DNQfChxWvbXIyXFePlEktwD18fEz+kQU" crossorigin="anonymous">

    <style>

       .bor-title{
           border-left: 7px solid rgba(68,203,128,1);
           padding: 7px;
           font-size: 15px;
           margin-bottom: 13px;
           margin-top: 30px;
           font-weight: bold;
       }
        input[type="text"], select{
            height: 37px !important;
        }
        #information_friend_add select{
            /*appearance:auto!important;*/
        }
        .item-act-display{
            text-overflow: ellipsis;
            white-space: nowrap;width: 190px;
            overflow: hidden;
            background-color: #B0C2C6;
            color: white;
            padding-bottom: 4px;
            padding-top: 4px;
            text-align: left !important;
            border-radius: 45px;
            margin:  0 auto;
            margin-bottom: 4px !important;
            font-size: 10px;
        }
        .tbl_setting_action th{
            font-weight: bold;
            background-color: #08BF5A;
            border: none;
            /*vertical-align: initial !important;*/
        }

        .b-date{
            display: flex;
            align-items: center;
            /*justify-content: space-around;*/
            margin-top: 14px;
        }

       #settingActionUrlModal #close_modal_action {
           top: 5px !important;
       }

       #settingActionUrlModal .ic-close {
           top: 4px !important;
       }

       .box-ic-sort{
           width: 33px;
           height: 37px;
           padding: 2px;
           border-radius: 4px;
       }
       #information_friend_add .hover-sort:hover{
           background-color: #7D9195;
           color: #FFFFFF !important;
       }
       #information_friend_add .hover-sort{
           width: 33px;
           padding: 6px;
           border-radius: 4px;
           font-size: 20px;
       }
       #information_friend_add .box-ic-sort:hover i{
           color: #FFFFFF !important;
       }
       #information_friend_add .hover-remove{
           width: 33px;
           padding: 6px;
           border-radius: 4px;
       }
       #information_friend_add .hover-remove:hover{
           background-color: #7D9195;
           color: #FFFFFF !important;
       }
       .fade {
           transform: unset !important;
           animation: unset !important;
       }
       .fade.in {
           transform: unset !important;
           animation: unset !important;
       }
       .modal-content {
           -webkit-animation-name: unset !important;
           -webkit-animation-duration: 0.6s;
           animation-name: unset !important; ;
           animation-duration: unset !important;
       }
       .modal.fade .modal-dialog {
           -webkit-transition: unset !important;
           -o-transition: -unset !important;
           transition: unset !important;
           -webkit-transform:unset !important;
           -ms-transform: unset !important;
           -o-transform: unset !important;
           transform: unset !important;
       }
       tbody>tr:first-child>td{
           border-top: none !important;
       }
    </style>
@endpush
@section('content')
    <article class="">
        <div id="loading_overlay" class="loading-overlay text-center" style="display: none">
            <i class="glyphicon glyphicon-refresh spin"></i>
        </div>
        <section class="taglist tmp" id="information_friend_add" v-cloak>
            <h2 style="font-size: 20px; color: #222222; font-weight: bold; padding: 10px 10px 10px 0">友だち情報作成</h2>
            <input type="hidden" value="{{isset($id_setting) ? $id_setting : ''}}" name="id_setting" id="id_setting">
            <input type="hidden" value="{{isset($id_copy) ? $id_copy : ''}}" name="id_copy" id="id_copy">
            <div class="row">
                <div class="col-sm-6 ">
                    <div class="bor-title">
                        友だち情報（管理名）
                    </div>
                    <div style="display: flex;">
                        <input type="text" :disabled="(group_id == -1)" class="form-control" id="name_info" v-model="title" value="" style="width: 90%;float: left; margin-right: 10px">
                        <div id="count_text_name" style="text-align: right;width: 95px;margin-top: 6px;margin-left: 15px;">0/20文字</div>
                    </div>
                    <div class="errors" id="name_info_error"></div>

                </div>
                <div class="col-sm-6 ">
                    <div class="bor-title">
                        フォルダ
                    </div>
                    <div class="b-select">
                        <select  class="form-control text-center" v-model="group_id" :disabled="(group_id == -1 || group_id == -2)">
                            <option value="0">未分類</option>
                            <option value="-1" v-if="group_id == -1">基本情報</option>
                            <option value="-2" v-if="group_id == -2">国内住所</option>
                            <option  v-for="(item,index) in groups" :value="item.id">@{{ item.name }}</option>
                        </select>
                        <i class="far fa-angle-down"></i>
                    </div>


                </div>

            </div>
            <div class="row">

                <div class="col-sm-6 ">
                    <div class="bor-title">
                        情報タイプ選択 <span style="color: rgba(244,67,54,1)">※保存後の変更不可</span>
                    </div>
                    <div class="b-select">
                        <select  class="form-control text-center" :disabled="(id!= '' || group_id == -1)"
                                 v-model="type_data" v-on:change="changeType">
                            <option value="1">選択肢</option>
                            <option value="2">記述</option>
                            <option value="3">年月日</option>
                            <option value="4">画像</option>
                            <option value="5">PDF</option>
                            <option value="6">ポイント</option>

                        </select>
                        <i class="far fa-angle-down"></i>
                    </div>

                </div>
                <div class="col-sm-6 ">

                </div>
            </div>
{{--            <div v-if="type_data == 1">--}}
{{--                <div class="row">--}}

{{--                    <div class="col-sm-6 ">--}}
{{--                        <div class="bor-title">--}}
{{--                            選択肢入力--}}
{{--                        </div>--}}

{{--                    </div>--}}
{{--                    <div class="col-sm-6 ">--}}

{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="row mb-item" v-for="(item,index) in select_value">--}}
{{--                    <div class="col-sm-6 ">--}}
{{--                        <input type="text" class="form-control" v-model="item.value">--}}
{{--                    </div>--}}
{{--                    <div class="col-sm-2" style="display: flex;    align-items: center;">--}}
{{--                        <div class="box-ic-sort" style=" width: 28px;height: 35px;">--}}
{{--                            <i class="far fa-chevron-up  "  v-on:click="onUpdateDefault(undefined, index, 'up')"></i>--}}
{{--                            <i class="far fa-chevron-down " v-on:click="onUpdateDefault(undefined, index, 'down')"></i>--}}
{{--                        </div>--}}
{{--                        <i class="fal fa-trash-alt " style="font-size: 25px;" v-on:click="removeSelect(index)"></i>--}}
{{--                    </div>--}}
{{--                </div>--}}

{{--                <div class="row">--}}
{{--                    <div class="col-sm-6 text-center">--}}
{{--                        <i class="fal fa-plus-circle fa-2x" v-on:click="addSelect()"></i>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}

            <div v-if="((type_data == 6 || type_data == 1) && group_id >= 0) ">
                <div class="row">
                    <div class="col-sm-6 ">
                        <div class="bor-title" >
                            @{{  type_data == 1 ?  '選択肢・アクション' : 'ポイント到達時アクション' }}
                        </div>
                    </div>
                    <div class="col-sm-6 ">
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6 " style="    display: flex;align-items: center;">
                        <button class="btn btn-sns-line btn-sns-line-sm btn-sns-line-primary" style="width: 80px; border: none; height: 30px;margin-right: 10px;"
                                v-on:click="addItemPoint">追加</button>
                        <label>稼働設定</label>

                        <input type="radio" style="width: 25px;height: 22px; margin-left: 30px" id="check1" value="1" v-model="action_mode"><label for="check1">一度のみ</label>
                        <input type="radio"  style="width: 25px;height: 22px; margin-left: 30px" id="check2" value="2" v-model="action_mode"><label for="check2">何度でも稼働</label>

                    </div>
                    <div class="col-sm-6 ">
                    </div>
                </div>
                <div class="row" v-if="setting_actions.length > 0">
                    <div class="col-sm-6 ">
                        <table class="table tbl_setting_action ">

                            <tr>
                                <th>@{{  type_data == 1 ?  '選択肢' : 'ポイント' }}</th>
                                <th class="text-center">アクション設定</th>
                                <th></th>

                            </tr>
                            <tbody style="border-top: none">
                            <tr v-for="(item,index) in setting_actions" >

                                <td class="text-left" v-bind:style=" item.action_id ? 'vertical-align: initial !important;' : ''">
                                    <input v-if="type_data == 6" type="number"  v-validate="{required: true, min_value:1}"
                                           :name="'value'+index"
                                           data-vv-as="ポイント"
                                           v-model="item.value" style="width: 100px">
                                    <span v-if="type_data == 6">ポイント到達時 </span>
                                    <input v-else type="text"  v-validate="{required: true}"
                                           :name="'value'+index"
                                           data-vv-as="選択肢" v-model="item.value" style=" height: 30px !important;">
                                    <p class="text-danger" style="font-size: 12px" v-show="errors.has('value'+index)">@{{
                                        errors.first('value'+index) }}</p>
                                </td>
                                <td >
                                    <div v-if="item.action_id && item.detailsAction.length > 0">
                                        <div class="item-act-display" style=""
                                             v-for="(item, indexAction) in item.detailsAction"
                                             v-if="item.type && indexAction <3">
                                                @include('layout.modal_setting.label_action')
                                            {{-- <span v-if="iAc.type == 'tag'" >【タグ】
                                                <span v-for="(itemTag, indexTag) in iAc.list_tags">@{{  indexTag == 0 ? '' : ',' }}@{{ itemTag.name }}</span>を<span
                                                        v-if="iAc.data.action == 1">つける</span><span v-else>はずす</span>
                                            </span>

                                            <span v-else-if="iAc.type == 'scenario'" >【ステップ】<span v-if="iAc.data.action != 1">@{{ iAc.data.scenario_name }}</span>
                                                                <span v-else>購読停止・予約キャンセル</span>
                                            </span>
                                            <span v-else-if="iAc.type == 'template'" >【テンプレート】
                                                <span>@{{ iAc.data.template_name }}</span>
                                            </span>
                                            <span v-else-if="iAc.type == 'text'" >【テキスト】
                                                <span>@{{ iAc.data.content | shortContent }}</span>
                                            </span>
                                            <span v-else-if="iAc.type == 'richmenu'" >【リッチメニュー】
                                                <span v-if="iAc.data.action != 1">@{{ iAc.data.richmenu_name }} 表示</span>
                                                                <span v-else>表示を停止</span>
                                            </span>
                                            <span v-else-if="iAc.type == 'remind'" >【リマインド】
                                                <span>@{{ iAc.data.remind_name }}</span>
                                            </span>
                                            <span v-else-if="iAc.type == 'bookmark'">
                                                    <span class="action-title">【ブックマーク】</span>
                                                    <span v-if="iAc.data.action == 1">ブックマークする</span>
                                                    <span v-else>ブックマークを外す</span>
                                                </span>
                                                <span v-else-if="iAc.type == 'block'">
                                                    <span class="action-title">【ブロック・非表示】</span>
                                                    <span v-if="iAc.data.action == 1">ブロックする</span>
                                                    <span v-if="iAc.data.action == 2">ブロック解除</span>
                                                    <span v-if="iAc.data.action == 3">表示</span>
                                                    <span v-if="iAc.data.action == 4">非表示</span>
                                                </span>
                                                <span v-else-if="iAc.type == 'compliant_status'">
                                                    <span class="action-title">【対応ステータス】</span>
                                                    <span v-if="iAc.data.action == 1">@{{ iAc.data.content }}をつける</span>
                                                    <span v-else> ステータスを外す</span>
                                                </span>

                                            <span v-else-if="iAc.type == 'friend_info'" >【友だち情報】
                                                <span>@{{ iAc.data.name }}</span>
                                                <span v-if="iAc.data.action == 1"> 登録情報を削除</span>
                                                <span v-else> @{{ iAc.data.content }}</span>
                                            </span> --}}
                                        </div>
                                        <a  href=""
                                                 style="width:100px;color: #5799DB;"
                                                 v-on:click="openSettingAction(index, item.action_id)"
                                                 data-toggle="modal"
                                                 data-target="#settingActionUrlModal"
                                        >  <span v-if="item.detailsAction.length > 3"> その他@{{ item.detailsAction.length - 3 }}件 編集 </span>
                                           <span v-else>編集</span>
                                        </a>
                                    </div>

                                    <button v-else class="btn  btn-sns-line btn-sns-line-sm btn-sns-line-warning" style="width: 100px;"
                                           v-on:click="openSettingAction(index, item.action_id)"
                                            data-toggle="modal"
                                            data-target="#settingActionUrlModal">設定する</button>
                                    <input type="hidden" id="action_id">
                                </td>
                                <td style="vertical-align: initial !important;">
                                    <div class="" style="display: flex;    align-items: center;">

                                            <i class="far fa-chevron-up hover-sort"   v-if="type_data == 1"   v-on:click="onUpdateDefault(undefined, index, 'up')"></i>
{{--                                            <i class="far fa-chevron-down " v-on:click="onUpdateDefault(undefined, index, 'down')"></i>--}}
{{--                                            <i class="far fa-chevron-up  "  v-on:click="onUpdateDefault(undefined, index, 'up')"></i>--}}
                                            <i class="far fa-chevron-down hover-sort"  v-if="type_data == 1"  v-on:click="onUpdateDefault(undefined, index, 'down')"></i>

                                        <i class="fal fa-trash-alt hover-remove" style="font-size: 20px;" v-on:click="removeItemPoint(index,item)"></i>
                                    </div>
                                </td>

                            </tr>

                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
            <div v-if="type_data == 3 ">
                <div class="row">
                    <div class="col-sm-6 ">
                        <div class="bor-title" >アクション設定
                        </div>
                    </div>
                    <div class="col-sm-6 ">
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6 " style="    display: flex;align-items: center;">
                        <button type="button" class=" btn btn-sns-line btn-sns-line-sm btn-sns-line-primary" style="width: 80px; margin-right: 10px"
                                v-on:click="addItemPoint">追加</button>
                        <!-- <label>稼働設定</label> -->

                        <!-- <input type="radio" style="width: 25px;height: 22px; margin-left: 30px" id="check1" value="1" v-model="action_mode"><label for="check1">一度のみ</label>
                        <input type="radio"  style="width: 25px;height: 22px; margin-left: 30px" id="check2" value="2" v-model="action_mode"><label for="check2">何度でも稼働</label> -->

                    </div>
                    <div class="col-sm-6 ">
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6" >
                        <div style="padding: 20px;
   background-color: rgb(246, 246, 246);
    border-radius: 5px;
    margin-top: 15px;">
                            <p>登録「月日」を選択した場合、毎年その月日にアクションが稼働します。</p>
                            <p>登録「年月日」を選択した場合、1度しかアクションは稼働しません。</p>
                        </div>

                        <!-- <label>稼働設定</label> -->
                        <!-- <input type="radio" style="width: 25px;height: 22px; margin-left: 30px" id="check1" value="1" v-model="action_mode"><label for="check1">一度のみ</label>
                        <input type="radio"  style="width: 25px;height: 22px; margin-left: 30px" id="check2" value="2" v-model="action_mode"><label for="check2">何度でも稼働</label> -->

                    </div>
                </div>
                <div class="row" v-for="(item,index) in setting_actions">
                <div class="" >
                    <div class="col-sm-10 b-date" >
                        <span style="white-space:nowrap;margin-right:8px;">登録</span>
                        <select  class="form-control my_class "
                                 v-validate="{required: true}"
                                 data-vv-as=""
                                 :name="'option_compare1' + index"
                                 v-model="item.option_compare1" style="width: 100px">
                            {{--                                <option value=""></option>--}}
                            <option value="1">月日</option>
                            <option value="2">年月日</option>
                        </select>
                        <span style="white-space:nowrap;margin-right:8px;margin-left: 8px">から</span>
                        <input  class="form-control" style="width: 100px; height: 37px" v-validate="{required: true,min_value: 0}"
                                data-vv-as="日数" type="number"   :name="'number' + index" v-model="item.number">
                        <span style="margin-right:8px; margin-left: 8px">日</span>
                        <select  class="form-control my_class "   :name="'option_compare2' + index"
                                 v-validate="{required: true}"
                                 style="width: 100px" v-model="item.option_compare2">
                            {{--                                <option value=""></option>--}}
                            <option value="1">前</option>
                            <option value="2">後</option>

                        </select>
                        <span style="margin-right:8px;margin-left: 8px">の</span>
                        <input  class="form-control timepicker" style="width: 135px; height: 37px; margin-right: 8px" type="time"
                                v-validate="{required: true}"
                                data-vv-as="時間"
                                :name="'time' + index"
                                v-model="item.time">
                        <div style="    width: 190px; text-align: center">
                            <div v-if="item.action_id && item.detailsAction.length > 0" class="text-center">
                                <div class="item-act-display" style=""
                                     v-for="(iAc, indexAction) in item.detailsAction"
                                     v-if="iAc.type && indexAction <3"
                                     @click="activeAction(indexAction)" >
                                            <span v-if="iAc.type == 'tag'" >【タグ】タグ
                                                <span v-for="(itemTag, indexTag) in iAc.list_tags">@{{  indexTag == 0 ? '' : ',' }}@{{ itemTag.name }}</span>を<span
                                                        v-if="iAc.data.action == 1">つける</span><span v-else>はずす</span>
                                            </span>

                                    <span v-else-if="iAc.type == 'scenario'" >【ステップ】<span v-if="iAc.data.action != 1">@{{ iAc.data.scenario_name }}</span>
                                                                <span v-else>購読停止・予約キャンセル</span>
                                            </span>
                                    <span v-else-if="iAc.type == 'template'" >【テンプレート】
                                                <span>@{{ iAc.data.template_name }}</span>
                                            </span>
                                    <span v-else-if="iAc.type == 'text'" >【テキスト】
                                                <span>@{{ iAc.data.content | shortContent }}</span>
                                            </span>
                                    <span v-else-if="iAc.type == 'richmenu'" >【リッチメニュー】
                                        <span v-if="iAc.data.action != 1">@{{ iAc.data.richmenu_name }}表示</span>
                                        <span v-else>表示を停止</span>
                                    </span>
                                    <span v-else-if="iAc.type == 'remind'" >【リマインド】
                                        <span>@{{ iAc.data.remind_name }}</span>
                                    </span>

                                    <span v-else-if="iAc.type == 'bookmark'">
                                        <span class="action-title">【ブックマーク】</span>
                                        <span v-if="iAc.data.action == 1">ブックマークする</span>
                                        <span v-else>ブックマークを外す</span>
                                    </span>
                                    <span v-else-if="iAc.type == 'block'">
                                        <span class="action-title">【ブロック・非表示】</span>
                                        <span v-if="iAc.data.action == 1">ブロックする</span>
                                        <span v-if="iAc.data.action == 2">ブロック解除</span>
                                        <span v-if="iAc.data.action == 3">表示</span>
                                        <span v-if="iAc.data.action == 4">非表示</span>
                                    </span>
                                    <span v-else-if="iAc.type == 'compliant_status'">
                                        <span class="action-title">【対応ステータス】</span>
                                        <span v-if="iAc.data.action == 1">@{{ iAc.data.content }}をつける</span>
                                        <span v-else> ステータスを外す</span>
                                    </span>
                                    <span v-else-if="iAc.type == 'friend_info'">【友だち情報】
                                        <span v-if="iAc.data.type != 6">
                                            <span v-show="iAc.data.action == 1">登録情報を削除</span>
                                            <span v-show="iAc.data.action == 2">
                                                <span v-show="iAc.data.type == 1"><span style="margin-right: 5px">@{{iAc.data.name}}</span>(選択肢): @{{ iAc.data.content | shortContentFriendInfo }}</span>
                                                <span v-show="iAc.data.type == 2"><span style="margin-right: 5px">@{{iAc.data.name}}</span>(記述): @{{ iAc.data.content | shortContentFriendInfo }}</span>
                                                <span v-show="iAc.data.type == 3"><span style="margin-right: 5px">@{{iAc.data.name}}</span>(年月日): @{{ iAc.data.content | shortContentFriendInfo }}</span>
                                            </span>
                                            <span v-show="iAc.data.action == 3">
                                                <span v-show="iAc.data.type == 3">当日日付を登録</span>
                                            </span>
                                        </span>
                                        <span v-else>
                                            <span v-show="iAc.data.action == 0">登録情報を削除</span>
                                            <span v-show="iAc.data.action == 1">
                                                <span v-if="iAc.data.is_random == 1"><span style="margin-right: 5px">@{{iAc.data.name}}</span>(登録) ランダム @{{ iAc.data.from }} ~ @{{ iAc.data.to }}</span>
                                                <span v-else><span style="margin-right: 5px">@{{iAc.data.name}}</span>(登録) @{{ iAc.data.content | shortContentFriendInfo }} ポイント</span>
                                            </span>
                                            <span v-show="iAc.data.action == 2">
                                                <span v-if="iAc.data.is_random == 1">@{{iAc.data.name}}（プラス）ランダム @{{ iAc.data.from }} ~ @{{ iAc.data.to }}</span>
                                                <span v-else>@{{iAc.data.name}}（プラス） @{{iAc.data.content}}</span>
                                            </span>
                                            <span v-show="iAc.data.action == 3">
                                                <span v-if="iAc.data.is_random == 1">@{{iAc.data.name}}（マイナス）ランダム @{{ iAc.data.from }} ~ @{{ iAc.data.to }}</span>
                                                <span v-else>@{{iAc.data.name}}（マイナス）@{{iAc.data.content}}</span>
                                            </span>
                                        </span>
                                    </span>
                                </div>
                                <a  href=""
                                    style="width:100px;color: #5799DB;font-weight: bold"
                                    v-on:click="openSettingAction(index, item.action_id)"
                                    data-toggle="modal"
                                    data-target="#settingActionUrlModal"
                                ><span v-if="item.detailsAction.length > 3"> その他@{{ item.detailsAction.length - 3 }}件 編集 </span>
                                    <span v-else>編集</span></a>
                            </div>

                            <button v-else  class=" btn btn-sns-line btn-sns-line-sm btn-sns-line-warning" style="width: 130px; "
                                    v-on:click="openSettingAction(index, item.action_id)"
                                    data-toggle="modal"
                                    data-target="#settingActionUrlModal">アクション設定</button>
                            <input type="hidden" id="action_id">
                        </div>

                        <div style="margin-left: 10px">
{{--                            <i class="fal fa-trash-alt hover-remove" style="font-size: 20px;" v-on:click="removeItemPoint(index,item)"></i>--}}
                            <span class="line-icon" v-on:click="removeItemPoint(index,item)"><i class="fal fa-trash-alt"  ></i></span>

                        </div>

                    </div>
                    <div class="col-sm-10">
                        <p class="text-danger" style="font-size: 12px" v-show="errors.has('option_compare1'+index)">@{{
                            errors.first('option_compare1'+ index) }}</p>
                        <p class="text-danger" style="font-size: 12px" v-show="errors.has('number'+index)">@{{
                            errors.first('number'+index) }}</p>
                        <p class="text-danger" style="font-size: 12px" v-show="errors.has('option_compare2'+index)">@{{
                            errors.first('option_compare2'+index) }}</p>
                        <p class="text-danger" style="font-size: 12px" v-show="errors.has('time'+index)">@{{
                            errors.first('time'+index) }}</p>

                    </div>

                </div>
            </div>
            </div>
            <div class="row">
                <div class="col-sm-12 text-center">
                    <button type="button" class="btn btn-sns-line-radius-lg btn-sns-line btn-sns-line-success" style=" font-size: 20px; margin-top: 20px"
                            v-on:click="saveInforFriend">保存</button>
                </div>

            </div>
        </section>
        @include('layout.modal_setting.modal_select_action')
        @include('layout.modal_filter_v2')
    </article>
@endsection
@push('js')
    <script>
        var token = "{!! csrf_token() !!}";
        var group_id = null;
        {{--var group_id = '{{ isset($folderCookie) ? $folderCookie : 0 }}';--}}
    </script>
    <script src="/js/form_answer/jquery.ui.datepicker-ja.js"></script>
    <script src="/js/vue-paginate.js"></script>
    <script src="/js/form_answer/vee-validate.rc7.min.js"></script>
    <script src="/js/msg_template/custom_rule.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/msg_template/vee-validate_ja.min.js"></script>
    <script type="application/javascript" src="/js/infor_friend/create.js?v={{config("sns-line.version")}}"></script>
    <script src="/chat_files/bootstrap-timepicker.js"></script>
    <script>
        // $(function () {
        //     $('.timepicker').timepicker({
        //         minuteStep: 1,
        //         template: 'dropdown',
        //         appendWidgetTo: 'body',
        //         // showSeconds: true,
        //         // secondStep: 1,
        //         showMeridian: false
        //     });
        // });
    </script>
    <script>
        var params = [];
        var basic_home_new = [];
    </script>
    <script src="/js/friendlist/modal_filter_v2.js?v={{ config('sns-line.version') }}"></script>
@endpush