@extends('restaurant.layouts.index')

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

<div class="tab-content">
    @can('viewAny','App\Models\Meal')
    <div class="tab-pane fade {{ current_tab('#meals') }}" id="meals" role="tabpanel">
        @can('create', 'App\Models\Meal')
        <h4 class="card-title mb-3">
            <a href="{{ route('restaurant.menus.sections.meals.create',['menu' => $menu->id,'section' => $section->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="mealsTable" 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("validation.attributes.price") </th>
                        <th>@lang("global.options")</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    @endcan
</div>
@endsection