{{-- 物件詳細の切り替えタブ --}}
<!-- <link rel="stylesheet" id="sheet6" type="text/css" href="/business/css/mono6.css" title="mono6" @if(($item->vertical !== 1)) disabled @endif> -->
{{--<link rel="stylesheet" id="sheet2" type="text/css" href="/business/css/mono2.css" title="mono2" @if($item->vertical === 1) disabled @endif >--}}
{{--<script type="text/javascript" src="/js/styleswitcher.js"></script>--}}

@php
    $GLOBALS['sheet'] = 'mono2';
        $mono = 'mono2';
        if ($item->vertical === 1){
            $mono = 'mono6';
            $GLOBALS['sheet'] = 'mono6';
        }
@endphp
<ul class="p-detail-tab nav" role="tablist">
    @foreach ($tabs as $tab)
    <li @if(isset($tab->display) && !$tab->display) style="display: none" @endif>
        <a class="nav-item nav-link {{ $tab->active }}" id="{{$tab->id}}" data-toggle="tab" href="#{{$tab->href}}"
            role="tab" aria-controls="{{$tab->href}}">{{$tab->title}}
        </a>
    </li>
    @endforeach
    <!-- <li>
        <div>レイアウト
            <a href="#" onclick="setActiveStyleSheetClone('mono1'); return false;" class="p-detail-size-btn_small"><span
                    class="COLOR2"></span>図面小</a>
            <a href="#" onclick="setActiveStyleSheetClone('{{ $mono }}'); return false;"
                class="p-detail-size-btn_large"><span class="{{ strtoupper($mono) }}"></span>図面大</a>
        </div>
    </li> -->
</ul>

{{-- ！！注意！！: 中身を別のbladeで作成しセットで使う。 --}}
{{-- 例）for-sale-detail.blade
<div class="tab-content mt-3" id="">
  <div class="tab-pane {{ $tab->active }}" id="{{$tab->name}}" role="tabpanel"
aria-labelledby="{{$tab->id}}">画像ありでの表示です</div>
</div>
--}}