@extends('layouts.merchant')

@section('title', 'Профиль магазина')

@section('content')
<div class="max-w-2xl">
    <div class="flex flex-wrap items-center justify-between gap-3">
        <h1 class="text-2xl font-extrabold tracking-tight text-[var(--color-ink)]">Профиль магазина</h1>

        {{-- Кнопка ведёт на витрину только у активного магазина: у остальных
             публичной страницы ещё нет, и ссылка вела бы в 404. --}}
        @if ($seller->isActive())
            <a href="{{ route('seller.card', $seller->slug) }}" target="_blank" rel="noopener"
               class="inline-flex items-center gap-2 rounded-[var(--radius-md)] border-[1.5px] border-[var(--color-line)] bg-white px-4 py-2 text-sm font-bold text-[var(--color-ink)] hover:border-[var(--color-primary)] hover:text-[var(--color-primary)]">
                <i data-lucide="external-link" class="h-4 w-4"></i> Страница магазина на сайте
            </a>
        @endif
    </div>

    @php($input = 'w-full rounded-[var(--radius-md)] border-[1.5px] border-[#E1E4EA] bg-white px-4 py-2.5 text-sm outline-none focus:border-[var(--color-primary)]')
    @php($lbl = 'mb-1.5 block text-sm font-semibold text-[var(--color-ink)]')

    <form method="POST" action="{{ route('merchant.profile.update') }}" enctype="multipart/form-data" class="mt-6 space-y-4 rounded-[var(--radius-lg)] bg-white p-6 shadow-[var(--shadow-card)]">
        @csrf

        <div class="flex items-center gap-4">
            @if ($seller->logoUrl())
                <img src="{{ $seller->logoUrl() }}" alt="logo" class="h-16 w-16 shrink-0 rounded-[var(--radius-md)] border border-[var(--color-line)] bg-white object-contain p-1">
            @else
                <div class="grid h-16 w-16 place-items-center rounded-[var(--radius-md)] bg-[var(--color-primary-soft)] text-xl font-extrabold text-[var(--color-primary)]">{{ mb_substr($seller->public_name, 0, 1) }}</div>
            @endif
            <label class="block flex-1">
                <span class="{{ $lbl }}">Логотип (JPEG/PNG/WebP)</span>
                <input type="file" name="logo" accept="image/*" class="text-sm">
                @error('logo')<span class="mt-1 block text-xs text-[var(--color-sale)]">{{ $message }}</span>@enderror
            </label>
        </div>

        <label class="block"><span class="{{ $lbl }}">Публичное название</span>
            <input name="public_name" value="{{ old('public_name', $seller->public_name) }}" class="{{ $input }}">
            @error('public_name')<span class="mt-1 block text-xs text-[var(--color-sale)]">{{ $message }}</span>@enderror
        </label>

        <label class="block">
            <span class="{{ $lbl }}">Описание магазина</span>
            <textarea name="description" rows="5" class="{{ $input }}">{{ old('description', $seller->description_pending ?? $seller->description) }}</textarea>
            @error('description')<span class="mt-1 block text-xs text-[var(--color-sale)]">{{ $message }}</span>@enderror
            @if ($seller->description_status)
                <span class="mt-1 block text-xs font-semibold text-[var(--color-muted)]">
                    Статус описания: {{ $seller->description_status->label() }}.
                    @if ($seller->description_status === \App\Enums\ModerationStatus::Pending) Новый текст появится публично после одобрения. @endif
                    @if ($seller->description_status === \App\Enums\ModerationStatus::Rejected) Текст отклонён модерацией; публично показывается прошлая одобренная версия. @endif
                </span>
            @endif
        </label>

        {{-- Почта, на которую заведён магазин. Поля для правки нет намеренно:
             на неё приходит подтверждение и письма о заказах, и сменить её
             «на лету» значит потерять доступ к уведомлениям. --}}
        <div class="rounded-[var(--radius-md)] bg-[var(--color-canvas)] px-4 py-3">
            <div class="flex flex-wrap items-center justify-between gap-2">
                <div>
                    <span class="text-sm font-semibold text-[var(--color-ink)]">Почта магазина</span>
                    <div class="mt-0.5 text-sm text-[var(--color-slate)]">{{ $seller->email ?: 'не указана' }}</div>
                </div>

                @if ($seller->isEmailVerified())
                    <span class="rounded-full bg-[#E8F7EE] px-2.5 py-1 text-xs font-bold text-[#1F9254]">подтверждена</span>
                @else
                    <a href="{{ route('merchant.email.show') }}"
                       class="rounded-full bg-[#FFF4E5] px-2.5 py-1 text-xs font-bold text-[#B26A00] hover:underline">подтвердить</a>
                @endif
            </div>
            <p class="mt-2 text-xs text-[var(--color-muted)]">
                На неё приходят письма о заказах. Чтобы сменить — напишите в поддержку.
            </p>
        </div>

        <div class="grid gap-4 sm:grid-cols-2">
            <label class="block"><span class="{{ $lbl }}">Сайт</span>
                <input name="website" value="{{ old('website', $seller->website) }}" placeholder="https://" class="{{ $input }}">
                @error('website')<span class="mt-1 block text-xs text-[var(--color-sale)]">{{ $message }}</span>@enderror
            </label>
            <label class="block"><span class="{{ $lbl }}">Телефон (публичный)</span>
                <input type="tel" inputmode="tel" name="contact_public_phone" value="{{ old('contact_public_phone', $seller->contact_public_phone) }}" placeholder="+7 999 123-45-67" class="{{ $input }}">
                @error('contact_public_phone')<span class="mt-1 block text-xs text-[var(--color-sale)]">{{ $message }}</span>@enderror
            </label>
            <label class="block"><span class="{{ $lbl }}">VK</span>
                <input name="vk" value="{{ old('vk', $seller->vk) }}" placeholder="https://vk.com/..." class="{{ $input }}">
                @error('vk')<span class="mt-1 block text-xs text-[var(--color-sale)]">{{ $message }}</span>@enderror
            </label>
            <label class="block"><span class="{{ $lbl }}">Telegram</span>
                <input name="telegram" value="{{ old('telegram', $seller->telegram) }}" placeholder="@username" class="{{ $input }}">
                @error('telegram')<span class="mt-1 block text-xs text-[var(--color-sale)]">{{ $message }}</span>@enderror
            </label>
        </div>

        {{-- Условия заказа. Порог живёт на магазине, а не на выгрузке: заказ
             оформляется на магазин целиком, из какого бы фида ни пришли товары. --}}
        <div class="rounded-[var(--radius-lg)] border border-[var(--color-line)] p-4">
            <h2 class="text-sm font-extrabold text-[var(--color-ink)]">Условия заказа</h2>
            <p class="mt-1 text-xs text-[var(--color-muted)]">
                Если вы не отгружаете мелкие заказы, укажите минимальную сумму. Покупатель увидит её в карточке
                товара и не сможет оформить у вас заказ на меньшую сумму — корзина подскажет, сколько добавить.
                Доставка в сумму не входит.
            </p>

            <label class="mt-3 block max-w-xs"><span class="{{ $lbl }}">Минимальная сумма заказа, ₽</span>
                <input name="min_order_amount" inputmode="numeric"
                       value="{{ old('min_order_amount', $seller->min_order_amount) }}"
                       placeholder="без ограничения" class="{{ $input }}">
                @error('min_order_amount')<span class="mt-1 block text-xs text-[var(--color-sale)]">{{ $message }}</span>@enderror
            </label>
        </div>

        {{-- Нужны только для приёма оплаты картой: чек по 54-ФЗ формируем мы,
             и без этих кодов эквайринг платёж не примет. --}}
        <div class="rounded-[var(--radius-lg)] border border-[var(--color-line)] p-4">
            <h2 class="text-sm font-extrabold text-[var(--color-ink)]">Налоговые данные</h2>
            <p class="mt-1 text-xs text-[var(--color-muted)]">
                Нужны для чека при оплате картой. Если приём оплаты не подключён — можно не заполнять.
            </p>

            <div class="mt-3 grid gap-4 sm:grid-cols-2">
                <label class="block"><span class="{{ $lbl }}">Система налогообложения</span>
                    <select name="tax_system_code" class="{{ $input }}">
                        <option value="">не указана</option>
                        @foreach ([1 => 'Общая (ОСН)', 2 => 'УСН «Доходы»', 3 => 'УСН «Доходы минус расходы»', 4 => 'ЕНВД', 5 => 'ЕСХН', 6 => 'Патент'] as $code => $title)
                            <option value="{{ $code }}" @selected((int) old('tax_system_code', $seller->tax_system_code) === $code)>{{ $title }}</option>
                        @endforeach
                    </select>
                    @error('tax_system_code')<span class="mt-1 block text-xs text-[var(--color-sale)]">{{ $message }}</span>@enderror
                </label>

                <label class="block"><span class="{{ $lbl }}">Ставка НДС</span>
                    <select name="vat_code" class="{{ $input }}">
                        <option value="">не указана</option>
                        @foreach (\App\Enums\VatRate::options() as $code => $title)
                            <option value="{{ $code }}" @selected((int) old('vat_code', $seller->vat_code) === $code)>{{ $title }}</option>
                        @endforeach
                    </select>
                    @error('vat_code')<span class="mt-1 block text-xs text-[var(--color-sale)]">{{ $message }}</span>@enderror
                </label>
            </div>
        </div>

        <button type="submit" class="rounded-[var(--radius-md)] bg-[var(--color-primary)] px-6 py-3 text-[15px] font-bold text-white shadow-[var(--shadow-primary)] hover:bg-[var(--color-primary-dark)]">Сохранить</button>
    </form>
</div>
@endsection