@extends('layouts.restaurant')

{{--
    Карточка заведения в кабинете (ТЗ §15.3, §16).

    Название, адрес и тариф не редактируются: ими управляет Restoplace, и
    правка здесь была бы затёрта следующей синхронизацией (ТЗ §2.1, §6.3).
--}}

@php
    $profile = $venue->profile;
    $contact = $venue->contact;
    $selectedCuisines = $venue->cuisines->pluck('id')->all();
    $selectedFeatures = $venue->features->pluck('id')->all();
    $photoLimit = (int) config('restomesto.media.max_photos_per_venue', 30);
@endphp

@section('title', $venue->name.' — кабинет заведения')

@section('content')
    <div class="mx-auto max-w-[900px]">
        <nav class="mb-4 text-sm text-muted">
            <a href="{{ route('restaurant.venues') }}" class="hover:text-text">Мои заведения</a>
            <span aria-hidden="true">/</span>
            <span class="text-text">{{ $venue->name }}</span>
        </nav>

        <div class="flex flex-wrap items-start justify-between gap-3">
            <div>
                <h1 class="text-2xl font-extrabold tracking-tight text-ink">{{ $venue->name }}</h1>
                <p class="mt-1 text-sm text-muted">{{ $venue->address }}</p>
            </div>

            <div class="flex gap-2">
                <a href="{{ route('restaurant.reviews', $venue->getKey()) }}"
                   class="rounded-control border border-border px-4 py-2 text-sm font-medium text-muted hover:border-primary hover:text-primary">
                    Отзывы
                </a>
                @if ($venue->is_active)
                    <a href="{{ $venue->publicPath() }}" target="_blank" rel="noopener"
                       class="rounded-control border border-border px-4 py-2 text-sm font-medium text-muted hover:border-primary hover:text-primary">
                        Смотреть на портале
                    </a>
                @endif
            </div>
        </div>

        @unless ($venue->is_active)
            <p class="mt-4 rounded-card bg-warning-light px-4 py-3 text-sm text-warning">
                Заведение сейчас не показывается в каталоге:
                {{ $venue->inactive_reason?->label() ?? 'проверьте настройки заведения' }}.
                Карточку можно заполнить заранее — она появится сразу после восстановления публикации.
            </p>
        @endunless

        @if (session('restaurant_message'))
            <p class="mt-4 rounded-card bg-success-light px-4 py-3 text-sm text-success" role="status">
                {{ session('restaurant_message') }}
            </p>
        @endif

        @if ($errors->any())
            <ul class="mt-4 space-y-1 rounded-card bg-danger-light px-4 py-3 text-sm text-danger" role="alert">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        @endif

        {{-- Описание, чек, кухни, особенности, контакты --}}
        <form method="POST" action="{{ route('restaurant.venue.update', $venue->getKey()) }}"
              class="mt-6 space-y-5 card p-6">
            @csrf
            @method('PATCH')

            <h2 class="text-lg font-bold text-ink">О заведении</h2>

            <label class="block">
                <span class="field-label">Короткое описание</span>
                <input type="text" name="short_description" maxlength="400"
                       value="{{ old('short_description', $profile?->short_description) }}"
                       placeholder="Одна фраза для карточки в списке"
                       class="field h-11 text-sm">
            </label>

            <label class="block">
                <span class="field-label">Описание</span>
                <textarea name="description" rows="6" maxlength="5000"
                          class="field h-11 text-sm">{{ old('description', $profile?->description) }}</textarea>
            </label>

            <label class="block max-w-xs">
                <span class="field-label">Средний чек, ₽</span>
                <input type="number" name="average_bill" min="0" step="100"
                       value="{{ old('average_bill', $profile?->average_bill) }}"
                       class="field h-11 text-sm">
            </label>

            <fieldset>
                <legend class="mb-2 text-xs font-semibold text-muted">Кухни — не больше пяти</legend>
                <div class="flex flex-wrap gap-2">
                    @foreach ($cuisines as $cuisine)
                        <label class="cursor-pointer">
                            <input type="checkbox" name="cuisine_ids[]" value="{{ $cuisine->id }}" class="peer sr-only"
                                   @checked(in_array($cuisine->id, old('cuisine_ids', $selectedCuisines) ?? [], false))>
                            <span class="block rounded-pill border border-border px-3 py-1.5 text-sm text-muted transition-colors peer-checked:border-primary peer-checked:bg-primary peer-checked:text-primary-contrast hover:border-primary">
                                {{ $cuisine->name }}
                            </span>
                        </label>
                    @endforeach
                </div>
            </fieldset>

            <fieldset>
                <legend class="mb-2 text-xs font-semibold text-muted">Особенности</legend>
                <div class="flex flex-wrap gap-2">
                    @foreach ($features as $feature)
                        <label class="cursor-pointer">
                            <input type="checkbox" name="feature_ids[]" value="{{ $feature->id }}" class="peer sr-only"
                                   @checked(in_array($feature->id, old('feature_ids', $selectedFeatures) ?? [], false))>
                            <span class="block rounded-pill border border-border px-3 py-1.5 text-sm text-muted transition-colors peer-checked:border-primary peer-checked:bg-primary peer-checked:text-primary-contrast hover:border-primary">
                                {{ $feature->name }}
                            </span>
                        </label>
                    @endforeach
                </div>
            </fieldset>

            <h2 class="pt-2 text-lg font-bold text-ink">Контакты</h2>

            <div class="grid gap-4 sm:grid-cols-2">
                <label class="block">
                    <span class="field-label">Телефон для гостей</span>
                    <input type="tel" name="public_phone" value="{{ old('public_phone', $contact?->public_phone) }}"
                           placeholder="+7 (999) 123-45-67"
                           class="field h-11 text-sm">
                </label>

                <label class="block">
                    <span class="field-label">Сайт</span>
                    <input type="url" name="website" value="{{ old('website', $contact?->website) }}"
                           placeholder="https://"
                           class="field h-11 text-sm">
                </label>

                <label class="block">
                    <span class="field-label">VK</span>
                    <input type="url" name="vk_url" value="{{ old('vk_url', $contact?->vk_url) }}" placeholder="https://vk.com/…"
                           class="field h-11 text-sm">
                </label>

                <label class="block">
                    <span class="field-label">Telegram</span>
                    <input type="url" name="telegram_url" value="{{ old('telegram_url', $contact?->telegram_url) }}" placeholder="https://t.me/…"
                           class="field h-11 text-sm">
                </label>

                <label class="block">
                    <span class="field-label">MAX</span>
                    <input type="url" name="max_url" value="{{ old('max_url', $contact?->max_url) }}" placeholder="https://max.ru/…"
                           class="field h-11 text-sm">
                </label>
            </div>

            <p class="text-xs text-subtle">
                Контактный email заведения на портале не публикуется и здесь не редактируется — он приходит
                из системы бронирования и служит ключом доступа в этот кабинет.
            </p>

            <button type="submit"
                    class="rounded-control bg-primary px-5 py-2.5 text-sm font-semibold text-primary-contrast hover:bg-primary-hover">
                Сохранить карточку
            </button>
        </form>

        {{-- Логотип (ТЗ §16.3) --}}
        <section class="mt-6 card p-6">
            <h2 class="text-lg font-bold text-ink">Логотип</h2>

            <div class="mt-4 flex flex-wrap items-center gap-4">
                @if ($logoUrl = $venue->logo?->url())
                    <img src="{{ $logoUrl }}" alt="Логотип {{ $venue->name }}" width="96" height="96"
                         class="size-24 rounded-control object-contain">
                @elseif ($venue->logo && ! $venue->logo->status->isDisplayable())
                    <span class="flex size-24 items-center justify-center rounded-control bg-surface-alt text-center text-xs text-muted">
                        {{ $venue->logo->status->label() }}
                    </span>
                @else
                    <span class="flex size-24 items-center justify-center rounded-control bg-surface-alt text-2xl" aria-hidden="true">🍽️</span>
                @endif

                <form method="POST" action="{{ route('restaurant.venue.logo.store', $venue->getKey()) }}"
                      enctype="multipart/form-data" class="flex flex-wrap items-center gap-2">
                    @csrf
                    <input type="file" name="image" accept="image/jpeg,image/png,image/webp" required
                           class="text-sm text-muted file:mr-3 file:rounded-control file:border-0 file:bg-surface-alt file:px-3 file:py-2 file:text-sm file:font-medium file:text-text">
                    <button type="submit"
                            class="rounded-control bg-primary px-4 py-2 text-sm font-semibold text-primary-contrast hover:bg-primary-hover">
                        Загрузить
                    </button>
                </form>
            </div>
        </section>

        {{-- Галерея (ТЗ §16.1, §16.2) --}}
        <section class="mt-6 card p-6">
            <div class="flex flex-wrap items-baseline justify-between gap-2">
                <h2 class="text-lg font-bold text-ink">Фотографии</h2>
                <p class="text-xs text-subtle">{{ $photos->count() }} из {{ $photoLimit }}</p>
            </div>

            <form method="POST" action="{{ route('restaurant.venue.photos.store', $venue->getKey()) }}"
                  enctype="multipart/form-data" class="mt-4 flex flex-wrap items-center gap-2">
                @csrf
                <input type="file" name="image" accept="image/jpeg,image/png,image/webp" required
                       class="text-sm text-muted file:mr-3 file:rounded-control file:border-0 file:bg-surface-alt file:px-3 file:py-2 file:text-sm file:font-medium file:text-text">
                <button type="submit"
                        class="rounded-control bg-primary px-4 py-2 text-sm font-semibold text-primary-contrast hover:bg-primary-hover">
                    Добавить фото
                </button>
            </form>

            @if ($photos->isEmpty())
                <p class="mt-4 text-sm text-muted">
                    Фотографий пока нет. Первое фото станет главным — оно показывается в каталоге и в соцсетях.
                </p>
            @else
                <ul class="mt-5 grid gap-4 sm:grid-cols-3">
                    @foreach ($photos as $photo)
                        <li class="overflow-hidden rounded-card border border-border">
                            @if ($url = $photo->previewUrl())
                                <img src="{{ $url }}" alt="{{ $photo->alt ?? $venue->name }}"
                                     width="480" height="300" loading="lazy"
                                     class="aspect-[16/10] w-full object-cover">
                            @else
                                {{-- Пока обработка не завершена — placeholder, а не битая картинка (ТЗ §16.2) --}}
                                <div class="flex aspect-[16/10] w-full items-center justify-center bg-surface-alt px-3 text-center text-xs text-muted">
                                    {{ $photo->status->label() }}
                                    @if ($photo->failure_reason)
                                        <span class="block text-danger">{{ $photo->failure_reason }}</span>
                                    @endif
                                </div>
                            @endif

                            <div class="flex items-center justify-between gap-2 p-2">
                                @if ($profile?->primary_photo_id === $photo->id)
                                    <span class="rounded-pill bg-primary px-2 py-0.5 text-xs font-semibold text-primary-contrast">Главное</span>
                                @elseif ($photo->status->isDisplayable())
                                    <form method="POST" action="{{ route('restaurant.venue.photos.primary', [$venue->getKey(), $photo->id]) }}">
                                        @csrf
                                        <button type="submit" class="text-xs text-muted underline hover:text-primary">Сделать главным</button>
                                    </form>
                                @else
                                    <span class="text-xs text-subtle">—</span>
                                @endif

                                <form method="POST" action="{{ route('restaurant.venue.photos.destroy', [$venue->getKey(), $photo->id]) }}"
                                      x-data x-on:submit="if (! confirm('Удалить фотографию?')) $event.preventDefault()">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="text-xs text-danger hover:underline">Удалить</button>
                                </form>
                            </div>
                        </li>
                    @endforeach
                </ul>

                {{--
                    Порядок задаётся номерами, а не перетаскиванием: drag-and-drop
                    требует JavaScript, а форма обязана работать и без него
                    (ТЗ §18.1). Формы не вкладываются друг в друга, поэтому
                    номера вынесены отдельным списком.
                --}}
                @if ($photos->count() > 1)
                    <form method="POST" action="{{ route('restaurant.venue.photos.reorder', $venue->getKey()) }}" class="mt-5">
                        @csrf
                        <p class="mb-2 text-xs font-semibold text-muted">Порядок показа</p>

                        <ul class="flex flex-wrap gap-3">
                            @foreach ($photos as $index => $photo)
                                <li>
                                    <label class="flex items-center gap-2 rounded-control border border-border p-1.5">
                                        @if ($url = $photo->previewUrl())
                                            <img src="{{ $url }}" alt="" width="48" height="36"
                                                 class="size-10 rounded object-cover">
                                        @else
                                            <span class="flex size-10 items-center justify-center rounded bg-surface-alt text-xs" aria-hidden="true">…</span>
                                        @endif

                                        <input type="number" name="positions[{{ $photo->id }}]"
                                               value="{{ $index + 1 }}" min="1" max="{{ $photos->count() }}"
                                               aria-label="Позиция фотографии"
                                               class="w-14 rounded-control border border-border bg-surface px-2 py-1 text-center text-sm text-text focus:border-primary">
                                    </label>
                                </li>
                            @endforeach
                        </ul>

                        <button type="submit"
                                class="mt-3 rounded-control border border-border px-4 py-2 text-sm font-medium text-muted hover:border-primary hover:text-primary">
                            Сохранить порядок
                        </button>
                    </form>
                @endif
            @endif
        </section>
    </div>
@endsection