{{-- resources/views/admin/page-metas/edit.blade.php --}}
{{-- Controller: Admin\PageMetaController@edit / @update --}}

@extends('layouts.admin')

@section('title', 'Edit Page Meta')
@section('page_title', 'Edit Page Meta')

@section('page_css')
    <link rel="stylesheet" href="{{ asset('css/admin/forms.css') }}">
@endsection

@section('content')

    <x-admin.page-header
        title="Edit Page META"
        :breadcrumb="[
            ['label' => 'Page META', 'url' => route('admin.page-metas.index')],
            ['label' => $pageMeta->page_key]
        ]"
    />

    <x-admin.form-card
        title="Edit SEO Meta Details"
        :action="route('admin.page-metas.update', $pageMeta->id)"
        method="PUT"
    >
        <div class="form-grid">
            <div class="form-group">
                <label class="form-label" for="page_key">Page Key <span class="form-required">*</span></label>
                <input type="text" name="page_key" id="page_key" value="{{ old('page_key', $pageMeta->page_key) }}" class="form-input" required>
                @error('page_key') <span class="form-error">{{ $message }}</span> @enderror
            </div>
            <div class="form-group">
                <label class="form-label" for="meta_title">Meta Title</label>
                <input type="text" name="meta_title" id="meta_title" value="{{ old('meta_title', $pageMeta->meta_title) }}" class="form-input">
            </div>
            <div class="form-group form-group--full">
                <label class="form-label" for="meta_description">Meta Description</label>
                <textarea name="meta_description" id="meta_description" rows="3" class="form-textarea">{{ old('meta_description', $pageMeta->meta_description) }}</textarea>
            </div>
            <div class="form-group form-group--full">
                <label class="form-label" for="meta_keywords">Meta Keywords</label>
                <input type="text" name="meta_keywords" id="meta_keywords" value="{{ old('meta_keywords', $pageMeta->meta_keywords) }}" class="form-input">
            </div>
            <div class="form-group">
                <label class="form-label" for="og_title">OG Title (Social)</label>
                <input type="text" name="og_title" id="og_title" value="{{ old('og_title', $pageMeta->og_title) }}" class="form-input">
            </div>
            <div class="form-group">
                <label class="form-label" for="og_image">OG Image URL</label>
                <input type="url" name="og_image" id="og_image" value="{{ old('og_image', $pageMeta->og_image) }}" class="form-input">
            </div>
        </div>
        <div class="form-toggles-row">
            <div class="form-toggle">
                <label class="toggle-label" for="status">Status (Active)</label>
                <label class="toggle-switch">
                    <input type="hidden" name="status" value="inactive">
                    <input type="checkbox" name="status" id="status" value="active" {{ old('status', $pageMeta->status) === 'active' ? 'checked' : '' }}>
                    <span class="toggle-slider"></span>
                </label>
            </div>
        </div>
        <div class="form-actions">
            <button type="submit" class="btn-primary-action"><i class="bi bi-check-lg"></i> Update Meta</button>
            <a href="{{ route('admin.page-metas.index') }}" class="btn-cancel">Cancel</a>
        </div>
    </x-admin.form-card>

@endsection