@extends('admin.layouts.main')
@section('content')
@section('page_title')
    Create SEO
@endsection
<div class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="{{ url('/admin') }}">Dashboard</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('admin.seo_settings') }}">SEO Settings</a></li>
                            <li class="breadcrumb-item active"> @yield('page_title')</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <h4 class="page-title"> @yield('page_title')</h4>
                            </div>
                        </div>
                        <hr>
                        <form method="post" action="{{ route('admin.seo_store') }}">
                            @csrf
                            <div class="form-group">
                                <label>Page Name (Route Name or Slug)</label>
                                <input type="text" class="form-control" name="page" placeholder="e.g., home, about, contact" required>
                            </div>
                            <div class="form-group">
                                <label>Meta Title</label>
                                <input type="text" class="form-control" name="meta_title" required>
                            </div>
                            <div class="form-group">
                                <label>Meta Keywords</label>
                                <input type="text" class="form-control" name="meta_keywords" id="meta_keywords" data-role="tagsinput" autocomplete="off">
                            </div>
                            <div class="form-group">
                                <label>Meta Description</label>
                                <textarea class="form-control" name="meta_description" rows="3" required></textarea>
                            </div>
                            <button type="submit" class="btn btn-success">Add SEO</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection