@push('css')
    <style>
        .pdf-pull-right {
        float: right;
        margin-right: 2px;
        }

        .thumbnail-footer {
        text-align: right;
        border-top: 1px solid #cccccc;
        margin-top: 5px;
        padding: 10px 3px 3px;
        cursor: default;
        }

        .slow-spin {
        -webkit-animation: fa-spin 1s infinite linear;
        animation: fa-spin 1s infinite linear;
        float: right;
        margin-right: 5px;
        margin-top: 2px;
        }
    </style>
@endpush
<form action="{{route('broadcast.store')}}" method="post" role="form" id="frmAddTemplate"
      onsubmit="return false;"
      enctype="multipart/form-data">
    <div class="editarea">
        <input type="hidden" value="{{ !empty($template_id)? $template_id : ''}}" name="id_template" id="id_template">
        <input type="hidden" value="{{ !empty($template_id_2)? $template_id_2 : ''}}" name="id_template2" id="id_template2">
        <input type="hidden" value="{{ !empty($template_id_3)? $template_id_3 : ''}}" name="id_template3" id="id_template3">

        @if((isset($tmp_update->type) && $tmp_update->type != 'group') || empty($tmp_update))
        <ul class="tab tab1">
            <li @if((isset($tmp_update->type) && $tmp_update->type == 'text') || empty($tmp_update)) class="select"
                @endif data-name="text">テキスト
            </li>
            @if(app('shared')->getShared()['bot']->bot_type == 0)
                <li @if(isset($tmp_update->type) && $tmp_update->type == 'stamp') class="select"
                    @endif data-name="stamp">
                    スタンプ
                </li>
            @endif
            <li @if(isset($tmp_update->type) && $tmp_update->type == 'image') class="select" @endif data-name="image">画像
            </li>
            @if(app('shared')->getShared()['bot']->bot_type == 0)
                <li @if(isset($tmp_update->type) && $tmp_update->type == 'question') class="select"
                    @endif data-name="question" style="display: none">質問
                </li>
                <li @if(isset($tmp_update->type) && $tmp_update->type == 'form') class="select" @endif data-name="form">
                    質問・ボタン
                </li>
                <li @if(isset($tmp_update->type) && $tmp_update->type == 'location') class="select"
                    @endif data-name="location">位置情報
                </li>
                <li @if(isset($tmp_update->type) && $tmp_update->type == 'introduction') class="select"
                    @endif data-name="introduction">紹介
                </li>
                <li @if(isset($tmp_update->type) && $tmp_update->type == 'voice') class="select"
                    @endif data-name="voice">音声
                </li>
                <li @if(isset($tmp_update->type) && $tmp_update->type == 'video') class="select"
                    @endif data-name="video">動画
                </li>
            @endif
        </ul>
        @endif
            @if((isset($tmp_update->type) && $tmp_update->type == 'group') && !empty($tmp_update))
                <p>テンプレート名 : {{$tmp_update->name}} </p>
               <input type="hidden" name="id_park" id="id_park" value="{{$tmp_update->id}}">
               <input type="hidden" name="name_park" id="name_park" value="{{$tmp_update->name}}">
            @endif
        <ul class="content">
            <li class="text tab_content row"
                @if((isset($tmp_update->type) && $tmp_update->type != 'text')) style="display: none;position: relative"
                @else style="position: relative" @endif>
                <div class="col-sm-9">
                <p>本文<span class="taiou_red">必須</span> <span class="taiou_gry">{name}</span></p>
                @include('basic.improve.improve_text_editor', ['type' => 1, 'emoji' => 1])
                @include('basic.improve.sub_menu', ['type' => 1])
                {{ Form::textarea('text_content', (isset($tmp_update) && $tmp_update->type == 'text') ? $tmp_update->content : "", ['id' => 'text_content', 'cols' => 30, 'rows' => 10]) }}

                <p class="count">
                                <span id="tmp_content_empty" class="text-danger text_content_error tmp_err"
                                      style="float: left; display: none">テンプレート内容を入力して下さい</span>
                    <span id="tmp_content_length" class="text-danger text_content_error tmp_err"
                          style="float: left; display: none">内容を5000文字以下で入力してください</span>
                    <span id="count_text_content">0</span>/5000文字</p>
                <p class="memo">{name}と入力すると送信先の名前へ変換されます。</p>

                <div >
                    <button  class="grn btn btn-primary btn-sm" onclick="detectContent()">
                        URL設定
                    </button>
                </div>
                </div>
                <div class="col-sm-3">
                    <b>ツール</b>
                    <br>
                    <button type="button" class="btn btn-sm btn-info modal-open" data-type="1" style="width: auto; margin: unset" id = 'select_pdf'>
                        PDFアップロード
                    </button>
                    <small class="help-block">LINEアプリのバージョンが古い場合PDF閲覧に対応していない場合があります</small>
                </div>
                <div id="dataDetectContent" class="row">
                    <div class="show-config-url col-sm-12">
                        <table id="tbl-urlDetect" class="table table-hover table-bordered"
                               style="display: none">
                            <thead>
                            <tr>
                                <th class="nameth" style="width: 20%;">URL</th>
                                <th class="nameth" style="width: 10%;">詳細設定</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-if="urls.length > 0 " v-for="(item,index) in urls"
                                v-bind:class="{ active: itemSetting.id == index }">
                                <td style="min-width: 300px">@{{ item.url }}</td>
                                <td>
                                    <button type="button" class=" btn btn-primary btn-sm btn-show-config-url" v-on:click="detailSetting(item, index)">
                                        設定
                                    </button>
                                </td>
                            </tr>
                            <tr v-if="urls.length == 0">
                                <td colspan="2">メッセージ中にURLがありません。</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="info-url col-sm-7 panel panel-default" style="display: none">
                        <div class="panel-body" style="padding-top: 5px">
                            <input  type="checkbox" name="dammy"
                                    v-model="enable_deadline">表示期限設定を利用しない

                            <div v-if="!enable_deadline">
                                <h4 style="font-weight: bold ">表示期限 <span class="require_red">必須</span></h4>
                                <input type="radio" name="is_day_finish"
                                       :value="0"
                                       v-model="is_day_finish">日時指定
                                <div style="display: flex; margin: 7px 0">
                                    <input data-id="1" placeholder="YYYY/MM/DD" type="text"
                                           :disabled="is_day_finish == 1"
                                           class="event_date datepicker" style="width: 30% ;margin-right: 10px"
                                           v-model="formatDate(itemSetting.url_expired_date)"
                                           v-on:change="changeInput"
                                           name="url_expired_date" id="url_expired_date">
                                    <input data-id="1" name="url_expired_time" id="url_expired_time" type="text"
                                           v-model="itemSetting.url_expired_time" style="width: 20%"
                                           v-on:change="changeInput"
                                           :disabled="is_day_finish == 1"
                                           class="timepicker"> <p style="margin: 5px 1px 0 0">まで</p>
                                </div>
                                <input type="radio" name="is_day_finish"
                                       :value="1"
                                       v-model="is_day_finish">経過日数指定
                                <div class="duration_inp">
                                    配信日から
                                    <input  type="number"
                                            class="event_date " style="width: 15% ;margin-right: 10px"
                                            v-model="(itemSetting.duration_from_delivery)"
                                            v-on:change="changeInput"
                                            :disabled="is_day_finish == 0"
                                            onkeypress="return event.charCode >= 48" min="0"
                                            name="duration_from_delivery" id="duration_from_delivery">日後の

                                    <input data-id="1" name="after_day_time" id="after_day_time" type="text"
                                           v-model="itemSetting.after_day_time" style="width: 15%; margin-left: 20px"
                                           v-on:change="changeInput"
                                           :disabled="is_day_finish == 0"
                                           class="timepicker"> <p style="margin: 5px 1px 0 0">まで</p>
                                </div>
                                <p class="text-danger" id="err_duration_from_delivery"></p>
                                <p class="explain_url_template">期限到来後は無効アクセスとなります。</p>
                                {{--                                        <h4 style="font-weight: bold">期限到来後設定</h4>--}}

                                <h4 style="font-weight: bold">期限到来後設定 <span class="require_red">必須</span></h4>
                                <input type="radio" name="is_setting_redirect"
                                       :value="0"

                                       v-model="is_setting_redirect">リダイレクトURL設定
                                <div class="mb-3">
                                    <input type="text" name="url_redirect" id="url_redirect"
                                           v-on:change="changeInput"
                                           :disabled="is_setting_redirect == 1"
                                           v-model="itemSetting.url_redirect" style="width: 50%">
                                    <p class="text-danger" id="err_url_redirect"></p>
                                </div>


                                <input type="radio" name="is_setting_redirect"
                                       :value="1"
                                       v-model="is_setting_redirect">テキストページ表示設定
                                <textarea name="url_expired_message" id="url_expired_message"
                                          :disabled="is_setting_redirect == 0"
                                          v-on:change="changeInput" v-model="itemSetting.url_expired_message"
                                          placeholder="表示期限は終了しました"
                                          rows="5">@{{ itemSetting.url_expired_message }}</textarea>
                                <p style="text-align: right">
                                    <span id="count_url_expired_message">0</span>/5000文字</p>
                                <p class="text-danger" id="err_url_expired_message"></p>

                            </div>
                            <div>
                                <input type="hidden" id="action_sent_template_id">
                                <input type="hidden" id="action_add_tags_id">
                                <input type="hidden" id="action_scenario_id">
                                <input type="hidden" id="action_scenario_start_day">
                                <input type="hidden" id="action_rich_menu_id">
                                <button type="button" class="btn btn-primary" data-toggle="modal"
                                        data-target="#settingActionUrlModal" v-on:click="openSettingAction">
                                    アクションを設定する
                                </button>
                                <span class="info_tag">任意</span>
                            </div>
                        </div>
                        <div style="display: flow-root;" class="panel-footer">
                            <button type="button" class="btn btn-danger pull-right" style="width: unset" v-on:click="cancelSettingFE">
                                閉じる
                            </button>
                            <button type="button" class=" btn btn-success pull-left" style="font-size: 14px;width: unset;" v-on:click="saveSettingFE">
                                設定する
                            </button>
                        </div>
                    </div>
                </div>
            </li>
            @if(app('shared')->getShared()['bot']->bot_type == 0)
                <li class="sticker tab_content"
                    @if((isset($tmp_update->type) && $tmp_update->type != 'stamp') || empty($tmp_update)) style="display: none" @endif>
                    @include('basic.message_template.partials.sticker', ['tmp' => 1])
                </li>
            @endif
            <li class="image tab_content"
                @if((isset($tmp_update->type) && $tmp_update->type != 'image') || empty($tmp_update)) style="display: none" @endif>
                @include('basic.message_template.partials.image_map', ['key' => 1])
            </li>
            @if(app('shared')->getShared()['bot']->bot_type == 0)
                <li class="question tab_content"
                    style="display: none">
                    @include('basic.message_template.partials.question',['tmp' => 1])
                </li>
                <li class="button_carousel tab_content"
                    @if((isset($tmp_update->type) && $tmp_update->type != 'form') || empty($tmp_update)) style="display: none" @endif>
                    @include('basic.message_template.partials.button_carousel', ['tmp' => 1])
                </li>
                <li class="location tab_content"
                    @if((isset($tmp_update->type) && $tmp_update->type != 'location') || empty($tmp_update)) style="display: none" @endif>
                    @include('basic.message_template.partials.location')
                </li>
                <li class="introduction tab_content"
                    @if((isset($tmp_update->type) && $tmp_update->type != 'introduction') || empty($tmp_update)) style="display: none" @endif>
                    @include('basic.message_template.partials.introduction')
                </li>
                <li class="voice tab_content"
                    @if((isset($tmp_update->type) && $tmp_update->type != 'voice') || empty($tmp_update)) style="display: none" @endif>
                    @include('basic.message_template.partials.voice', ['tmp' => 1])
                </li>
                <li class="video tab_content"
                    @if((isset($tmp_update->type) && $tmp_update->type != 'video') || empty($tmp_update)) style="display: none" @endif>
                    @include('basic.message_template.partials.video', ['tmp' => 1])
                </li>
            @endif
        </ul>
        <p id="short_url_display"><input type="checkbox" id="check_url"
                                         @if(isset($tmp_update) && $tmp_update->is_shorten_url != 1) checked @endif>
            このメッセージではURLを短縮しない</p>
    </div>

    <div class="editarea">
        <ul class="tab tab2">
            <li @if((isset($tmp_update_2->type) && $tmp_update_2->type == 'text') || empty($tmp_update_2)) class="select"
                @endif data-name="text">テキスト
            </li>
            <li @if(isset($tmp_update_2->type) && $tmp_update_2->type == 'image') class="select"
                @endif data-name="image">画像
            </li>
            @if(app('shared')->getShared()['bot']->bot_type == 0)
                <li @if(isset($tmp_update_2->type) && $tmp_update_2->type == 'stamp') class="select"
                    @endif data-name="stamp">
                    スタンプ
                </li>
                <li @if(isset($tmp_update_2->type) && $tmp_update_2->type == 'question') class="select"
                    @endif data-name="question" style="display: none">質問
                </li>
                <li @if(isset($tmp_update_2->type) && $tmp_update_2->type == 'form') class="select"
                    @endif data-name="form">
                    質問・ボタン
                </li>
                <li @if(isset($tmp_update_2->type) && $tmp_update_2->type == 'voice') class="select"
                    @endif data-name="voice">音声
                </li>
                <li @if(isset($tmp_update_2->type) && $tmp_update_2->type == 'video') class="select"
                    @endif data-name="video">動画
                </li>
            @endif
        </ul>
        <ul class="content">
            <li class="text tab_content2 row"
                @if((isset($tmp_update_2->type) && $tmp_update_2->type != 'text')) style="display: none;position: relative"
                @else style="position: relative" @endif>
                <div class="col-sm-9">
                <p>本文<span class="taiou_gry">{name}</span></p>
                @include('basic.improve.improve_text_editor', ['type' => 2, 'emoji' => 2])
                @include('basic.improve.sub_menu', ['type' => 2])
                {{ Form::textarea('text_content2', (isset($tmp_update_2) && $tmp_update_2->type == 'text') ? $tmp_update_2->content : "", ['id' => 'text_content2', 'cols' => 30, 'rows' => 10]) }}

                <p class="count">
                                <span id="tmp_content_empty" class="text-danger text_content_error tmp_err"
                                      style="float: left; display: none">テンプレート内容を入力して下さい</span>
                    <span id="tmp_content_length" class="text-danger text_content_error tmp_err"
                          style="float: left; display: none">内容を5000文字以下で入力してください</span>
                    <span id="count_text_content2">0</span>/5000文字</p>
                <p class="memo">{name}と入力すると送信先の名前へ変換されます。</p>

                <div >
                    <button  class="grn btn btn-primary btn-sm" onclick="detectContent2()">
                        URL設定
                    </button>
                </div>
                </div>
                <div class="col-sm-3">
                    <b>ツール</b>
                    <br>
                    <button type="button" class="btn btn-sm btn-info modal-open" data-type="2" style="width: auto; margin: unset" id="select_pdf2">
                        PDFアップロード
                    </button>
                    <small class="help-block">LINEアプリのバージョンが古い場合PDF閲覧に対応していない場合があります</small>
                </div>
                <div id="dataDetectContent2" class="row">
                    <div class="show-config-url2 col-sm-12">
                        <table id="tbl-urlDetect2" class="table table-hover table-bordered"
                               style="display: none">
                            <thead>
                            <tr>
                                <th class="nameth" style="width: 20%;">URL</th>
                                <th class="nameth" style="width: 10%;">詳細設定</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-if="urls.length > 0 " v-for="(item,index) in urls"
                                v-bind:class="{ active: itemSetting.id == index }">
                                <td style="min-width: 300px">@{{ item.url }}</td>
                                <td>
                                    <button type="button" class=" btn btn-primary btn-sm btn-show-config-url2" v-on:click="detailSetting(item, index)">
                                        設定
                                    </button>
                                </td>
                            </tr>
                            <tr v-if="urls.length == 0">
                                <td colspan="2">メッセージ中にURLがありません。</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="info-url2 col-sm-7 panel panel-default" style="display: none">
                        <div class="panel-body" style="padding-top: 5px">

                            <input  type="checkbox" name="dammy"
                                    v-model="enable_deadline2">表示期限設定を利用しない

                            <div v-if="!enable_deadline2">
                                <h4 style="font-weight: bold ">表示期限 <span class="require_red">必須</span></h4>
                                <input type="radio" name="is_day_finish2"
                                       :value="0"
                                       v-model="is_day_finish2">日時指定
                                <div style="display: flex; margin: 7px 0">
                                    <input data-id="1" placeholder="YYYY/MM/DD" type="text"
                                           :disabled="is_day_finish2 == 1"
                                           class="event_date datepicker" style="width: 30% ;margin-right: 10px"
                                           v-model="formatDate(itemSetting.url_expired_date)"
                                           v-on:change="changeInput"
                                           name="url_expired_date" id="url_expired_date2">
                                    <input data-id="1" name="url_expired_time" id="url_expired_time2" type="text"
                                           v-model="itemSetting.url_expired_time" style="width: 20%"
                                           v-on:change="changeInput"
                                           :disabled="is_day_finish2 == 1"
                                           class="timepicker"> <p style="margin: 5px 1px 0 0">まで</p>
                                </div>
                                <input type="radio" name="is_day_finish2"
                                       :value="1"
                                       v-model="is_day_finish2">経過日数指定
                                <div class="duration_inp">
                                    配信日から
                                    <input  type="number"
                                            class="event_date " style="width: 15% ;margin-right: 10px"
                                            v-model="(itemSetting.duration_from_delivery)"
                                            v-on:change="changeInput"
                                            onkeypress="return event.charCode >= 48" min="0"
                                            :disabled="is_day_finish2 == 0"
                                            name="duration_from_delivery" id="duration_from_delivery2">日後の

                                    <input data-id="1" name="after_day_time" id="after_day_time2" type="text"
                                           v-model="itemSetting.after_day_time" style="width: 15%; margin-left: 20px"
                                           v-on:change="changeInput"
                                           :disabled="is_day_finish2 == 0"
                                           class="timepicker"> <p style="margin: 5px 1px 0 0">まで</p>
                                </div>
                                <p class="text-danger" id="err_duration_from_delivery2"></p>
                                <p class="explain_url_template">期限到来後は無効アクセスとなります。</p>
                                {{--                                        <h4 style="font-weight: bold">期限到来後設定</h4>--}}

                                <h4 style="font-weight: bold">期限到来後設定 <span class="require_red">必須</span></h4>
                                <input type="radio" name="is_setting_redirect2"
                                       :value="0"

                                       v-model="is_setting_redirect2">リダイレクトURL設定
                                <div class="mb-3">
                                    <input type="text" name="url_redirect" id="url_redirect2"
                                           v-on:change="changeInput"
                                           :disabled="is_setting_redirect2 == 1"
                                           v-model="itemSetting.url_redirect" style="width: 50%">
                                    <p class="text-danger" id="err_url_redirect2"></p>
                                </div>


                                <input type="radio" name="is_setting_redirect2"
                                       :value="1"
                                       v-model="is_setting_redirect2">テキストページ表示設定
                                <textarea name="url_expired_message" id="url_expired_message2"
                                          :disabled="is_setting_redirect2 == 0"
                                          v-on:change="changeInput" v-model="itemSetting.url_expired_message"
                                          placeholder="表示期限は終了しました"
                                          rows="5">@{{ itemSetting.url_expired_message }}</textarea>
                                <p style="text-align: right">
                                    <span id="count_url_expired_message2">0</span>/5000文字</p>
                                <p class="text-danger" id="err_url_expired_message2"></p>

                            </div>
                            <div>
                                <input type="hidden" id="action_sent_template_id2">
                                <input type="hidden" id="action_add_tags_id2">
                                <input type="hidden" id="action_scenario_id2">
                                <input type="hidden" id="action_scenario_start_day2">
                                <input type="hidden" id="action_rich_menu_id2">
                                <button type="button" class="btn btn-primary" data-toggle="modal"
                                        data-target="#settingActionUrlModal" v-on:click="openSettingAction">
                                    アクションを設定する
                                </button>
                                <span class="info_tag">任意</span>
                            </div>
                        </div>
                        <div style="display: flow-root;" class="panel-footer">
                            <button type="button" class="btn btn-danger pull-right" style="width: unset" v-on:click="cancelSettingFE">
                                閉じる
                            </button>
                            <button type="button" class="btn btn-success pull-left" style="font-size: 14px;width: unset;" v-on:click="saveSettingFE">
                                設定する
                            </button>
                        </div>
                    </div>
                </div>
            </li>
            <li class="image tab_content2"
                @if((isset($tmp_update_2->type) && $tmp_update_2->type != 'image') || empty($tmp_update_2)) style="display: none" @endif>
                @include('basic.message_template.partials.image_map', ['key' => 2])
            </li>
            <li class="sticker tab_content2"
                @if((isset($tmp_update_2->type) && $tmp_update_2->type != 'stamp') || empty($tmp_update_2)) style="display: none" @endif>
                @include('basic.message_template.partials.sticker', ['tmp' => 2])
            </li>
            <li class="question tab_content2"
                @if((isset($tmp_update_2->type) && $tmp_update_2->type != 'question') || empty($tmp_update_2)) style="display: none" @endif>
                @include('basic.message_template.partials.question', ['tmp' => 2])
            </li>
            <li class="button_carousel tab_content2"
                @if((isset($tmp_update_2->type) && $tmp_update_2->type != 'form') || empty($tmp_update_2)) style="display: none" @endif>
                @include('basic.message_template.partials.button_carousel', ['tmp' => 2])
            </li>
            <li class="voice tab_content2"
                @if((isset($tmp_update_2->type) && $tmp_update_2->type != 'voice') || empty($tmp_update_2)) style="display: none" @endif>
                @include('basic.message_template.partials.voice', ['tmp' => 2])
            </li>
            <li class="video tab_content2"
                @if((isset($tmp_update_2->type) && $tmp_update_2->type != 'video') || empty($tmp_update_2)) style="display: none" @endif>
                @include('basic.message_template.partials.video', ['tmp' => 2])
            </li>
        </ul>
        <p id="short_url_display2"><input type="checkbox" id="check_url2"
                                          @if(isset($tmp_update_2) && $tmp_update_2->is_shorten_url != 1) checked @endif>
            このメッセージではURLを短縮しない</p>
    </div>

    <div class="editarea">
        <ul class="tab tab3">
            <li @if((isset($tmp_update_3->type) && $tmp_update_3->type == 'text') || empty($tmp_update_3)) class="select"
                @endif data-name="text">テキスト
            </li>
            <li @if(isset($tmp_update_3->type) && $tmp_update_3->type == 'image') class="select"
                @endif data-name="image">画像
            </li>
            @if(app('shared')->getShared()['bot']->bot_type == 0)
                <li @if(isset($tmp_update_3->type) && $tmp_update_3->type == 'stamp') class="select"
                    @endif data-name="stamp">
                    スタンプ
                </li>
                <li @if(isset($tmp_update_3->type) && $tmp_update_3->type == 'question') class="select"
                    @endif data-name="question" style="display: none">質問
                </li>
                <li @if(isset($tmp_update_3->type) && $tmp_update_3->type == 'form') class="select"
                    @endif data-name="form">
                    質問・ボタン
                </li>
                <li @if(isset($tmp_update_3->type) && $tmp_update_3->type == 'voice') class="select"
                    @endif data-name="voice">音声
                </li>
                <li @if(isset($tmp_update_3->type) && $tmp_update_3->type == 'video') class="select"
                    @endif data-name="video">動画
                </li>
            @endif
        </ul>
        <ul class="content">
            <li class="text tab_content3 row"
                @if((isset($tmp_update_3->type) && $tmp_update_3->type != 'text')) style="display: none;position: relative"
                @else style="position: relative" @endif>
                <div class="col-sm-9">
                <p>本文<span class="taiou_gry">{name}</span></p>
                @include('basic.improve.improve_text_editor', ['type' => 3, 'emoji' => 3])
                @include('basic.improve.sub_menu', ['type' => 3])
                {{ Form::textarea('text_content3', (isset($tmp_update_3) && $tmp_update_3->type == 'text') ? $tmp_update_3->content : "", ['id' => 'text_content3', 'cols' => 30, 'rows' => 10]) }}

                <p class="count">
                                <span id="tmp_content_empty" class="text-danger text_content3_error tmp_err"
                                      style="float: left; display: none">テンプレート内容を入力して下さい</span>
                    <span id="tmp_content_length" class="text-danger text_content3_error tmp_err"
                          style="float: left; display: none">内容を5000文字以下で入力してください</span>
                    <span id="count_text_content3">0</span>/5000文字</p>
                <p class="memo">{name}と入力すると送信先の名前へ変換されます。</p>

                <div >
                    <button  class="grn btn btn-primary btn-sm" onclick="detectContent3()">
                        URL設定
                    </button>
                </div>
                </div>
                <div class="col-sm-3">
                    <b>ツール</b>
                    <br>
                    <button type="button" class="btn btn-sm btn-info modal-open" data-type="3" style="width: auto; margin: unset" id="select_pdf3">
                        PDFアップロード
                    </button>
                    <small class="help-block">LINEアプリのバージョンが古い場合PDF閲覧に対応していない場合があります</small>
                </div>
                <div id="dataDetectContent3" class="row">
                    <div class="show-config-url3 col-sm-12">
                        <table id="tbl-urlDetect3" class="table table-hover table-bordered"
                               style="display: none">
                            <thead>
                            <tr>
                                <th class="nameth" style="width: 20%;">URL</th>
                                <th class="nameth" style="width: 10%;">詳細設定</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-if="urls.length > 0 " v-for="(item,index) in urls"
                                v-bind:class="{ active: itemSetting.id == index }">
                                <td style="min-width: 300px">@{{ item.url }}</td>
                                <td>
                                    <button type="button" class=" btn btn-primary btn-sm btn-show-config-url3" v-on:click="detailSetting(item, index)">
                                        設定
                                    </button>
                                </td>
                            </tr>
                            <tr v-if="urls.length == 0">
                                <td colspan="2">メッセージ中にURLがありません。</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="info-url3 col-sm-7 panel panel-default" style="display: none">
                        <div class="panel-body" style="padding-top: 5px">
{{--                            <h4 style="font-weight: bold; margin: unset">表示期限</h4>--}}
{{--                            <div style="display: flex">--}}
{{--                                <input data-id="1" placeholder="YYYY/MM/DD" type="text"--}}
{{--                                       class="event_date datepicker" style="width: 30% ;margin-right: 10px"--}}
{{--                                       :value="formatDate(itemSetting.url_expired_date)"--}}
{{--                                       v-on:change="changeInput"--}}
{{--                                       name="url_expired_date" id="url_expired_date3">--}}
{{--                                <input data-id="1" name="url_expired_time" id="url_expired_time3" type="text"--}}
{{--                                       :value="itemSetting.url_expired_time" style="width: 20%"--}}
{{--                                       v-on:change="changeInput"--}}
{{--                                       class="timepicker"> <p style="margin: 5px 1px 0 0">まで</p>--}}
{{--                            </div>--}}
{{--                            <p class="explain_url_broadcast">期限到来後は無効アクセスとなります。</p>--}}
{{--                            <h4 style="font-weight: bold; margin: unset">期限到来後設定</h4>--}}
{{--                            <input type="text" name="url_redirect" id="url_redirect3"--}}
{{--                                   v-on:change="changeInput"--}}
{{--                                   :value="itemSetting.url_redirect" style="width: 50%">--}}
{{--                            <p style="margin-top: 10px; font-weight: bold">リダイレクトリンクを優先します。</p>--}}
{{--                            <textarea name="url_expired_message" id="url_expired_message3" style="border: 1px solid #5f5d5d;"--}}
{{--                                      v-on:change="changeInput"--}}
{{--                                      rows="5">@{{ itemSetting.url_expired_message }}</textarea>--}}
                            <input  type="checkbox" name="dammy"
                                    v-model="enable_deadline3">表示期限設定を利用しない

                            <div v-if="!enable_deadline3">
                                <h4 style="font-weight: bold ">表示期限 <span class="require_red">必須</span></h4>
                                <input type="radio" name="is_day_finish3"
                                       :value="0"
                                       v-model="is_day_finish3">日時指定
                                <div style="display: flex; margin: 7px 0">
                                    <input data-id="1" placeholder="YYYY/MM/DD" type="text"
                                           :disabled="is_day_finish3 == 1"
                                           class="event_date datepicker" style="width: 30% ;margin-right: 10px"
                                           v-model="formatDate(itemSetting.url_expired_date)"
                                           v-on:change="changeInput"
                                           name="url_expired_date" id="url_expired_date3">
                                    <input data-id="1" name="url_expired_time" id="url_expired_time3" type="text"
                                           v-model="itemSetting.url_expired_time" style="width: 20%"
                                           v-on:change="changeInput"
                                           :disabled="is_day_finish3 == 1"
                                           class="timepicker"> <p style="margin: 5px 1px 0 0">まで</p>
                                </div>
                                <input type="radio" name="is_day_finish3"
                                       :value="1"
                                       v-model="is_day_finish3">経過日数指定
                                <div class="duration_inp">
                                    配信日から
                                    <input  type="number"
                                            class="event_date " style="width: 15% ;margin-right: 10px"
                                            v-model="(itemSetting.duration_from_delivery)"
                                            v-on:change="changeInput"
                                            onkeypress="return event.charCode >= 48" min="0"
                                            :disabled="is_day_finish3 == 0"
                                            name="duration_from_delivery" id="duration_from_delivery3">日後の

                                    <input data-id="1" name="after_day_time" id="after_day_time3" type="text"
                                           v-model="itemSetting.after_day_time" style="width: 15%; margin-left: 20px"
                                           v-on:change="changeInput"
                                           :disabled="is_day_finish3 == 0"
                                           class="timepicker"> <p style="margin: 5px 1px 0 0">まで</p>
                                </div>
                                <p class="text-danger" id="err_duration_from_delivery3"></p>
                                <p class="explain_url_template">期限到来後は無効アクセスとなります。</p>
                                {{--                                        <h4 style="font-weight: bold">期限到来後設定</h4>--}}

                                <h4 style="font-weight: bold">期限到来後設定 <span class="require_red">必須</span></h4>
                                <input type="radio" name="is_setting_redirect3"
                                       :value="0"

                                       v-model="is_setting_redirect3">リダイレクトURL設定
                                <div class="mb-3">
                                    <input type="text" name="url_redirect" id="url_redirect3"
                                           v-on:change="changeInput"
                                           :disabled="is_setting_redirect3 == 1"
                                           v-model="itemSetting.url_redirect" style="width: 50%">
                                    <p class="text-danger" id="err_url_redirect3"></p>
                                </div>

                                <input type="radio" name="is_setting_redirect3"
                                       :value="1"
                                       v-model="is_setting_redirect3">テキストページ表示設定
                                <textarea name="url_expired_message" id="url_expired_message3"
                                          :disabled="is_setting_redirect3 == 0"
                                          v-on:change="changeInput" v-model="itemSetting.url_expired_message"
                                          placeholder="表示期限は終了しました"
                                          rows="5">@{{ itemSetting.url_expired_message }}</textarea>
                                <p style="text-align: right">
                                    <span id="count_url_expired_message3">0</span>/5000文字</p>
                                <p class="text-danger" id="err_url_expired_message3"></p>

                            </div>

                            <div>
                                <input type="hidden" id="action_sent_template_id3">
                                <input type="hidden" id="action_add_tags_id3">
                                <input type="hidden" id="action_scenario_id3">
                                <input type="hidden" id="action_scenario_start_day3">
                                <input type="hidden" id="action_rich_menu_id3">
                                <button type="button" class="btn btn-primary" data-toggle="modal"
                                        data-target="#settingActionUrlModal" v-on:click="openSettingAction">
                                    アクションを設定する
                                </button>
                                <span class="info_tag">任意</span>
                            </div>
                        </div>
                        <div style="display: flow-root;" class="panel-footer">
                            <button type="button" class="btn btn-danger pull-right" style="width: unset" v-on:click="cancelSettingFE">
                                閉じる
                            </button>
                            <button type="button" class=" btn btn-success pull-left" style="font-size: 14px;width: unset;" v-on:click="saveSettingFE">
                                設定する
                            </button>
                        </div>
                    </div>
                </div>
            </li>
            <li class="image tab_content3"
                @if((isset($tmp_update_3->type) && $tmp_update_3->type != 'image') || empty($tmp_update_3)) style="display: none" @endif>
                @include('basic.message_template.partials.image_map', ['key' => 3])
            </li>
            <li class="sticker tab_content3"
                @if((isset($tmp_update_3->type) && $tmp_update_3->type != 'stamp') || empty($tmp_update_3)) style="display: none" @endif>
                @include('basic.message_template.partials.sticker', ['tmp' => 3])
            </li>
            <li class="question tab_content3"
                @if((isset($tmp_update_3->type) && $tmp_update_3->type != 'question') || empty($tmp_update_3)) style="display: none" @endif>
                @include('basic.message_template.partials.question', ['tmp' => 3])
            </li>
            <li class="button_carousel tab_content3"
                @if((isset($tmp_update_3->type) && $tmp_update_3->type != 'form') || empty($tmp_update_3)) style="display: none" @endif>
                @include('basic.message_template.partials.button_carousel',['tmp' => 3])
            </li>
            <li class="voice tab_content3"
                @if((isset($tmp_update_3->type) && $tmp_update_3->type != 'voice') || empty($tmp_update_3)) style="display: none" @endif>
                @include('basic.message_template.partials.voice',['tmp' => 3])
            </li>
            <li class="video tab_content3"
                @if((isset($tmp_update_3->type) && $tmp_update_3->type != 'video') || empty($tmp_update_3)) style="display: none" @endif>
                @include('basic.message_template.partials.video',['tmp' => 3])
            </li>
        </ul>
        <p id="short_url_display3"><input type="checkbox" id="check_url3"
                                          @if(isset($tmp_update_3) && $tmp_update_3->is_shorten_url != 1) checked @endif>
            このメッセージではURLを短縮しない</p>
    </div>
    @include('layout.modal_setting.modal_setting_action_url')

    @if(Route::currentRouteName()=='basic.message_setting')
        <div class="btngroup">
            <div class="col-xs-6">
                <button class="grn btn btn-success btn-sm" onclick="sendToUser({{Request::route('line_id')}})"
                        id="btn_storeTemplate">配信登録
                </button>
            </div>
            <div class="col-xs-6">
                <button class="grn btn btn-primary btn-sm pull-right" onclick="sendForTestBroadCast()"
                        id="btn_testTemplate">テスト送信
                </button>
            </div>
        </div>
    @else
        <dl>
            <dd style="height: 70px;">
                <div class="col-xs-1">
                    送信日
                </div>
                <div class="col-xs-5">
                    <input type="text" id="scenario_day" placeholder="開始日時" data-provide="datepicker"
                           name="scenario_day" value="{{\Carbon\Carbon::now()->format("Y-m-d")}}"
                           style="border: 1px solid #bbb;">
                </div>
                <div class="col-xs-1">
                    送信時
                </div>
                <div class="col-xs-5">
                    <input type="text" class="scenario_time" id="scenario_time" name="scenario_time" value=""
                           style="border: 1px solid #bbb;">
                </div>
            </dd>
        </dl>
        <div class="btngroup">
            <div class="col-xs-6">
                <button class="grn btn btn-success btn-sm" onclick="callStoreBroadcast()" id="btn_storeTemplate">配信登録
                </button>
            </div>
            <div class="col-xs-6">
                <button class="grn btn btn-primary btn-sm pull-right" onclick="sendForTestBroadCast()"
                        id="btn_testTemplate">テスト送信
                </button>
            </div>
        </div>
    @endif

    <input type="hidden" name="type_of_button" value="1">
    <input type="hidden" name="_token" value="{!! csrf_token() !!}">
    <input type="hidden" name="template_id" value="@if(!empty($template_id)){{$template_id}}@endif">
    <input type="hidden" name="b_tags" id="b_tags">
    <input type="hidden" name="b_scenario" id="b_scenario" value="0">
    <input type="hidden" name="b_send_day" id="b_send_day">
    <input type="hidden" name="b_send_time" id="b_send_time">

    <input type="hidden" name="tmp_type[]" id="tmp_type" @if(!empty($tmp_update)) value="{{$tmp_update->type}}"
           @else value="text" @endif>

    <input type="hidden" name="tmp_type[]" id="tmp_type2" @if(!empty($tmp_update_2)) value="{{$tmp_update_2->type}}"
           @else value="text" @endif>

    <input type="hidden" name="tmp_type[]" id="tmp_type3" @if(!empty($tmp_update_3)) value="{{$tmp_update_3->type}}"
           @else value="text" @endif>

    <input type="hidden" name="tmp_is_shorten_url[]" id="is_shorten_url"
           value="{{ !empty($tmp_update) ? $tmp_update->is_shorten_url : 1 }}">
    <input type="hidden" name="tmp_is_shorten_url[]" id="is_shorten_url2"
           value="{{ !empty($tmp_update_2) ? $tmp_update_2->is_shorten_url : 1 }}">
    <input type="hidden" name="tmp_is_shorten_url[]" id="is_shorten_url3"
           value="{{ !empty($tmp_update_3) ? $tmp_update_3->is_shorten_url : 1 }}">
{{--    <input type="hidden" name="tmp_content[]" id="content" value="">--}}
    <input type="hidden" name="tmp_content[]" id="content"  @if(!empty($tmp_update)) value="{{$tmp_update->name}}" @endif>
    @if(!empty($tmp_update_2) && ($tmp_update_2->type == 'text'))
        <input type="hidden" name="tmp_content[]" id="content2" value="{!! $tmp_update_2->content !!}">
    @else
        <input type="hidden" name="tmp_content[]" id="content2" value="">
    @endif

    @if(!empty($tmp_update_3) && ($tmp_update_3->type == 'text'))
        <input type="hidden" name="tmp_content[]" id="content3" value="{!! $tmp_update_3->content !!}">
    @else
        <input type="hidden" name="tmp_content[]" id="content3" value="">
    @endif

    <input type="hidden" name="tmp_image_map" id="tmp_image_map" value="">
    <input type="hidden" name="tmp_image_map_alt" id="tmp_image_map_alt" value="">
    <input type="hidden" class="reset_img_map" name="tmp_image_map_type_a" id="tmp_image_map_type_a" value="">
    <input type="hidden" class="reset_img_map" name="tmp_image_map_content_a" id="tmp_image_map_content_a" value="">

    <input type="hidden" class="reset_img_map" name="tmp_image_map_type_b" id="tmp_image_map_type_b" value="">
    <input type="hidden" class="reset_img_map" name="tmp_image_map_content_b" id="tmp_image_map_content_b" value="">

    <input type="hidden" class="reset_img_map" name="tmp_image_map_type_c" id="tmp_image_map_type_c" value="">
    <input type="hidden" class="reset_img_map" name="tmp_image_map_content_c" id="tmp_image_map_content_c" value="">

    <input type="hidden" class="reset_img_map" name="tmp_image_map_type_d" id="tmp_image_map_type_d" value="">
    <input type="hidden" class="reset_img_map" name="tmp_image_map_content_d" id="tmp_image_map_content_d" value="">

    <input type="hidden" class="reset_img_map" name="tmp_image_map_type_e" id="tmp_image_map_type_e" value="">
    <input type="hidden" class="reset_img_map" name="tmp_image_map_content_e" id="tmp_image_map_content_e" value="">

    <input type="hidden" class="reset_img_map" name="tmp_image_map_type_f" id="tmp_image_map_type_f" value="">
    <input type="hidden" class="reset_img_map" name="tmp_image_map_content_f" id="tmp_image_map_content_f" value="">

    <input type="file" name="tmp_media[]" id="media_input" value="" style="display: none"
           onchange="changeFile(this, 1)">
    <input type="file" name="tmp_media[]" id="media_input2" value="" style="display: none"
           onchange="changeFile(this, 2)">
    <input type="file" name="tmp_media[]" id="media_input3" value="" style="display: none"
           onchange="changeFile(this, 3)">

    <input type="file" id="video_thumb1" name="video_thumb[]" accept="image/*"
           class="hidden reset_video" onchange="changeThumbnail(this,1)">
    <input type="file" id="video_thumb2" name="video_thumb[]" accept="image/*"
           class="hidden reset_video" onchange="changeThumbnail(this,2)">
    <input type="file" id="video_thumb3" name="video_thumb[]" accept="image/*"
           class="hidden reset_video" onchange="changeThumbnail(this,3)">
    @if(!empty($tmp_update) && ($tmp_update->type == 'image' || $tmp_update->type == 'video' || $tmp_update->type == 'voice' || $tmp_update->type == 'form'))
        <input type="hidden" class="reset_media" name="media_path[]" id="media_path"
               value="{!! $tmp_update->content !!}">
    @else
        <input type="hidden" class="reset_media" name="media_path[]" id="media_path" value="">
    @endif

    @if(!empty($tmp_update_2) && ($tmp_update_2->type == 'image' || $tmp_update_2->type == 'video' || $tmp_update_2->type == 'voice'))
        <input type="hidden" class="reset_media" name="media_path[]" id="media_path2"
               value="{!! $tmp_update_2->content !!}">
    @else
        <input type="hidden" class="reset_media" name="media_path[]" id="media_path2" value="">
    @endif

    @if(!empty($tmp_update_3) && ($tmp_update_3->type == 'image' || $tmp_update_3->type == 'video' || $tmp_update_3->type == 'voice'))
        <input type="hidden" class="reset_media" name="media_path[]" id="media_path3"
               value="{!! $tmp_update_3->content !!}">
    @else
        <input type="hidden" class="reset_media" name="media_path[]" id="media_path3" value="">
    @endif

    @if(!empty($tmp_update) && ($tmp_update->type == 'video' || $tmp_update->type == 'image'))
        <input type="hidden" class="reset_media" name="thumbnail_path[]" id="thumbnail_path"
               value="{!! $tmp_update->thumbnail_path !!}">
    @else
        <input type="hidden" class="reset_media" name="thumbnail_path[]" id="thumbnail_path" value="">
    @endif


    @if(!empty($tmp_update_2) && ($tmp_update_2->type == 'video' || $tmp_update_2->type == 'image'))
        <input type="hidden" class="reset_media" name="thumbnail_path[]" id="thumbnail_path2"
               value="{!! $tmp_update_2->thumbnail_path !!}">
    @else
        <input type="hidden" class="reset_media" name="thumbnail_path[]" id="thumbnail_path2" value="">
    @endif

    @if(!empty($tmp_update_3) && ($tmp_update_3->type == 'video' || $tmp_update_3->type == 'image'))
        <input type="hidden" class="reset_media" name="thumbnail_path[]" id="thumbnail_path3"
               value="{!! $tmp_update_3->thumbnail_path !!}">
    @else
        <input type="hidden" class="reset_media" name="thumbnail_path[]" id="thumbnail_path3" value="">
    @endif

    <input type="hidden" name="tmp_answer_one[]" id="tmp_answer_one">
    <input type="hidden" name="tmp_answer_one[]" id="tmp_answer_one_2">
    <input type="hidden" name="tmp_answer_one[]" id="tmp_answer_one_3">
    <input type="hidden" name="tmp_postback_one[]" id="tmp_postback_one">
    <input type="hidden" name="tmp_postback_one[]" id="tmp_postback_one_2">
    <input type="hidden" name="tmp_postback_one[]" id="tmp_postback_one_3">
    <input type="hidden" name="tmp_method_one[]" id="tmp_method_one">
    <input type="hidden" name="tmp_method_one[]" id="tmp_method_one_2">
    <input type="hidden" name="tmp_method_one[]" id="tmp_method_one_3">
    <input type="hidden" name="tmp_scenario_one[]" id="tmp_scenario_one">
    <input type="hidden" name="tmp_scenario_one[]" id="tmp_scenario_one_2">
    <input type="hidden" name="tmp_scenario_one[]" id="tmp_scenario_one_3">
    <input type="hidden" name="tmp_data_one[]" id="tmp_data_one">
    <input type="hidden" name="tmp_data_one[]" id="tmp_data_one_2">
    <input type="hidden" name="tmp_data_one[]" id="tmp_data_one_3">
    <input type="hidden" name="tmp_tag_one[]" id="tmp_tag_one">
    <input type="hidden" name="tmp_tag_one[]" id="tmp_tag_one_2">
    <input type="hidden" name="tmp_tag_one[]" id="tmp_tag_one_3">

    <input type="hidden" name="tmp_event_time_once[]" id="tmp_event_time_once">
    <input type="hidden" name="tmp_event_time_once[]" id="tmp_event_time_once_2">
    <input type="hidden" name="tmp_event_time_once[]" id="tmp_event_time_once_3">

    <input type="hidden" name="tmp_event_time_two[]" id="tmp_event_time_two">
    <input type="hidden" name="tmp_event_time_two[]" id="tmp_event_time_two_2">
    <input type="hidden" name="tmp_event_time_two[]" id="tmp_event_time_two_3">

    <input type="hidden" name="tmp_answer_two[]" id="tmp_answer_two">
    <input type="hidden" name="tmp_answer_two[]" id="tmp_answer_two_2">
    <input type="hidden" name="tmp_answer_two[]" id="tmp_answer_two_3">
    <input type="hidden" name="tmp_postback_two[]" id="tmp_postback_two">
    <input type="hidden" name="tmp_postback_two[]" id="tmp_postback_two_2">
    <input type="hidden" name="tmp_postback_two[]" id="tmp_postback_two_3">
    <input type="hidden" name="tmp_method_two[]" id="tmp_method_two">
    <input type="hidden" name="tmp_method_two[]" id="tmp_method_two_2">
    <input type="hidden" name="tmp_method_two[]" id="tmp_method_two_3">
    <input type="hidden" name="tmp_scenario_two[]" id="tmp_scenario_two">
    <input type="hidden" name="tmp_scenario_two[]" id="tmp_scenario_two_2">
    <input type="hidden" name="tmp_scenario_two[]" id="tmp_scenario_two_3">
    <input type="hidden" name="tmp_tag_two[]" id="tmp_tag_two">
    <input type="hidden" name="tmp_tag_two[]" id="tmp_tag_two_2">
    <input type="hidden" name="tmp_tag_two[]" id="tmp_tag_two_3">
    <input type="hidden" name="tmp_data_two[]" id="tmp_data_two">
    <input type="hidden" name="tmp_data_two[]" id="tmp_data_two_2">
    <input type="hidden" name="tmp_data_two[]" id="tmp_data_two_3">
    <input type="hidden" name="tmp_location_address" id="tmp_location_address">
    <input type="hidden" name="tmp_location_lat" id="tmp_location_lat">
    <input type="hidden" name="tmp_location_lgn" id="tmp_location_lgn">
    <input type="hidden" name="tmp_introduction_friend" id="tmp_introduction_friend">
    <input type="hidden" name="pc_display" id="pc_display">
    <input type="hidden" name="tmp_buttons_title" id="tmp_buttons_title">
    <input type="hidden" name="tmp_buttons_text" id="tmp_buttons_text">
    <input type="hidden" name="tmp_buttons_one_postback" id="tmp_buttons_one_postback">
    <input type="hidden" name="tmp_buttons_one_method" id="tmp_buttons_one_method">
    <input type="hidden" name="tmp_buttons_one_label" id="tmp_buttons_one_label">
    <input type="hidden" name="tmp_buttons_one_data" id="tmp_buttons_one_data">
    <input type="hidden" name="tmp_buttons_one_scenario" id="tmp_buttons_one_scenario">
    <input type="hidden" name="tmp_buttons_two_postback" id="tmp_buttons_two_postback">
    <input type="hidden" name="tmp_buttons_two_method" id="tmp_buttons_two_method">
    <input type="hidden" name="tmp_buttons_two_label" id="tmp_buttons_two_label">
    <input type="hidden" name="tmp_buttons_two_data" id="tmp_buttons_two_data">
    <input type="hidden" name="tmp_buttons_two_scenario" id="tmp_buttons_two_scenario">
    <input type="hidden" name="tmp_buttons_three_postback" id="tmp_buttons_three_postback">
    <input type="hidden" name="tmp_buttons_three_method" id="tmp_buttons_three_method">
    <input type="hidden" name="tmp_buttons_three_label" id="tmp_buttons_three_label">
    <input type="hidden" name="tmp_buttons_three_data" id="tmp_buttons_three_data">
    <input type="hidden" name="tmp_buttons_three_scenario" id="tmp_buttons_three_scenario">
    <input type="hidden" name="tmp_buttons_four_postback" id="tmp_buttons_four_postback">
    <input type="hidden" name="tmp_buttons_four_method" id="tmp_buttons_four_method">
    <input type="hidden" name="tmp_buttons_four_label" id="tmp_buttons_four_label">
    <input type="hidden" name="tmp_buttons_four_data" id="tmp_buttons_four_data">
    <input type="hidden" name="tmp_buttons_four_scenario" id="tmp_buttons_four_scenario">

    @include('basic.filter.filter_input')
</form>