@extends('admin.layouts.admin')

@section('title', 'SEO Settings - SIVILIMA Admin')
@section('breadcrumb_title', 'SEO Settings')
@section('breadcrumb')
  <li class="breadcrumb-item active" aria-current="page">SEO</li>
@endsection

@section('content')
@if(session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
  {{ session('success') }}
  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

@php
  $pageLabels = [
    'home' => 'Home',
    'about' => 'About Us',
    'products' => 'Products',
    'ceiling' => 'Ceiling',
    'roofing' => 'Roofing',
    'flooring' => 'Flooring',
    'projects' => 'Projects',
    'blog' => 'Blog',
    'contact' => 'Contact',
  ];
  $pages = array_keys($pageLabels);
@endphp

<form method="POST" action="{{ route('admin.seo.update') }}">
  @csrf

  <div class="card">
    <div class="card-header">
      <ul class="nav nav-tabs card-header-tabs" role="tablist">
        @foreach($pages as $i => $page)
        <li class="nav-item" role="presentation">
          <button type="button" class="nav-link @if($i === 0) active @endif" data-bs-toggle="tab" data-bs-target="#tab-{{ $page }}" role="tab">
            {{ $pageLabels[$page] }}
          </button>
        </li>
        @endforeach
      </ul>
    </div>
    <div class="card-body">
      <div class="tab-content">
        @foreach($pages as $i => $page)
        <div class="tab-pane fade @if($i === 0) show active @endif" id="tab-{{ $page }}" role="tabpanel">
          <div class="row g-3">
            <div class="col-12">
              <label class="form-label">Meta Title</label>
              <input type="text" class="form-control" name="seo[seo_{{ $page }}_title]" value="{{ old("seo.seo_{$page}_title", $seo[$page]['title']->value ?? '') }}">
            </div>
            <div class="col-12">
              <label class="form-label">Meta Description</label>
              <textarea class="form-control" name="seo[seo_{{ $page }}_desc]" rows="3">{{ old("seo.seo_{$page}_desc", $seo[$page]['desc']->value ?? '') }}</textarea>
            </div>
            <div class="col-12">
              <label class="form-label">Meta Keywords (comma separated)</label>
              <input type="text" class="form-control" name="seo[seo_{{ $page }}_keywords]" value="{{ old("seo.seo_{$page}_keywords", $seo[$page]['keywords']->value ?? '') }}">
            </div>
            <div class="col-12">
              <label class="form-label">OG Image Path (e.g. images/hero_ceiling.png)</label>
              <input type="text" class="form-control" name="seo[seo_{{ $page }}_image]" value="{{ old("seo.seo_{$page}_image", $seo[$page]['image']->value ?? '') }}">
              @php $imgVal = $seo[$page]['image']->value ?? ''; @endphp
              @if($imgVal)
              <div class="mt-2">
                <img src="{{ Str::startsWith($imgVal, 'http') ? $imgVal : asset($imgVal) }}" class="rounded" style="max-height:120px;max-width:300px;object-fit:cover;">
              </div>
              @endif
            </div>
          </div>
        </div>
        @endforeach
      </div>
    </div>
  </div>

  <div class="d-flex justify-content-end mt-3">
    <button type="submit" class="btn btn-primary px-4">Save All SEO Settings</button>
  </div>
</form>
@endsection