@extends('backend.layout.app')

@section('content')
<div class="page-content">
    <div class="container-fluid">

        <h4 class="mb-4">SEO Settings</h4>

        <form action="{{ route('admin.setting.updateSeo') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <!-- SEO Meta Information -->
            <div class="card mb-4">
                <div class="card-header">
                    <strong>Meta Information</strong>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="site_title" class="form-label">Site Title</label>
                            <input type="text" name="site_title" id="site_title" class="form-control"
                                placeholder="Enter Site Title" value="{{ $seo->site_title }}">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="meta_author" class="form-label">Meta Author</label>
                            <input type="text" name="meta_author" id="meta_author" class="form-control"
                                placeholder="Enter Meta Author" value="{{ $seo->meta_author }}">
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="meta_description" class="form-label">Meta Description</label>
                        <textarea name="meta_description" id="meta_description" class="form-control" rows="3"
                            placeholder="Enter Meta Description">{{ $seo->meta_description }}</textarea>
                    </div>

                    <div class="mb-3">
                        <label for="meta_keywords" class="form-label">Meta Keywords</label>
                        <input type="text" name="meta_keywords" id="meta_keywords" class="form-control"
                            placeholder="e.g. website, seo, laravel" value="{{ $seo->meta_keywords }}">
                        <small class="text-muted">Separate keywords with commas (,)</small>
                    </div>

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="canonical_url" class="form-label">Canonical URL</label>
                            <input type="text" name="canonical_url" id="canonical_url" class="form-control"
                                placeholder="Enter Canonical URL" value="{{ $seo->canonical_url }}">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="meta_robots" class="form-label">Meta Robots</label>
                            <input type="text" name="meta_robots" id="meta_robots" class="form-control"
                                placeholder="index, follow" value="{{ $seo->meta_robots }}">
                        </div>
                    </div>
                </div>
            </div>

            <!-- Site Assets -->
            {{-- <div class="card mb-4">
                <div class="card-header">
                    <strong>Site Logo & Default OG Image</strong>
                </div>
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col-md-6 mb-3">
                            <label for="site_logo" class="form-label">Site Logo</label>
                            <input type="file" name="site_logo" id="site_logo" class="form-control">
                            @if($seo->site_logo)
                                <div class="mt-2">
                                    <img src="{{ asset('uploads/seo/' . $seo->site_logo) }}" alt="Logo" width="120" class="border rounded">
                                </div>
                            @endif
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="default_og_image" class="form-label">Default OG Image</label>
                            <input type="file" name="default_og_image" id="default_og_image" class="form-control">
                            @if($seo->default_og_image)
                                <div class="mt-2">
                                    <img src="{{ asset('uploads/seo/' . $seo->default_og_image) }}" alt="OG Image" width="120" class="border rounded">
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div> --}}

            <!-- Verification & Sitemap -->
            <div class="card mb-4">
                <div class="card-header">
                    <strong>Verification & Sitemap</strong>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <label for="google_verification" class="form-label">Google Verification Code</label>
                            <input type="text" name="google_verification" id="google_verification" class="form-control"
                                value="{{ $seo->google_verification }}">
                        </div>
                        <div class="col-md-4 mb-3">
                            <label for="bing_verification" class="form-label">Bing Verification Code</label>
                            <input type="text" name="bing_verification" id="bing_verification" class="form-control"
                                value="{{ $seo->bing_verification }}">
                        </div>
                        <div class="col-md-2 mb-3">
                            <label for="sitemap" class="form-label">Sitemap</label>
                            <input type="text" name="sitemap" id="sitemap" class="form-control"
                                placeholder="sitemap.xml" value="{{ $seo->sitemap }}">
                        </div>
                        <div class="col-md-2 mb-3">
                            <label for="robots_txt" class="form-label">Robots.txt</label>
                            <input type="text" name="robots_txt" id="robots_txt" class="form-control"
                                placeholder="robots.txt" value="{{ $seo->robots_txt }}">
                        </div>
                    </div>
                </div>
            </div>

            <!-- Submit Button -->
            <div class="text-end mb-4">
                <button type="submit" class="btn btn-primary btn-lg">Update SEO Settings</button>
            </div>

        </form>

    </div>
</div>
@endsection