@extends('layouts.admin')

@section('title', 'Edit SEO - ' . $service->title)

@section('content_header')
    <h1>Edit SEO for {{ $service->title }}</h1>
@stop

@section('content')
    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">SEO Settings for {{ $service->title }}</h3>
        </div>
        <form action="{{ route('admin.cyber-security-services-seo.update-seo', $service) }}" method="POST">
            @csrf
            @method('PUT')
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="service_title">Service Title</label>
                            <input type="text" class="form-control" id="service_title" value="{{ $service->title }}" readonly>
                            <small class="form-text text-muted">This field cannot be edited.</small>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="service_logo">Service Logo</label>
                            @if($service->logo)
                                <div class="mt-2">
                                    <img src="{{ asset('assets/images/' . $service->logo) }}" alt="{{ $service->title }}" style="width: 60px; height: 60px; object-fit: contain;">
                                </div>
                            @else
                                <span class="text-muted">No logo available</span>
                            @endif
                        </div>
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="service_description">Service Description</label>
                    <textarea class="form-control" id="service_description" rows="3" readonly>{{ $service->description }}</textarea>
                    <small class="form-text text-muted">This field cannot be edited.</small>
                </div>

                <hr>

                <div class="form-group">
                    <label for="meta_title">Meta Title</label>
                    <input type="text" name="meta_title" class="form-control @error('meta_title') is-invalid @enderror" id="meta_title" placeholder="Enter meta title"
                        value="{{ old('meta_title', $service->meta_title) }}">
                    @error('meta_title')
                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                    @enderror
                    <small class="form-text text-muted">Recommended: 50-60 characters</small>
                </div>

                <div class="form-group">
                    <label for="meta_description">Meta Description</label>
                    <textarea name="meta_description" class="form-control @error('meta_description') is-invalid @enderror" id="meta_description" rows="3"
                        placeholder="Enter meta description">{{ old('meta_description', $service->meta_description) }}</textarea>
                    @error('meta_description')
                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                    @enderror
                    <small class="form-text text-muted">Recommended: 150-160 characters</small>
                </div>
            </div>
            <div class="card-footer">
                <button type="submit" class="btn btn-primary">Update SEO Content</button>
                <a href="{{ route('admin.cyber-security-services-seo.index') }}" class="btn btn-default float-right">Back to Services</a>
            </div>
        </form>
    </div>
@stop