@extends('layouts.customer')

@section('title', 'Edit Tracking Domain')
@section('page-title', 'Edit Tracking Domain')

@section('content')
<div class="max-w-2xl">
    <x-card title="Edit Tracking Domain">
        <form method="POST" action="{{ route('customer.tracking-domains.update', $trackingDomain) }}" class="space-y-6">
            @csrf
            @method('PUT')

            <div>
                <label for="notes" class="block text-sm font-medium text-gray-700 dark:text-gray-300">Notes</label>
                <textarea name="notes" id="notes" rows="3" class="mt-1 block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-700 dark:text-gray-100 sm:text-sm">{{ old('notes', $trackingDomain->notes) }}</textarea>
            </div>

            <div class="flex items-center justify-end gap-3 pt-4 border-t border-gray-200 dark:border-gray-700">
                <div class="flex justify-end space-x-3">
                    <a href="{{ route('customer.tracking-domains.index') }}" class="px-4 py-2 bg-gray-500 text-white rounded hover:bg-gray-600">Cancel</a>
                    @customercan('domains.tracking_domains.permissions.can_edit_tracking_domains')
                        <button type="submit" class="px-4 py-2 bg-primary-600 text-white rounded hover:bg-primary-700">Update Tracking Domain</button>
                    @endcustomercan
                </div>
            </div>
        </form>
    </x-card>
</div>
@endsection