@extends('restaurant.layouts.index')

@section('content')
<ul class="nav nav-tabs">
    @can('viewAny','App\Models\Section')
    <li class="nav-item"><a class="nav-link {{ current_tab('#sections') }}" data-toggle="tab" href="#sections">@lang('global.sections')</a></li>
    @endcan
</ul>

<div class="tab-content">
    @can('viewAny','App\Models\Section')
    <div class="tab-pane fade {{ current_tab('#sections') }}" id="sections" role="tabpanel">
        @can('create', 'App\Models\Section')
        <h4 class="card-title mb-3">
            <a href="{{ route('restaurant.menus.sections.create',['menu' => $menu->id]) }}">
                <button class="btn btn-success">
                    <i class="las la-plus-circle"></i> {{__("global.add")}}
                </button>
            </a>
        </h4>
        @endcan

        <div class="table-responsive">
            <table id="sectionsTable" class="table table-striped table-bordered dt">
                <thead>
                    <tr>
                        <th class="w-100px">@lang("validation.attributes.priority") </th>
                        <th>@lang("validation.attributes.title") </th>
                        <th>@lang("global.options")</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    @endcan
</div>
@endsection