@php($branches = $branches ?? collect())
@php($form = $form ?? null)

<div class="space-y-6">
    @can('create', \App\Models\Branch::class)
        @include('livewire.forms.branch-form')
    @endcan
    <div class="grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-{{ $selectedBranch  ? '1' : '2' }}">

        <div>
            <x-ui.input.text wire:model="form.name" :label="__('dashboard.name')" type="text" autocomplete="form.name"
                placeholder="Name" />
        </div>
        @unless ($selectedBranch)
            <div>
                @can('viewAny', \App\Models\Branch::class)
                    <x-ui.input.select :label="__('dashboard.branch')" wire:model.live="form.branch_id" group="true" :placeholder="__('dashboard.select')">
                        <option value="">{{ __('dashboard.global') ?? 'Global' }}</option>
                        @foreach ($branches as $branch)
                            <option value="{{ $branch->id }}">{{ $branch->name }}</option>
                        @endforeach
                        <x-slot name="action">
                            @can('create', \App\Models\Branch::class)
                                <x-ui.button.ghost wire:loading.attr="disabled" id="copy-button" wire:click="setAddBranch"
                                    class="absolute top-1/2 right-0 inline-flex z-99 -translate-y-1/2 cursor-pointer items-center gap-1 border-l border-gray-200 py-3 pr-3 pl-3 text-sm font-medium text-gray-700 dark:border-gray-800 dark:text-gray-400">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                                        stroke="currentColor" class="size-4">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                                    </svg>
                                </x-ui.button.ghost>
                            @endcan
                        </x-slot>
                    </x-ui.input.select>
                @endcan
            </div>
        @endunless
        <div>
            <x-ui.input.switch wire:model="form.is_active" :checked="(bool) ($form->is_active ?? true)" :label="__('dashboard.active')" />
        </div>
    </div>
</div>