@extends('layouts.dashboard')
@section('title', t('خريطة الموقع','Sitemap Manager'))
@section('page-title','🗺️ '.t('إدارة خريطة الموقع','Sitemap Manager'))

@section('content')

<div class="two-col-grid" style="align-items:start">

  {{-- LEFT: Generator + Status --}}
  <div>
    {{-- Status Card --}}
    <div class="card" style="margin-bottom:20px">
      <div class="card-header"><h3>📊 {{ t('حالة Sitemap','Sitemap Status') }}</h3></div>
      <div style="padding:20px">
        @if($sitemapExists)
        <div class="alert alert-success">
          ✅ {{ t('ملف sitemap.xml موجود','sitemap.xml file exists') }}
        </div>
        <table class="info-table">
          <tr>
            <td>{{ t('حجم الملف','File Size') }}</td>
            <td><strong>{{ number_format($sitemapSize/1024,1) }} KB</strong></td>
          </tr>
          <tr>
            <td>{{ t('آخر تحديث','Last Generated') }}</td>
            <td><strong>{{ $s['sitemap_last_generated'] ?? t('غير محدد','Unknown') }}</strong></td>
          </tr>
          <tr>
            <td>{{ t('رابط الـ Sitemap','Sitemap URL') }}</td>
            <td>
              <a href="{{ config('app.url') }}/sitemap.xml" target="_blank" style="font-size:13px;word-break:break-all">
                {{ config('app.url') }}/sitemap.xml
              </a>
            </td>
          </tr>
        </table>
        @else
        <div class="alert alert-warning">
          ⚠️ {{ t('لم يتم توليد Sitemap بعد','Sitemap not generated yet') }}
        </div>
        @endif

        {{-- Generate Button --}}
        <div style="margin-top:16px">
          <button type="button" class="btn btn-primary btn-block btn-lg" id="gen-btn" onclick="generateSitemap()">
            🔄 {{ t('توليد Sitemap الآن','Generate Sitemap Now') }}
          </button>
        </div>
        <div id="gen-msg" style="display:none;margin-top:12px;padding:12px;border-radius:8px"></div>

        @if($sitemapExists)
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px">
          <a href="{{ config('app.url') }}/sitemap.xml" target="_blank" class="btn btn-outline btn-sm" style="justify-content:center">
            👁️ {{ t('عرض','View') }}
          </a>
          <button onclick="pingNow()" class="btn btn-outline btn-sm">
            📡 {{ t('إرسال Ping','Send Ping') }}
          </button>
        </div>
        @endif
      </div>
    </div>

    {{-- Search Engines Ping --}}
    <div class="card" style="margin-bottom:20px">
      <div class="card-header"><h3>📡 {{ t('إرسال إلى محركات البحث','Submit to Search Engines') }}</h3></div>
      <div style="padding:20px">
        @php
        $sitemapUrl = urlencode(config('app.url').'/sitemap.xml');
        $engines = [
          ['Google Search Console', 'https://www.google.com/ping?sitemap='.$sitemapUrl, '🔵'],
          ['Bing Webmaster Tools',  'https://www.bing.com/ping?sitemap='.$sitemapUrl,   '🟠'],
        ];
        @endphp
        @foreach($engines as [$name, $url, $icon])
        <div style="display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f8fafc;border-radius:10px;margin-bottom:8px">
          <div style="display:flex;align-items:center;gap:10px">
            <span style="font-size:20px">{{ $icon }}</span>
            <div>
              <div style="font-weight:600;font-size:14px">{{ $name }}</div>
              <div style="font-size:11px;color:#94a3b8">{{ t('Ping تلقائي','Auto Ping') }}</div>
            </div>
          </div>
          @if($sitemapExists)
          <a href="{{ $url }}" target="_blank" class="btn btn-sm btn-outline">
            📤 {{ t('إرسال','Submit') }}
          </a>
          @else
          <span class="badge badge-gray">{{ t('توليد أولاً','Generate first') }}</span>
          @endif
        </div>
        @endforeach

        <div class="alert alert-info" style="margin-top:12px">
          💡 {{ t('أضف Sitemap يدوياً في','Also add manually in') }}
          <a href="https://search.google.com/search-console" target="_blank">Google Search Console</a>
          {{ t('لأفضل نتيجة','for best results') }}
        </div>
      </div>
    </div>

    {{-- Generation Log --}}
    <div class="card">
      <div class="card-header"><h3>📋 {{ t('سجل التوليد','Generation Log') }}</h3></div>
      @if($logs->count())
      <table class="data-table">
        <thead>
          <tr>
            <th>{{ t('التاريخ','Date') }}</th>
            <th>{{ t('عدد الروابط','URLs') }}</th>
            <th>{{ t('الحجم','Size') }}</th>
            <th>{{ t('Ping','Ping') }}</th>
          </tr>
        </thead>
        <tbody>
          @foreach($logs as $log)
          <tr>
            <td>{{ \Carbon\Carbon::parse($log->created_at)->format('Y-m-d H:i') }}</td>
            <td><span class="badge badge-blue">{{ $log->urls_count }} {{ t('رابط','URL') }}</span></td>
            <td>{{ number_format($log->file_size/1024,1) }} KB</td>
            <td>
              @if($log->pinged)
              <span class="badge badge-green">✅ {{ t('تم','Done') }}</span>
              @else
              <span class="badge badge-gray">—</span>
              @endif
            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
      @else
      <p style="text-align:center;color:#94a3b8;padding:24px">{{ t('لا يوجد سجلات بعد','No logs yet') }}</p>
      @endif
    </div>
  </div>

  {{-- RIGHT: Settings --}}
  <div style="position:sticky;top:20px">
    <form method="POST" action="{{ route('admin.sitemap.settings') }}">
    @csrf
    <div class="card">
      <div class="card-header"><h3>⚙️ {{ t('إعدادات Sitemap','Sitemap Settings') }}</h3></div>
      <div style="padding:20px">

        {{-- Include toggles --}}
        <div style="margin-bottom:20px">
          <div style="font-weight:700;font-size:13px;margin-bottom:12px;color:#475569">{{ t('محتوى الـ Sitemap','Sitemap Content') }}</div>

          @php
          $includes = [
            ['sitemap_include_pages',    '📄', t('الصفحات الثابتة','Static Pages'),         t('الرئيسية، المنتجات، عنا، تواصل','Home, Products, About, Contact')],
            ['sitemap_include_products', '📦', t('صفحات المنتجات','Product Pages'),         t('صفحة لكل منتج مفعّل','Page for each active product')],
            ['sitemap_auto_ping',        '📡', t('Ping تلقائي بعد التوليد','Auto Ping after generation'), t('إرسال تلقائي لجوجل وبينج','Auto-submit to Google & Bing')],
          ];
          @endphp

          @foreach($includes as [$key, $icon, $name, $desc])
          <div style="display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f8fafc;border-radius:10px;margin-bottom:8px">
            <div style="display:flex;align-items:center;gap:10px">
              <span style="font-size:18px">{{ $icon }}</span>
              <div>
                <div style="font-weight:600;font-size:13px">{{ $name }}</div>
                <div style="font-size:11px;color:#64748b">{{ $desc }}</div>
              </div>
            </div>
            <label class="toggle-switch">
              <input type="checkbox" name="{{ $key }}" value="1" {{ ($s[$key]??'1')==='1'?'checked':'' }}>
              <span class="toggle-slider"></span>
            </label>
          </div>
          @endforeach
        </div>

        {{-- Changefreq --}}
        <div class="form-group">
          <label class="form-label">{{ t('تكرار التغيير (changefreq)','Change Frequency') }}</label>
          <select name="sitemap_changefreq" class="form-input">
            @foreach(['always','hourly','daily','weekly','monthly','yearly','never'] as $f)
            <option value="{{ $f }}" {{ ($s['sitemap_changefreq']??'weekly')===$f?'selected':'' }}>{{ $f }}</option>
            @endforeach
          </select>
        </div>

        {{-- Priority --}}
        <div class="form-group">
          <label class="form-label">{{ t('أولوية الصفحة الرئيسية','Homepage Priority') }}</label>
          <select name="sitemap_priority_home" class="form-input">
            @foreach(['1.0','0.9','0.8','0.7','0.6','0.5'] as $p)
            <option value="{{ $p }}" {{ ($s['sitemap_priority_home']??'1.0')===$p?'selected':'' }}>{{ $p }}</option>
            @endforeach
          </select>
        </div>

        <button type="submit" class="btn btn-primary btn-block">💾 {{ t('حفظ الإعدادات','Save Settings') }}</button>
      </div>
    </div>
    </form>

    {{-- Robots.txt tip --}}
    <div class="card" style="margin-top:16px">
      <div class="card-header"><h3>🤖 robots.txt</h3></div>
      <div style="padding:16px">
        <p style="font-size:13px;color:#64748b;margin-bottom:12px">
          {{ t('أضف هذا السطر في ملف robots.txt الخاص بك','Add this line to your robots.txt file') }}:
        </p>
        <div style="background:#1e293b;color:#4ade80;padding:12px 16px;border-radius:8px;font-family:monospace;font-size:13px;word-break:break-all">
          Sitemap: {{ config('app.url') }}/sitemap.xml
        </div>
        <button class="btn btn-outline btn-sm btn-block" style="margin-top:10px"
          onclick="navigator.clipboard.writeText('Sitemap: {{ config('app.url') }}/sitemap.xml');this.textContent='✅ Copied!'">
          📋 {{ t('نسخ','Copy') }}
        </button>
      </div>
    </div>
  </div>

