@extends('layouts.portal')

@section('page-title', __('SEO Management'))

@section('sidebar')
    @include('admin.partials.sidebar')
@endsection

@section('content')
<div class="space-y-8">
    @foreach($settings as $setting)
        <div class="card">
            <h2 class="mb-4 font-semibold capitalize">{{ str_replace('_', ' ', $setting->page_key) }}</h2>
            <form method="POST" action="{{ route('admin.seo.update', $setting) }}" class="grid gap-4 sm:grid-cols-2">
                @csrf @method('PUT')
                <div class="sm:col-span-2">
                    <label class="label">{{ __('Meta Title') }}</label>
                    <input type="text" name="meta_title" value="{{ $setting->meta_title }}" class="input-field">
                </div>
                <div class="sm:col-span-2">
                    <label class="label">{{ __('Meta Description') }}</label>
                    <textarea name="meta_description" rows="2" class="input-field">{{ $setting->meta_description }}</textarea>
                </div>
                <div>
                    <label class="label">{{ __('Meta Keywords') }}</label>
                    <input type="text" name="meta_keywords" value="{{ $setting->meta_keywords }}" class="input-field">
                </div>
                <div>
                    <label class="label">{{ __('Canonical URL') }}</label>
                    <input type="url" name="canonical_url" value="{{ $setting->canonical_url }}" class="input-field">
                </div>
                <div>
                    <label class="label">{{ __('OG Title') }}</label>
                    <input type="text" name="og_title" value="{{ $setting->og_title }}" class="input-field">
                </div>
                <div>
                    <label class="label">{{ __('OG Description') }}</label>
                    <input type="text" name="og_description" value="{{ $setting->og_description }}" class="input-field">
                </div>
                <div class="flex gap-6 sm:col-span-2">
                    <label class="flex items-center gap-2 text-sm">
                        <input type="hidden" name="noindex" value="0">
                        <input type="checkbox" name="noindex" value="1" @checked($setting->noindex)> noindex
                    </label>
                    <label class="flex items-center gap-2 text-sm">
                        <input type="hidden" name="nofollow" value="0">
                        <input type="checkbox" name="nofollow" value="1" @checked($setting->nofollow)> nofollow
                    </label>
                </div>
                <div class="sm:col-span-2">
                    <button type="submit" class="btn-primary !py-2 !px-4 text-sm">{{ __('Save SEO Settings') }}</button>
                </div>
            </form>
        </div>
    @endforeach

    <div class="card">
        <h2 class="mb-4 font-semibold">{{ __('URL Redirects') }}</h2>
        <form method="POST" action="{{ route('admin.seo.redirects.store') }}" class="mb-6 grid gap-4 sm:grid-cols-4">
            @csrf
            <div>
                <label class="label">{{ __('From URL') }}</label>
                <input type="text" name="from_url" required class="input-field" placeholder="/old-page">
            </div>
            <div>
                <label class="label">{{ __('To URL') }}</label>
                <input type="text" name="to_url" required class="input-field" placeholder="/new-page">
            </div>
            <div>
                <label class="label">{{ __('Status Code') }}</label>
                <select name="status_code" class="input-field">
                    <option value="301">301</option>
                    <option value="302">302</option>
                </select>
            </div>
            <div class="flex items-end">
                <button type="submit" class="btn-primary !py-2 !px-4 text-sm w-full">{{ __('Add Redirect') }}</button>
            </div>
        </form>
        <table class="w-full text-sm">
            <thead>
                <tr class="border-b text-left text-gray-500">
                    <th class="pb-3 pr-4">{{ __('From') }}</th>
                    <th class="pb-3 pr-4">{{ __('To') }}</th>
                    <th class="pb-3 pr-4">{{ __('Code') }}</th>
                    <th class="pb-3">{{ __('Hits') }}</th>
                </tr>
            </thead>
            <tbody class="divide-y">
                @forelse($redirects as $redirect)
                    <tr>
                        <td class="py-2 pr-4 font-mono text-xs">{{ $redirect->from_url }}</td>
                        <td class="py-2 pr-4 font-mono text-xs">{{ $redirect->to_url }}</td>
                        <td class="py-2 pr-4">{{ $redirect->status_code }}</td>
                        <td class="py-2">{{ $redirect->hits }}</td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="py-4 text-center text-gray-500">{{ __('No redirects yet.') }}</td></tr>
                @endforelse
            </tbody>
        </table>
        <div class="mt-4">{{ $redirects->links() }}</div>
    </div>
</div>
@endsection