@extends('layouts.admin')
@section('page_title','SEO Settings')
@section('content')
<div class="card">
  <div class="card-header"><h3><i class="fas fa-search" style="color:var(--primary)"></i> SEO Settings</h3></div>
  <div class="card-body">
    <form method="POST" action="{{ route('admin.seo.update') }}">@csrf
      <div class="form-group"><label>Default Meta Title</label><input type="text" name="meta_title" class="form-control" value="{{ $settings['meta_title']??'' }}" maxlength="70"><div class="form-hint">Recommended: 50-70 characters</div></div>
      <div class="form-group"><label>Default Meta Description</label><textarea name="meta_description" class="form-control" style="min-height:90px" maxlength="160">{{ $settings['meta_description']??'' }}</textarea><div class="form-hint">Recommended: 120-160 characters</div></div>
      <div class="form-group"><label>Meta Keywords</label><input type="text" name="meta_keywords" class="form-control" value="{{ $settings['meta_keywords']??'' }}"><div class="form-hint">Separate with commas</div></div>
      <div class="form-group"><label>Google Analytics ID</label><input type="text" name="google_analytics" class="form-control" value="{{ $settings['google_analytics']??'' }}" placeholder="G-XXXXXXXXXX or UA-XXXXXXXX-X"></div>
      <div style="background:var(--bg);padding:20px;border-radius:var(--radius);margin-bottom:20px">
        <h4 style="font-size:14px;font-weight:700;margin-bottom:12px">SEO Files</h4>
        <div style="display:flex;gap:12px">
          <a href="{{ route('sitemap') }}" target="_blank" class="btn btn-outline btn-sm"><i class="fas fa-sitemap"></i> sitemap.xml</a>
          <a href="{{ route('robots') }}" target="_blank" class="btn btn-outline btn-sm"><i class="fas fa-robot"></i> robots.txt</a>
        </div>
        <p style="font-size:12px;color:var(--text-light);margin-top:10px">Submit your sitemap to <strong>Google Search Console</strong> for better indexing.</p>
      </div>
      <button type="submit" class="btn btn-primary btn-lg"><i class="fas fa-save"></i> Save SEO Settings</button>
    </form>
  </div>
</div>
@endsection