@extends('branch.layouts.index')

@section('content')
    <ul class="nav nav-tabs">
        @can('update_general', $restaurant)
            <li class="nav-item"><a class="nav-link {{ current_tab('#general') }}" data-toggle="tab" href="#general">@lang('global.general_information')</a></li>
        @endcan

        @can('update_general', $restaurant)
            <li class="nav-item"><a class="nav-link {{ current_tab('#services') }}" data-toggle="tab" href="#services">@lang('global.services')</a></li>
        @endcan
    </ul>

    <div class="tab-content">
        @can('update_general', $restaurant)
            <div class="tab-pane fade {{ current_tab('#general') }}" id="general" role="tabpanel">
                <x-dashboard.form.form :action="route('branch.restaurants.general.update', ['restaurant' => $restaurant->id])" method="PATCH">
                    <x-dashboard.form.select :boolean="true" name="is_active" :value="$restaurant->is_active" container-classes='col-12' />
                    <x-dashboard.form.input name="title[ar]" :title="__('validation.attributes.title') . ' ( ' . __('global.arabic') . ' )'" :value="$restaurant->getTranslation('title', 'ar')" />
                    <x-dashboard.form.input name="title[en]" :title="__('validation.attributes.title') . ' ( ' . __('global.english') . ' )'" :value="$restaurant->getTranslation('title', 'en')" />
                    <x-dashboard.form.input name="color" type='color' :value="$restaurant->color" />
                    <x-dashboard.form.select id="ajaxSelectParentCategories" name="activity" :value="$restaurant->category" />
                    <x-dashboard.form.select id="ajaxSelectChildrenCategories" name="categories" :multiple="true" :value="$restaurant->categories" />
                    <x-dashboard.form.file name="logo" :required="!$restaurant->logo" :value="$restaurant->logo()" />
                    <x-dashboard.form.input name="responsible_name" :value="$restaurant->responsible_name" :required="false" />
                    <x-dashboard.form.input name="responsible_phone" :value="$restaurant->responsible_phone" class="intl-tel-input" :required="false" />
                    <x-dashboard.form.input name="responsible_email" :value="$restaurant->responsible_email" type='email' :required="false" />
                    <x-dashboard.form.select name="is_subscribed" :boolean="true" :value="$restaurant->is_subscribed" />
                    <x-dashboard.form.button />
                </x-dashboard.form.form>
            </div>
        @endcan

        @can('update_general', $restaurant)
            <div class="tab-pane fade {{ current_tab('#services') }}" id="services" role="tabpanel">
                <x-dashboard.form.form :action="route('branch.restaurants.services.update', ['restaurant' => $restaurant->id])" method="PATCH">
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered dt">
                            <thead>
                                <tr>
                                    <th class="w-200px">@lang('validation.attributes.title') </th>
                                    <th class="w-200px">@lang('validation.attributes.is_portfolio_active') </th>
                                    <th class="w-200px">@lang('validation.attributes.is_surveys_active') </th>
                                    <th class="w-200px">@lang('validation.attributes.menu_type') </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($restaurant->branches as $branch)
                                    <tr>
                                        <td>{{ $branch->title }}</td>

                                        <td>
                                            <x-dashboard.form.select name="branches[{{ $branch->id }}][is_portfolio_active]" :boolean="true" :value="$branch->settings->services->is_portfolio_active" container-classes='col-11' :with-label="false" />
                                        </td>

                                        <td>
                                            <x-dashboard.form.select name="branches[{{ $branch->id }}][is_surveys_active]" :boolean="true" :value="$branch->settings->services->is_surveys_active" container-classes='col-11' :with-label="false" />
                                        </td>
                                        <td>
                                            <x-dashboard.form.select name="branches[{{ $branch->id }}][menu_type]" :data-array="['show', 'order']" :name-fn="fn($type) => __('global.menu_types.' . $type)" container-classes='col-11' :with-label="false" :value="$branch->settings->services->menu_type" :ajax="false" />
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    <x-dashboard.form.button container-classes='' />
                </x-dashboard.form.form>
            </div>
        @endcan
    </div>
@endsection