@extends('admin.layouts.app')
@section('title', 'SEO — ' . $label)

@section('content')

<form method="POST" action="{{ route('admin.seo.update', $pageKey) }}">
    @csrf @method('PUT')

    <div class="card p-3" style="max-width:700px;">
        <div class="mb-3">
            <label class="form-label">Meta Title</label>
            <input type="text" name="meta_title" class="form-control" value="{{ old('meta_title', $meta->meta_title) }}" maxlength="255">
            <div class="form-text">Recommended: 50–60 characters.</div>
        </div>
        <div class="mb-3">
            <label class="form-label">Meta Description</label>
            <textarea name="meta_description" class="form-control" rows="3" maxlength="500">{{ old('meta_description', $meta->meta_description) }}</textarea>
            <div class="form-text">Recommended: 140–160 characters.</div>
        </div>
        <div class="mb-3">
            <label class="form-label">Meta Keywords</label>
            <input type="text" name="meta_keywords" class="form-control" value="{{ old('meta_keywords', $meta->meta_keywords) }}">
        </div>
        <div class="mb-3">
            <label class="form-label">Canonical URL (optional, leave blank to auto-detect)</label>
            <input type="text" name="canonical_url" class="form-control" value="{{ old('canonical_url', $meta->canonical_url) }}">
        </div>
        <div class="mb-3">
            <label class="form-label">Open Graph Title</label>
            <input type="text" name="og_title" class="form-control" value="{{ old('og_title', $meta->og_title) }}">
        </div>
        <div class="mb-3">
            <label class="form-label">Open Graph Description</label>
            <textarea name="og_description" class="form-control" rows="2">{{ old('og_description', $meta->og_description) }}</textarea>
        </div>
        <div class="mb-3">
            <label class="form-label">Robots Directive</label>
            <select name="robots" class="form-select">
                @foreach(['index, follow', 'noindex, follow', 'index, nofollow', 'noindex, nofollow'] as $option)
                <option value="{{ $option }}" {{ old('robots', $meta->robots ?: 'index, follow') === $option ? 'selected' : '' }}>{{ $option }}</option>
                @endforeach
            </select>
        </div>

        <button class="btn btn-dark">Save SEO Settings</button>
        <a href="{{ route('admin.seo.index') }}" class="btn btn-outline-secondary mt-2">Cancel</a>
    </div>
</form>

@endsection