@extends('branch.layouts.index')

@section('content')
    <ul class="nav nav-tabs">
        <li class="nav-item"><a class="nav-link {{ current_tab('#general') }}" data-toggle="tab" href="#general">@lang('global.general_information')</a></li>
        <li class="nav-item"><a class="nav-link {{ current_tab('#priority') }}" data-toggle="tab" href="#priority">@lang('global.priority')</a></li>
        <li class="nav-item"><a class="nav-link {{ current_tab('#services') }}" data-toggle="tab" href="#services">{{ $branch->settings->portfolio->services_title->{$locale} ?? __('global.services') }}</a></li>
    </ul>

    <div class="tab-content">
        <div class="tab-pane fade {{ current_tab('#general') }}" id="general" role="tabpanel">
            <x-dashboard.form.form :action="route('branch.portfolio.general.update')" method="PATCH">
                <x-dashboard.form.input name="card_advertisements_title[ar]" :required="false" :title="__('validation.attributes.card_advertisements_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio->card_advertisements_title->ar" />
                <x-dashboard.form.input name="card_advertisements_title[en]" :required="false" :title="__('validation.attributes.card_advertisements_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio->card_advertisements_title->en" />
                <x-dashboard.form.input name="facebook" :required="false" :value="$branch->settings->portfolio->facebook" />
                <x-dashboard.form.input name="instagram" :required="false" :value="$branch->settings->portfolio->instagram" />
                <x-dashboard.form.input name="twitter" :required="false" :value="$branch->settings->portfolio->twitter" />
                <x-dashboard.form.input name="linkedin" :required="false" :value="$branch->settings->portfolio->linkedin" />
                <x-dashboard.form.input name="youtube" :required="false" :value="$branch->settings->portfolio->youtube" />
                <x-dashboard.form.input name="snapchat" :required="false" :value="$branch->settings->portfolio->snapchat" />
                <x-dashboard.form.input name="tiktok" :required="false" :value="$branch->settings->portfolio->tiktok" />
                <x-dashboard.form.input name="phone" :required="false" :value="$branch->settings->portfolio->phone" class="intl-tel-input" />
                <x-dashboard.form.input name="email" type='email' :required="false" :value="$branch->settings->portfolio->email" />
                <x-dashboard.form.textarea name="about[ar]" :title="__('validation.attributes.about') . ' ( ' . __('global.arabic') . ' )'" :required="false" :value="$branch->settings->portfolio->about->ar" />
                <x-dashboard.form.textarea name="about[en]" :title="__('validation.attributes.about') . ' ( ' . __('global.english') . ' )'" :required="false" :value="$branch->settings->portfolio->about->en" />
                <x-dashboard.form.button />
            </x-dashboard.form.form>
        </div>

        <div class="tab-pane fade {{ current_tab('#priority') }}" id="priority" role="tabpanel">
            <h4 class="card-title mb-3">
                <a href="{{ route('branch.portfolio.toplists.create') }}">
                    <button class="btn btn-success">
                        <i class="i-Add"></i> @lang('global.add')
                    </button>
                </a>
            </h4>

            <div class="table-responsive">
                <table id="toplistsTable" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>@lang('validation.attributes.title') </th>
                            <th>@lang('validation.attributes.priority') </th>
                            <th>@lang('validation.attributes.start_date') </th>
                            <th>@lang('validation.attributes.end_date') </th>
                            <th>@lang('global.actions')</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>

        <div class="tab-pane fade {{ current_tab('#services') }}" id="services" role="tabpanel">
            <x-dashboard.form.form :action="route('branch.portfolio.services.update')" method="PATCH">
                <div class="col-12">
                    <h4 class="my-3"> {{ $branch->settings->portfolio->services_title->{$locale} ?? __('global.services') }}</h4>
                </div>

                <x-dashboard.form.input name="services_title[ar]" :required="false" :title="__('validation.attributes.services_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio->services_title->ar" />
                <x-dashboard.form.input name="services_title[en]" :required="false" :title="__('validation.attributes.services_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio->services_title->en" />

                <div class="col-12">
                    <h4 class="my-3">@lang('global.restaurants')</h4>
                </div>

                <x-dashboard.form.input name="restaurants_map_button_title[ar]" :title="__('validation.attributes.restaurants_map_button_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio->restaurants_map_button_title->ar" />
                <x-dashboard.form.input name="restaurants_map_button_title[en]" :title="__('validation.attributes.restaurants_map_button_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio->restaurants_map_button_title->en" />
                <x-dashboard.form.input name="restaurants_menu_button_title[ar]" :title="__('validation.attributes.restaurants_menu_button_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio->restaurants_menu_button_title->ar" />
                <x-dashboard.form.input name="restaurants_menu_button_title[en]" :title="__('validation.attributes.restaurants_menu_button_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio->restaurants_menu_button_title->en" />
                <x-dashboard.form.input name="restaurants_link_button_title[ar]" :title="__('validation.attributes.restaurants_link_button_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio->restaurants_link_button_title->ar" />
                <x-dashboard.form.input name="restaurants_link_button_title[en]" :title="__('validation.attributes.restaurants_link_button_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio->restaurants_link_button_title->en" />

                <div class="col-12">
                    <h4 class="my-3">@lang('global.stores')</h4>
                </div>

                <x-dashboard.form.input name="services_map_button_title[ar]" :title="__('validation.attributes.services_map_button_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio->services_map_button_title->ar" />
                <x-dashboard.form.input name="services_map_button_title[en]" :title="__('validation.attributes.services_map_button_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio->services_map_button_title->en" />
                <x-dashboard.form.input name="services_menu_button_title[ar]" :title="__('validation.attributes.services_menu_button_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio->services_menu_button_title->ar" />
                <x-dashboard.form.input name="services_menu_button_title[en]" :title="__('validation.attributes.services_menu_button_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio->services_menu_button_title->en" />
                <x-dashboard.form.input name="services_link_button_title[ar]" :title="__('validation.attributes.services_link_button_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio->services_link_button_title->ar" />
                <x-dashboard.form.input name="services_link_button_title[en]" :title="__('validation.attributes.services_link_button_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio->services_link_button_title->en" />

                <div class="col-12">
                    <h4 class="my-3">@lang('global.reservations')</h4>
                </div>

                <x-dashboard.form.input name="spas_map_button_title[ar]" :title="__('validation.attributes.spas_map_button_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio->spas_map_button_title->ar" />
                <x-dashboard.form.input name="spas_map_button_title[en]" :title="__('validation.attributes.spas_map_button_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio->spas_map_button_title->en" />
                <x-dashboard.form.input name="spas_menu_button_title[ar]" :title="__('validation.attributes.spas_menu_button_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio->spas_menu_button_title->ar" />
                <x-dashboard.form.input name="spas_menu_button_title[en]" :title="__('validation.attributes.spas_menu_button_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio->spas_menu_button_title->en" />
                <x-dashboard.form.input name="spas_link_button_title[ar]" :title="__('validation.attributes.spas_link_button_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio->spas_link_button_title->ar" />
                <x-dashboard.form.input name="spas_link_button_title[en]" :title="__('validation.attributes.spas_link_button_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio->spas_link_button_title->en" />

                <div class="col-12">
                    <h4 class="my-3">@lang('global.charities')</h4>
                </div>

                <x-dashboard.form.input name="charities_map_button_title[ar]" :title="__('validation.attributes.charities_map_button_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio->charities_map_button_title->ar" />
                <x-dashboard.form.input name="charities_map_button_title[en]" :title="__('validation.attributes.charities_map_button_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio->charities_map_button_title->en" />
                <x-dashboard.form.input name="charities_menu_button_title[ar]" :title="__('validation.attributes.charities_menu_button_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio->charities_menu_button_title->ar" />
                <x-dashboard.form.input name="charities_menu_button_title[en]" :title="__('validation.attributes.charities_menu_button_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio->charities_menu_button_title->en" />
                <x-dashboard.form.input name="charities_link_button_title[ar]" :title="__('validation.attributes.charities_link_button_title') . ' ( ' . __('global.arabic') . ' )'" :value="$branch->settings->portfolio->charities_link_button_title->ar" />
                <x-dashboard.form.input name="charities_link_button_title[en]" :title="__('validation.attributes.charities_link_button_title') . ' ( ' . __('global.english') . ' )'" :value="$branch->settings->portfolio->charities_link_button_title->en" />
                <x-dashboard.form.button />
            </x-dashboard.form.form>
        </div>
    </div>
@endsection