@extends('admin.layout')
@section('title', 'Edit Service')
@section('page-title', 'Edit Service')

@section('content')
<div class="max-w-5xl mx-auto">
    <div class="bg-gray-900 border border-gray-800 rounded-2xl p-6">
        <form action="{{ route('admin.services.update', $service) }}" method="POST">
            @csrf @method('PUT')
            <div class="space-y-5">
                <div><label class="block text-sm font-medium text-gray-300 mb-2">Title *</label><input type="text" name="title" value="{{ old('title', $service->title) }}" required class="w-full bg-gray-800 border border-gray-700 text-white rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-indigo-500"></div>
                <div><label class="block text-sm font-medium text-gray-300 mb-2">Icon Class *</label><input type="text" name="icon" value="{{ old('icon', $service->icon) }}" required class="w-full bg-gray-800 border border-gray-700 text-white rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-indigo-500"></div>
                <div><label class="block text-sm font-medium text-gray-300 mb-2">Description *</label><textarea name="description" rows="3" required class="w-full bg-gray-800 border border-gray-700 text-white rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-indigo-500 resize-none">{{ old('description', $service->description) }}</textarea></div>
                <div><label class="block text-sm font-medium text-gray-300 mb-2">Features <span class="text-gray-500">(one per line)</span></label><textarea name="features" rows="4" class="w-full bg-gray-800 border border-gray-700 text-white rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-indigo-500 resize-none">{{ old('features', is_array($service->features) ? implode("\n", $service->features) : $service->features) }}</textarea></div>
                <div class="grid grid-cols-2 gap-4">
                    <div><label class="block text-sm font-medium text-gray-300 mb-2">Color</label><input type="color" name="color" value="{{ old('color', $service->color ?? '#6366f1') }}" class="w-full h-12 bg-gray-800 border border-gray-700 rounded-xl cursor-pointer"></div>
                    <div><label class="block text-sm font-medium text-gray-300 mb-2">Order</label><input type="number" name="order" value="{{ old('order', $service->order) }}" class="w-full bg-gray-800 border border-gray-700 text-white rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-indigo-500"></div>
                </div>
                <div class="flex items-center gap-3"><input type="checkbox" name="is_active" value="1" {{ $service->is_active ? 'checked' : '' }} id="is_active" class="w-4 h-4 rounded border-gray-700 text-indigo-600"><label for="is_active" class="text-sm text-gray-300">Active</label></div>
            </div>
            @include('admin.partials.form-actions', ['submitText' => 'Update Service', 'cancelRoute' => route('admin.services.index')])
        </form>
    </div>
</div>
@endsection