@extends('branch.layouts.index')

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

<div class="tab-content">
    @can('update_general', $service)
    <div class="tab-pane fade {{ current_tab('#general') }}" id="general" role="tabpanel">
        <x-dashboard.form.form :action='route("branch.services.general.update",["service" => $service->id])' method="PATCH">
            <x-dashboard.form.select :boolean="true" name="is_active" :value="$service->is_active" container-classes='col-12' />
            <x-dashboard.form.input name="title[ar]" :title="__('validation.attributes.title') . ' ( ' . __('global.arabic') . ' )'" :value="$service->getTranslation('title', 'ar')" />
            <x-dashboard.form.input name="title[en]" :title="__('validation.attributes.title') . ' ( ' . __('global.english') . ' )'" :value="$service->getTranslation('title', 'en')" />
            <x-dashboard.form.input name="color" type='color' :value="$service->color" />
            <x-dashboard.form.file name="logo" :required="false" :value="$service->logo" />
            <x-dashboard.form.button />
        </x-dashboard.form.form>
    </div>
    @endcan
</div>
@endsection