@extends('layouts.admin')

@section('title', 'Ads Manager')

@section('content')
    <div class="mb-6 flex items-center justify-between">
        <h1 class="text-2xl font-bold sm:text-3xl">Ads Manager</h1>
    </div>

    <form action="{{ route('admin.ads-manager.update') }}" method="post" class="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm sm:p-6">
        @csrf
        @method('PUT')

        <div class="grid gap-4 sm:grid-cols-2">
            <div class="sm:col-span-2 rounded-xl border border-slate-200 bg-slate-50 p-4">
                <h3 class="text-sm font-semibold text-slate-800">Meta Verification And Tags (File Based)</h3>
                <div class="mt-3 grid gap-3 sm:grid-cols-1">
                    <div class="sm:col-span-1">
                        <label for="other_meta_tags_html" class="block text-xs font-medium text-slate-700">Other Meta Tags HTML</label>
                        <textarea id="other_meta_tags_html" name="other_meta_tags_html" rows="4" class="mt-1 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm font-mono focus:border-cyan-500 focus:outline-none" placeholder='<meta name="theme-color" content="#ffffff">'>{{ old('other_meta_tags_html', $otherMetaTagsHtml) }}</textarea>
                        <p class="mt-1 text-xs text-slate-500">Raw HTML is injected into the <code>&lt;head&gt;</code> section.</p>
                        @error('other_meta_tags_html')
                            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="sm:col-span-2 rounded-xl border border-slate-200 bg-slate-50 p-4">
                <h3 class="text-sm font-semibold text-slate-800">Ads Code (File Based)</h3>
                <div class="mt-3 grid gap-3 sm:grid-cols-2">
                    <div class="sm:col-span-2">
                        <label for="ads_head_code" class="block text-xs font-medium text-slate-700">Head Ads Code</label>
                        <textarea id="ads_head_code" name="ads_head_code" rows="4" class="mt-1 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm font-mono focus:border-cyan-500 focus:outline-none" placeholder="<script>...</script>">{{ old('ads_head_code', $adsHeadCode) }}</textarea>
                        <p class="mt-1 text-xs text-slate-500">Injected before <code>&lt;/head&gt;</code>.</p>
                        @error('ads_head_code')
                            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="sm:col-span-2">
                        <label for="ads_body_start_code" class="block text-xs font-medium text-slate-700">Body Start Ads Code</label>
                        <textarea id="ads_body_start_code" name="ads_body_start_code" rows="4" class="mt-1 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm font-mono focus:border-cyan-500 focus:outline-none" placeholder="<script>...</script>">{{ old('ads_body_start_code', $adsBodyStartCode) }}</textarea>
                        <p class="mt-1 text-xs text-slate-500">Injected just after <code>&lt;body&gt;</code>.</p>
                        @error('ads_body_start_code')
                            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="sm:col-span-2">
                        <label for="ads_body_end_code" class="block text-xs font-medium text-slate-700">Body End Ads Code</label>
                        <textarea id="ads_body_end_code" name="ads_body_end_code" rows="4" class="mt-1 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm font-mono focus:border-cyan-500 focus:outline-none" placeholder="<script>...</script>">{{ old('ads_body_end_code', $adsBodyEndCode) }}</textarea>
                        <p class="mt-1 text-xs text-slate-500">Injected before <code>&lt;/body&gt;</code>.</p>
                        @error('ads_body_end_code')
                            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="sm:col-span-2 rounded-xl border border-slate-200 bg-slate-50 p-4">
                <h3 class="text-sm font-semibold text-slate-800">Robots.txt (File Based)</h3>
                <div class="mt-3">
                    <label for="robots_txt_content" class="block text-xs font-medium text-slate-700">Robots.txt Content</label>
                    <textarea id="robots_txt_content" name="robots_txt_content" rows="10" class="mt-1 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 font-mono text-sm focus:border-cyan-500 focus:outline-none">{{ old('robots_txt_content', $robotsTxtContent) }}</textarea>
                    <p class="mt-1 text-xs text-slate-500">Saved in <code>storage/app/site-config/robots.txt</code> and published to <code>public/robots.txt</code>.</p>
                    <p class="mt-1 text-xs text-slate-500">Public URL: <a href="{{ $robotsUrl }}" target="_blank" class="text-cyan-700 hover:underline">{{ $robotsUrl }}</a></p>
                    @error('robots_txt_content')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>
            </div>
        </div>

        <div class="mt-6">
            <button class="inline-flex items-center gap-2 rounded-xl bg-cyan-600 px-4 py-2 text-sm font-medium text-white hover:bg-cyan-700">
                <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M5 13l4 4L19 7"/>
                </svg>
                Save Ads Manager
            </button>
        </div>
    </form>
@endsection