</div>
@endsection

@section('scripts')
<script>
function generateSitemap() {
  var btn = document.getElementById('gen-btn');
  var msg = document.getElementById('gen-msg');
  btn.disabled = true;
  btn.textContent = '⏳ {{ t("جاري التوليد...","Generating...") }}';
  fetch('{{ route("admin.sitemap.generate") }}', {
    method: 'POST',
    headers: {
      'X-CSRF-TOKEN': '{{ csrf_token() }}',
      'Accept': 'application/json',
      'X-Requested-With': 'XMLHttpRequest'
    },
    body: new FormData()
  })
  .then(r => r.json())
  .then(data => {
    msg.style.display = 'block';
    if (data.success) {
      msg.style.background = '#f0fdf4'; msg.style.color = '#16a34a'; msg.style.border = '1px solid #bbf7d0';
      msg.textContent = data.message;
      setTimeout(() => location.reload(), 2000);
    } else {
      msg.style.background = '#fef2f2'; msg.style.color = '#dc2626'; msg.style.border = '1px solid #fecaca';
      msg.textContent = '❌ ' + data.message;
    }
  })
  .catch(err => {
    msg.style.display = 'block';
    msg.style.background = '#fef2f2'; msg.style.color = '#dc2626';
    msg.textContent = '❌ ' + err;
  })
  .finally(() => { btn.disabled = false; btn.textContent = '🔄 {{ t("توليد Sitemap الآن","Generate Sitemap Now") }}'; });
}
</script>
@endsection