@extends('layouts.admin')

@section('title', __('admin.seo.edit'))

@php
    $field = 'w-full rounded-lg border border-black/10 bg-white px-3 py-2 text-sm focus:border-brand focus:outline-none focus:ring-2 focus:ring-brand/20';
    $label = 'mb-1 block text-sm font-semibold text-ink';
    [$type, $slug] = array_pad(explode(':', $pageSeo->page_key, 2), 2, null);
    $pageLabel = $slug ? __('admin.seo.pages.'.$type).' — '.$slug : __('admin.seo.pages.'.$type);
@endphp

@section('content')
    <div class="flex items-center justify-between gap-4">
        <h1 class="text-2xl font-bold text-brand-deep">{{ __('admin.seo.edit') }}</h1>
        <a href="{{ lroute('admin.seo.index') }}" class="text-sm font-medium text-ink-soft transition hover:text-brand">{{ __('admin.actions.back') }}</a>
    </div>

    <form method="POST" action="{{ lroute('admin.seo.update') }}" class="mt-6 max-w-2xl space-y-5 rounded-2xl bg-white p-6 shadow-sm ring-1 ring-black/5">
        @csrf
        @method('PUT')
        <input type="hidden" name="locale" value="{{ $pageSeo->locale }}">
        <input type="hidden" name="page_key" value="{{ $pageSeo->page_key }}">

        <div class="rounded-lg bg-paper px-4 py-3 text-sm">
            <span class="font-semibold text-ink">{{ __('admin.seo.page') }}:</span>
            <span class="text-ink-soft">{{ $pageLabel }}</span>
            <span class="mx-1 text-ink-soft/50">·</span>
            <span class="font-semibold text-ink">{{ __('admin.seo.locale') }}:</span>
            <span class="text-ink-soft">{{ config("locales.supported.{$pageSeo->locale}.name") }}</span>
        </div>

        <div>
            <label for="meta_title" class="{{ $label }}">{{ __('admin.seo.meta_title') }}</label>
            <input type="text" id="meta_title" name="meta_title" value="{{ old('meta_title', $pageSeo->meta_title) }}" class="{{ $field }}">
            @error('meta_title')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </div>

        <div>
            <label for="meta_description" class="{{ $label }}">{{ __('admin.seo.meta_description') }}</label>
            <textarea id="meta_description" name="meta_description" rows="3" class="{{ $field }}">{{ old('meta_description', $pageSeo->meta_description) }}</textarea>
            @error('meta_description')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </div>

        <div>
            <label for="robots" class="{{ $label }}">{{ __('admin.seo.robots') }}</label>
            <select id="robots" name="robots" class="{{ $field }}">
                <option value="">{{ __('admin.seo.robots_default') }}</option>
                @foreach ($robotsOptions as $option)
                    <option value="{{ $option }}" @selected(old('robots', $pageSeo->robots) === $option)>{{ $option }}</option>
                @endforeach
            </select>
            @error('robots')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </div>

        <div class="flex items-center gap-3 pt-2">
            <button type="submit" class="rounded-full bg-brand px-6 py-2.5 text-sm font-semibold text-white transition hover:bg-brand-deep">{{ __('admin.actions.save') }}</button>
            <a href="{{ lroute('admin.seo.index') }}" class="rounded-full px-6 py-2.5 text-sm font-medium text-ink-soft transition hover:text-brand">{{ __('admin.actions.cancel') }}</a>
        </div>
    </form>
@endsection