@extends('layouts.adminmaster')

@section('title', 'Add Meta Tag | Trew India Pvt Ltd')

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

            <!-- Page Title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                        <h4 class="mb-sm-0 font-size-18">Add Meta Tag</h4>
                        <a href="{{ route('metatags.index') }}" class="btn btn-secondary btn-sm">
                            <i class="mdi mdi-arrow-left"></i> Back to List
                        </a>
                    </div>
                </div>
            </div>

            <!-- Form Section -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">

                            <form action="{{ route('metatags.store') }}" method="POST">
                                @csrf

                                <div class="row mb-3">
                                        <!-- Page URL -->
                                        <div class="col-md-6">
                                            <label class="form-label">Page URL</label>
                                            <input type="text" name="page_url" value="{{ old('page_url') }}" 
                                                   class="form-control @error('page_url') is-invalid @enderror" 
                                                   placeholder="e.g. https://trewindia.com/about">
                                            @error('page_url')
                                                <span class="invalid-feedback">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    
                                        <!-- Meta Title -->
                                        <div class="col-md-6">
                                            <label class="form-label">Meta Title</label>
                                            <input type="text" name="meta_title" value="{{ old('meta_title') }}" 
                                                   class="form-control @error('meta_title') is-invalid @enderror" 
                                                   placeholder="Enter meta title">
                                            @error('meta_title')
                                                <span class="invalid-feedback">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <!-- Meta Keywords -->
                                  <div class="mb-3">
                                        <label class="form-label">Meta Keywords</label>
                                        <input type="text" name="meta_keywords" value="{{ old('meta_keywords') }}" 
                                               class="form-control @error('meta_keywords') is-invalid @enderror" 
                                               placeholder="keyword1, keyword2, keyword3">
                                        @error('meta_keywords')
                                            <span class="invalid-feedback">{{ $message }}</span>
                                        @enderror
                                    </div>
                               

                                <!-- Meta Description -->
                                <div class="mb-3">
                                    <label class="form-label">Meta Description</label>
                                    <textarea name="meta_description" id="meta_description" rows="5" 
                                              class="form-control @error('meta_description') is-invalid @enderror"
                                              placeholder="Write a short SEO description...">{{ old('meta_description') }}</textarea>
                                    @error('meta_description')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Action Buttons -->
                                <div class="d-flex gap-2">
                                    <button type="submit" class="btn btn-success">Save</button>
                                    <a href="{{ route('metatags.index') }}" class="btn btn-secondary">Cancel</a>
                                </div>
                            </form>

                        </div> <!-- card-body -->
                    </div> <!-- card -->
                </div> <!-- col -->
            </div> <!-- row -->

        </div> <!-- container-fluid -->
    </div>
</div>

<!-- Optional: CKEditor for meta_description -->
@push('scripts')
<script src="https://cdn.ckeditor.com/4.21.0/standard/ckeditor.js"></script>
<script>
    CKEDITOR.replace('meta_description');
</script>
@endpush

@endsection