@include('basic.message_template.partials.component_button', ['tmp' => $tmp])
<div @if($tmp == 1) id="vue_button_main" @elseif($tmp == 2 || $tmp == 3) id="vue_button_main_{{$tmp}}" @endif>
    <div class="tab-pane">
        <ul class="nav nav-tabs">
            <li role="presentation" v-for="(tab, index) in tabs" :class="{active:tab.isActive}">
                <a data-toggle="tab" v-on:click.stop.prevent="setActive(tab)" role="tab" style="overflow: hidden">@{{
                    tab.name }}</a>
                <span v-on:click="closeTab(index)" v-show="tabs.length > 1">x</span></li>
            <li><a v-on:click="openNewTab" v-show="tabs.length < 5">+ パネル追加</a></li>
        </ul>
        <div class="tab-content">
            <div v-for="(tab, index) in tabs" role="tabpanel" class="tab-pane" :class="{active:tab.isActive}">
                @if($tmp == 1)
                    <button-render-tab :tabs="tabs" :tab="tab" :tab_index="index"></button-render-tab>
                @elseif($tmp == 2)
                    <button-render-tab-2 :tabs="tabs" :tab="tab" :tab_index="index"></button-render-tab-2>
                @elseif($tmp == 3)
                    <button-render-tab-3 :tabs="tabs" :tab="tab" :tab_index="index"></button-render-tab-3>
                @endif
            </div>
        </div>
    </div>
    <div style="background: #eee;padding: 10px; width: 30%">
        <div class=" form-group">
            <label style="font-weight: 600;margin-bottom: 5px">ボタンのタップ回数</label>
            @if($tmp == 1)
                <select class="form-control" id="carousel_action_type" name="carousel_action_type">
                    <option value="1"@if(!empty($tmp_update) && $tmp_update->carousel_action_type == 1 )selected @endif>1回のみ反応</option>
                    <option value="0"@if((!empty($tmp_update) && $tmp_update->carousel_action_type == 0) || empty($tmp_update) ) selected @endif>回数制限なく反応</option>
                </select>
            @elseif($tmp == 2)
                <select class="form-control" id="carousel_action_type_2" name="carousel_action_type_2">
                    <option value="1" @if(!empty($tmp_update_2) && $tmp_update_2->carousel_action_type == 1 )selected @endif>1回のみ反応</option>
                    <option value="0" @if((!empty($tmp_update_2) && $tmp_update_2->carousel_action_type == 0) || empty($tmp_update_2) ) selected @endif>回数制限なく反応</option>
                </select>
            @elseif($tmp == 3)
                <select class="form-control" id="carousel_action_type_3" name="carousel_action_type_3">
                    <option value="1" @if(!empty($tmp_update_3) && $tmp_update_3->carousel_action_type == 1 )selected @endif>1回のみ反応</option>
                    <option value="0" @if((!empty($tmp_update_3) && $tmp_update_3->carousel_action_type == 0) || empty($tmp_update_3) ) selected @endif>回数制限なく反応</option>
                </select>
            @endif
            <div class="clearfix"></div>
        </div>
    </div>
</div>