@extends('adminlte::page')

@section('title', 'Cyber Security Services')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <div>
            <h1>Cyber Security Services</h1>
            <p class="text-muted mb-0">Manage SEO for seeded services</p>
        </div>
    </div>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Cyber Security Services</h3>
        </div>
        <div class="card-body p-0">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Logo</th>
                        <th>Service Title</th>
                        <th>Description</th>
                        <th>SEO Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($services as $service)
                        <tr>
                            <td>{{ $service->id }}</td>
                            <td>
                                @if($service->logo)
                                    <img src="{{ asset('assets/images/' . $service->logo) }}" alt="{{ $service->title }}" style="width: 40px; height: 40px; object-fit: contain;">
                                @else
                                    <span class="text-muted">No Logo</span>
                                @endif
                            </td>
                            <td>{{ $service->title }}</td>
                            <td>{{ Str::limit($service->description, 100) }}</td>
                            <td>
                                @if($service->meta_title || $service->meta_description)
                                    <span class="badge badge-success">SEO Added</span>
                                @else
                                    <span class="badge badge-warning">No SEO</span>
                                @endif
                            </td>
                            <td>
                                <a href="{{ route('admin.cyber-security-services-seo.edit-seo', $service) }}" class="btn btn-warning btn-sm" title="Add SEO">
                                    Add SEO
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center">No services found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@stop