@foreach($vehicle_list as $table_key => $vehicles)
        <h3 class="subtitle">{{ $manage_list[$table_key] }}</h3>
        @include('backend.share._parts._sortable_vehicle_table', ['i'=>$i])
@endforeach
{{--<ul class="tab {{ config('const.tab_class_en_list.'.(count($vehicle_list))) }} main_tab">
    @foreach($vehicle_list as $table_key => $vehicles)
        <li class="{{ $table_key == 0 ? 'select' : '' }} vehicle_list_head{{ $i }}" id="TAB{{ $i }}{{ $table_key }}">{{ $manage_list[$table_key] }}</li>
    @endforeach
</ul>
<ul class="content">
    @foreach($vehicle_list as $table_key => $vehicles)
        <li class="{{ $table_key == 0 ? '' : 'hide' }} TAB{{ $i }}{{ $table_key }} vehicle_list_body{{ $i }}">
            @include('backend.share._parts._sortable_vehicle_table', ['i'=>$i])
        </li>
    @endforeach
</ul>
--}}


<script>
        $(function () {
            let index = "{{ $i }}";
            let count = "{{ count($vehicle_list) }}";
            $(document).ready(function () {
                for (let i = 0 ; i < count ; i++){
                    $("#TAB" + index + i).click(function () {
                        $('.vehicle_list_head' + index).removeClass('select');
                        $(this).addClass('select');
                        $('.vehicle_list_body' + index).addClass('hide');
                        $("." + $(this).attr('id')).removeClass('hide');
                    });
                }
            });
        });
</script>