@extends('restaurant.layouts.index',["without_card" => true])

@section('content')
<ul class="nav nav-tabs">
    @foreach ($branch->menu->sections as $section)
    <li class="nav-item"><a class='nav-link {{ $loop->first ? current_tab("#meals","#section-$section->id") : current_tab("#section-$section->id") }}' data-toggle="tab" href="#section-{{ $section->id }}">{{ $section->title }}</a></li>
    @endforeach
</ul>



<x-dashboard.form.form class="tab-content" :action='route("restaurant.branches.meals.update",["branch" => $branch->id])' method="PATCH" :with-row="false">
    @foreach ($branch->menu->sections as $section)
    <div class='tab-pane fade {{ $loop->first ? current_tab("#meals","#section-$section->id") : current_tab("#section-$section->id") }}' id="section-{{ $section->id }}" role="tabpanel">

        @if (restaurant_admin()->can('update','App/Models/Section'))
        <x-dashboard.form.select :boolean="true" name="sections[{{ $section->id }}]" :title="__('global.section_visibility')" :value="in_array($section->id,$branch->available_sections)" />
        @endif

        <div class="table-responsive">
            <table class="table table-striped table-bordered dt">
                <thead>
                    <tr>
                        <th>@lang("validation.attributes.meals") </th>
                        @if (restaurant_admin()->can('update','App/Models/Meal'))
                        <th>@lang("validation.attributes.available")</th>
                        <th>@lang("validation.attributes.start_time")</th>
                        <th>@lang("validation.attributes.end_time")</th>
                        @endif
                    </tr>
                </thead>
                <tbody>
                    @foreach ($section->meals as $meal)
                    <tr>
                        <td>{{ $meal->title }} </td>
                        @if (restaurant_admin()->can('update','App/Models/Meal'))
                        <td>
                            <x-dashboard.form.select :boolean="true" name="meals[{{ $meal->id }}][is_available]" :title="__('validation.attributes.available')" :with-label="false" container-classes='' :value="$meal->branch_pivot?->is_available ?? false" />
                        </td>
                        <td>
                            <x-dashboard.form.input type='time' name="meals[{{ $meal->id }}][start_time]" :title="__('validation.attributes.start_time')" :with-label="false" container-classes='' :required="false" :value="$meal->branch_pivot?->start_time?->format('H:i')" />
                        </td>
                        <td>
                            <x-dashboard.form.input type='time' name="meals[{{ $meal->id }}][end_time]" :title="__('validation.attributes.end_time')" :with-label="false" container-classes='' :required="false" :value="$meal->branch_pivot?->end_time?->format('H:i')" />
                        </td>
                        @endif
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if (restaurant_admin()->can('update','App/Models/Section') || restaurant_admin()->can('update','App/Models/Meal'))
        <x-dashboard.form.button />
        @endif
    </div>
    @endforeach
</x-dashboard.form.form>

@endsection