@extends('user::layouts.backend-master')

@php
    $pageTitle = Str::title(str_replace('-', ' ', request()->page_name)) ?? '';
@endphp

@section('breadcrumb_title', $pageTitle . ' SEO')

@section('content')

    <div class="flex justify-between items-center mb-4">
        <h2 class="mb-1">{{ $pageTitle . ' SEO' }}</h2>
        <a href="{{ route('admin.setting.index') }}" class="btn btn-primary btn-black">
            <i class="fas fa-arrow-left me-2"></i> Back
        </a>
    </div>

    <form action="{{ route('admin.setting.seo.page.save', ['page_name' => request()->page_name]) }}" method="POST"
        enctype="multipart/form-data">
        @csrf

        <div class="card mb-5">
            <div class="card-body">

                <div class="mb-4 input-with-label">
                    <label for="title" class="form-label">Title</label>
                    <input type="text"  @error('title') is-invalid @enderror" id="title"
                        name="title" value="{{ old('title', $seo?->title ?? '') }}">
                    @error('title')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-4 input-with-label">
                    <label for="description" class="form-label">Description</label>
                    <textarea rows="3" name="description" id="description">{{ $seo?->description ?? '' }}</textarea>
                    @error('description')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-4 input-with-label">
                    <label for="keywords" class="form-label">Keywords (separated by comma)</label>
                    <input type="text"  @error('keywords') is-invalid @enderror" id="keywords"
                        name="keywords" value="{{ old('keywords', $seo?->keywords ?? '') }}">
                    @error('keywords')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

            </div>

           <div class="flex justify-end">
                <div class="flex flex-col sm:flex-row gap-3">
                   <a href="{{ route('admin.setting.index') }}" class="btn btn-secondary">Back</a>
                    <button type="submit" class="btn btn-primary">Save changes</button>
                </div>
            </div>

        </div>

    </form>
@endsection