@extends('layouts.app')

@section('content')
<div class="max-w-2xl mx-auto py-8 px-4">
    <h1 class="text-3xl font-bold text-gray-900 mb-6">Edit Trust Service</h1>

    <form method="POST" action="{{ route('admin.trust-services.update', $service) }}" class="bg-white border border-gray-200 rounded-lg p-6 space-y-6">
        @csrf
        @method('PATCH')

        <div>
            <x-input-label for="name" value="Name" />
            <x-text-input id="name" name="name" class="w-full" value="{{ $service->name }}" required />
            @error('name')<span class="text-red-600 text-sm">{{ $message }}</span>@enderror
        </div>

        <div>
            <x-input-label for="url" value="URL" />
            <x-text-input id="url" name="url" type="url" class="w-full" value="{{ $service->url }}" required />
            @error('url')<span class="text-red-600 text-sm">{{ $message }}</span>@enderror
        </div>

        <div>
            <x-input-label for="icon_url" value="Icon URL (optional)" />
            <x-text-input id="icon_url" name="icon_url" type="url" class="w-full" value="{{ $service->icon_url }}" />
            @error('icon_url')<span class="text-red-600 text-sm">{{ $message }}</span>@enderror
        </div>

        <div>
            <x-input-label for="description" value="Description" />
            <textarea id="description" name="description" rows="3" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-gray-400 focus:border-gray-400">{{ $service->description }}</textarea>
            @error('description')<span class="text-red-600 text-sm">{{ $message }}</span>@enderror
        </div>

        <div>
            <x-input-label value="Verification Mode" />
            <div class="space-y-2 mt-2">
                <label class="flex items-center">
                    <input type="radio" name="verification_mode" value="automated" {{ $service->verification_mode === 'automated' ? 'checked' : '' }} class="mr-2">
                    <span class="text-gray-700">Automated (public post verification)</span>
                </label>
                <label class="flex items-center">
                    <input type="radio" name="verification_mode" value="manual" {{ $service->verification_mode === 'manual' ? 'checked' : '' }} class="mr-2">
                    <span class="text-gray-700">Manual (admin verification via PM)</span>
                </label>
            </div>
            @error('verification_mode')<span class="text-red-600 text-sm">{{ $message }}</span>@enderror
        </div>

        <div>
            <x-input-label for="verification_instructions" value="Verification Instructions" />
            <textarea id="verification_instructions" name="verification_instructions" rows="4" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-gray-400 focus:border-gray-400">{{ $service->verification_instructions }}</textarea>
            @error('verification_instructions')<span class="text-red-600 text-sm">{{ $message }}</span>@enderror
        </div>

        <div>
            <x-input-label for="sort_order" value="Sort Order" />
            <x-text-input id="sort_order" name="sort_order" type="number" class="w-full" value="{{ $service->sort_order }}" />
            @error('sort_order')<span class="text-red-600 text-sm">{{ $message }}</span>@enderror
        </div>

        <div class="flex items-center">
            <input type="checkbox" id="is_active" name="is_active" value="1" {{ $service->is_active ? 'checked' : '' }}>
            <label for="is_active" class="ml-2 text-gray-700">Active</label>
        </div>

        <div class="flex gap-3 pt-4">
            <x-primary-button>Update Service</x-primary-button>
            <a href="{{ route('admin.trust-services.index') }}" class="inline-flex items-center px-4 py-2 bg-white border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50">
                Cancel
            </a>
        </div>
    </form>
</div>
@endsection