{{--
    Shared by create and edit so the two cannot drift: the fields an admin fills
    in are the same either way, and only the password's optionality and the
    submit label differ.

    @param bool   $editing
    @param string $submitLabel
--}}
<div class="space-y-6">
    <x-ui.card :title="__('The restaurant')">
        <div class="grid gap-x-6 gap-y-5 sm:grid-cols-2">
            <x-ui.field :label="__('Restaurant name')" for="name" error="form.name" class="sm:col-span-2">
                <x-ui.input id="name" wire:model="form.name" />
            </x-ui.field>

            <x-ui.field :label="__('Owner email')" for="email" error="form.email"
                :hint="__('The owner signs into the restaurant app and this panel with it.')">
                <x-ui.input id="email" type="email" wire:model="form.email" autocomplete="off" />
            </x-ui.field>

            <x-ui.field :label="__('Owner phone')" for="phone" error="form.phone">
                <x-ui.input id="phone" wire:model="form.phone" autocomplete="off" />
            </x-ui.field>

            <x-ui.field :label="$editing ? __('New password (optional)') : __('Password')" for="password"
                error="form.password"
                :hint="$editing ? __('Leave empty to keep the current one.') : __('At least 6 characters.')">
                <x-ui.input id="password" type="password" wire:model="form.password" autocomplete="new-password" />
            </x-ui.field>

            <x-ui.field :label="__('Confirm password')" for="password_confirmation">
                <x-ui.input id="password_confirmation" type="password" wire:model="form.password_confirmation"
                    autocomplete="new-password" />
            </x-ui.field>

            <x-ui.field :label="__('Description')" for="description" error="form.description" class="sm:col-span-2"
                :hint="__('Shown on the restaurant’s landing page. The owner can change it from the app.')">
                <x-ui.textarea id="description" wire:model="form.description" rows="3" />
            </x-ui.field>
        </div>
    </x-ui.card>

    <x-ui.card :title="__('Where it is')">
        <div class="grid gap-x-6 gap-y-5 sm:grid-cols-2">
            <x-ui.field :label="__('Address')" for="address" error="form.address" class="sm:col-span-2">
                <x-ui.input id="address" wire:model="form.address" />
            </x-ui.field>

            <x-ui.field :label="__('Wilaya')" for="wilaya" error="form.wilaya">
                <x-ui.select id="wilaya" wire:model.live="form.wilaya">
                    <option value="">{{ __('Choose a wilaya') }}</option>
                    @foreach ($states as $state)
                        <option value="{{ $state->name }}">{{ $state->name }}</option>
                    @endforeach
                </x-ui.select>
            </x-ui.field>

            <x-ui.field :label="__('Commune')" for="commune" error="form.commune">
                <x-ui.select id="commune" wire:model="form.commune" :disabled="$communes === []">
                    <option value="">{{ $communes === [] ? __('Choose a wilaya first') : __('Choose a commune') }}</option>
                    @foreach ($communes as $commune)
                        <option value="{{ $commune['name'] }}">{{ $commune['name'] }}</option>
                    @endforeach
                </x-ui.select>
            </x-ui.field>
        </div>
    </x-ui.card>

    <x-ui.card :title="__('The platform’s side')"
        :subtitle="__('The things only an admin sets. Everything else - menu, prices, delivery fees, timings, drivers - the restaurant runs from its own app.')">
        <div class="grid gap-x-6 gap-y-5 sm:grid-cols-2">
            {{-- how a white-label app instance resolves which tenant it is;
                 nothing else in the codebase sets it --}}
            {{-- was: e.g. com.happyfood.zitoune --}}
            <x-ui.field :label="__('App bundle id')" for="bundle_id" error="form.bundle_id"
                :hint="__('How the restaurant’s mobile app identifies itself, e.g. dz.restaurant.lezitoune. Unique across the platform.')">
                <x-ui.input id="bundle_id" wire:model="form.bundle_id" class="font-mono" />
            </x-ui.field>

            <x-ui.field :label="__('Commission %')" for="commission" error="form.commission"
                :hint="__('Taken from the wallet on delivery, on the goods subtotal only. Leave empty for the platform default (:rate%).', ['rate' => (float) \App\Models\Setting::defaultCommission()])">
                <x-ui.input id="commission" type="number" step="0.01" min="0" max="100" wire:model="form.commission" />
            </x-ui.field>

            <x-ui.field :label="__('Commercial register')" for="licence" error="form.licence" class="sm:col-span-2">
                <x-ui.input id="licence" wire:model="form.licence" />
            </x-ui.field>
        </div>
    </x-ui.card>

    <div class="flex items-center justify-end gap-4">
        <x-ui.button variant="ghost" :href="route('admin.restaurants')">{{ __('Cancel') }}</x-ui.button>

        <x-ui.button type="submit" wire:loading.attr="disabled">
            <span wire:loading.remove wire:target="save">{{ $submitLabel }}</span>
            <span wire:loading wire:target="save">{{ __('Saving…') }}</span>
        </x-ui.button>
    </div>
</div>