@extends('layouts.account')

@php
    $isNew = ! $listing->exists;
    $answers = $listing->exists ? $listing->specificationValues() : [];
@endphp

@section('title', $isNew ? __('Create a listing') : $listing->title)
@section('heading', $isNew ? __('Create a listing') : __('Edit listing'))
@section('subheading', $isNew
    ? __('Choose a category first — it decides what else we ask for.')
    : $listing->reference.' · '.$listing->status->label())

@section('account')
    @if (session('error'))
        <x-alert type="error" class="mb-6">{{ session('error') }}</x-alert>
    @endif

    @if (! $isNew && $listing->status === \App\Enums\ListingStatus::Rejected && $listing->rejection_reason)
        <x-alert type="error" class="mb-6" :title="__('This listing was not accepted')">
            {{ $listing->rejection_reason }}
        </x-alert>
    @endif

    @if (! $isNew && ! $listing->isEditable())
        <x-alert type="info" class="mb-6" :title="__('This listing is locked')">
            {{ __('It is with our team for review. You can edit it again once a decision is made.') }}
        </x-alert>
    @endif

    {{--
        The category is chosen before anything else, because it decides which
        fields exist. Changing it reloads the form rather than guessing — the
        attribute set is server-owned, and a client-side guess would drift.
    --}}
    @if ($isNew && ! $category)
        <div class="rounded-xl border border-border bg-surface p-6">
            <h2 class="font-display text-title font-bold text-text">{{ __('What are you listing?') }}</h2>
            <p class="mt-1.5 text-sm text-text-secondary">
                {{ __('Pick the closest category. It decides which details buyers can filter on.') }}
            </p>

            <form method="GET" action="{{ route('account.listings.create') }}" class="mt-6 max-w-xl space-y-5">
                <x-form.select name="category" :label="__('Category')" :options="$categories" required
                               data-searchable :placeholder="__('— Choose a category —')" />

                <button type="submit" class="btn btn-primary">{{ __('Continue') }}</button>
            </form>
        </div>
    @else
        <form action="{{ $isNew ? route('account.listings.store') : route('account.listings.update', $listing) }}"
              method="POST" class="space-y-6" x-data="submitGuard" @submit="submit()">
            @csrf
            @unless ($isNew) @method('PUT') @endunless

            <section class="rounded-xl border border-border bg-surface p-6" aria-labelledby="basics">
                <h2 id="basics" class="font-display text-title font-bold text-text">{{ __('The basics') }}</h2>

                <div class="mt-6 grid gap-5 sm:grid-cols-2">
                    <x-form.select name="category_id" :label="__('Category')" :options="$categories"
                                   :value="$listing->category_id ?? $category?->id" required data-searchable
                                   :placeholder="false" class="sm:col-span-2"
                                   :hint="__('Changing this changes which details are asked for. Save to reload the form.')" />

                    <x-form.input name="title" :label="__('Title')" :value="$listing->title" required
                                  class="sm:col-span-2"
                                  :placeholder="__('e.g. Four-bedroom house with parking, Budhanilkantha')"
                                  :hint="__('Buyers search on these words. Be specific.')" />

                    <x-form.select name="intent" :label="__('Offered for')" :options="$intents"
                                   :value="$listing->intent?->value" required :placeholder="false" />

                    <x-form.textarea name="short_description" :label="__('One-line summary')"
                                     :value="$listing->short_description" rows="2" class="sm:col-span-2" />

                    <x-form.textarea name="description" :label="__('Full description')"
                                     :value="$listing->description" rows="8" required class="sm:col-span-2"
                                     :hint="__('What a buyer would want to know: condition, surroundings, what is included.')" />
                </div>
            </section>

            <section class="rounded-xl border border-border bg-surface p-6" aria-labelledby="price"
                     x-data="{ onRequest: {{ old('price_on_request', $listing->price_on_request) ? 'true' : 'false' }},
                               intent: '{{ old('intent', $listing->intent?->value ?? array_key_first($intents)) }}' }">
                <h2 id="price" class="font-display text-title font-bold text-text">{{ __('Price') }}</h2>

                <div class="mt-6 grid gap-5 sm:grid-cols-3">
                    <x-form.select name="currency" :label="__('Currency')" :options="$currencies"
                                   :value="$listing->currency" :placeholder="false" />

                    <div class="sm:col-span-2">
                        <label for="price" class="form-label">{{ __('Asking price') }}</label>
                        <input id="price" name="price" type="number" step="0.01" min="0"
                               value="{{ old('price', $listing->price !== null ? $listing->price / 100 : null) }}"
                               x-bind:disabled="onRequest"
                               class="form-input @error('price') border-error @enderror">
                        @error('price')<p class="form-error">{{ $message }}</p>@enderror
                    </div>

                    <div class="space-y-3 sm:col-span-3">
                        <x-form.checkbox name="price_on_request" x-model="onRequest"
                                         :checked="$listing->price_on_request"
                                         :label="__('Price on request')"
                                         :hint="__('The figure is hidden and buyers are asked to enquire.')" />

                        <x-form.checkbox name="price_negotiable" :checked="$listing->price_negotiable"
                                         :label="__('Open to offers')" />
                    </div>

                    {{-- A period only means anything for a recurring intent. --}}
                    <div x-show="intent === 'rent' || intent === 'lease'" x-cloak class="sm:col-span-3">
                        <x-form.select name="price_period" :label="__('Charged')" :options="$pricePeriods"
                                       :value="$listing->price_period" :placeholder="__('— Select —')" />
                    </div>
                </div>
            </section>

            {{--
                The dynamic half. Every field below comes from the category's
                attribute bindings — nothing here is named in this template.
            --}}
            @foreach ($attributeGroups as $groupName => $groupAttributes)
                <section class="rounded-xl border border-border bg-surface p-6"
                         aria-labelledby="group-{{ Str::slug($groupName) }}">
                    <h2 id="group-{{ Str::slug($groupName) }}" class="font-display text-title font-bold text-text">
                        {{ $groupName }}
                    </h2>

                    <div class="mt-6 grid gap-5 sm:grid-cols-2">
                        @foreach ($groupAttributes as $attribute)
                            @include('account.listings.partials.attribute-field', [
                                'attribute' => $attribute,
                                'value' => old('attributes.'.$attribute->code, $answers[$attribute->code] ?? null),
                            ])
                        @endforeach
                    </div>
                </section>
            @endforeach

            <section class="rounded-xl border border-border bg-surface p-6" aria-labelledby="place">
                <h2 id="place" class="font-display text-title font-bold text-text">{{ __('Where it is') }}</h2>

                <div class="mt-6 grid gap-5 sm:grid-cols-2">
                    <x-form.select name="district" :label="__('District')" :options="$districts"
                                   :value="$listing->district" required data-searchable
                                   :placeholder="__('— Select a district —')" />
                    <x-form.input name="municipality" :label="__('Municipality / city')" :value="$listing->municipality" />
                    <x-form.input name="ward" :label="__('Ward')" :value="$listing->ward" />
                    <x-form.select name="province" :label="__('Province')" :options="$provinces"
                                   :value="$listing->province" :placeholder="__('— Select —')" />

                    <x-form.input name="address" :label="__('Address or landmark')" :value="$listing->address"
                                  class="sm:col-span-2"
                                  :hint="__('Shown publicly. Leave out anything you would not put on a signboard.')" />

                    <x-form.input name="latitude" type="number" step="any" :label="__('Latitude')" :value="$listing->latitude" />
                    <x-form.input name="longitude" type="number" step="any" :label="__('Longitude')" :value="$listing->longitude" />
                </div>
            </section>

            <section class="rounded-xl border border-border bg-surface p-6" aria-labelledby="contact">
                <h2 id="contact" class="font-display text-title font-bold text-text">{{ __('Who buyers contact') }}</h2>
                <p class="mt-1.5 text-sm text-text-secondary">
                    {{ __('Leave blank to use the details on your seller profile.') }}
                </p>

                <div class="mt-6 grid gap-5 sm:grid-cols-3">
                    <x-form.input name="contact_name" :label="__('Name')" :value="$listing->contact_name" />
                    <x-form.input name="contact_phone" type="tel" :label="__('Phone')" :value="$listing->contact_phone" />
                    <x-form.input name="contact_email" type="email" :label="__('Email')" :value="$listing->contact_email" />
                </div>
            </section>

            <div class="flex flex-wrap items-center justify-end gap-3">
                @unless ($isNew)
                    <x-button variant="ghost" :href="route('account.listings.media.index', $listing)" class="mr-auto">
                        {{ __('Photographs & files') }}
                    </x-button>
                @endunless

                <x-button variant="outline" :href="route('account.listings.index')">{{ __('Cancel') }}</x-button>

                <button type="submit" class="btn btn-primary" :disabled="submitting">
                    <span x-show="!submitting">{{ $isNew ? __('Save draft') : __('Save changes') }}</span>
                    <span x-show="submitting" x-cloak>{{ __('Saving…') }}</span>
                </button>
            </div>
        </form>

        {{-- Status actions are a separate form: editing and publishing are
             different decisions and must not share a submit button. --}}
        @if (! $isNew && $transitions)
            <section class="mt-6 rounded-xl border border-border bg-surface p-6" aria-labelledby="status">
                <h2 id="status" class="font-display text-title font-bold text-text">{{ __('Status') }}</h2>
                <p class="mt-1.5 text-sm text-text-secondary">{{ $listing->status->description() }}</p>

                <div class="mt-5 flex flex-wrap gap-3">
                    @foreach ($transitions as $target)
                        <form action="{{ route('account.listings.transition', $listing) }}" method="POST">
                            @csrf
                            <input type="hidden" name="status" value="{{ $target->value }}">

                            <button type="submit"
                                    @class([
                                        'btn btn-sm',
                                        'btn-primary' => in_array($target->value, ['submitted', 'published'], true),
                                        'btn-outline' => ! in_array($target->value, ['submitted', 'published'], true),
                                    ])>
                                {{ __('Mark as :status', ['status' => mb_strtolower($target->label())]) }}
                            </button>
                        </form>
                    @endforeach
                </div>
            </section>
        @endif
    @endif
@endsection