@csrf

<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
    <!-- Name -->
    <div>
        <label for="name" class="block text-sm font-medium text-gray-700">Client Name *</label>
        <input type="text" name="name" id="name" value="{{ old('name', isset($client) ? $client->name : '') }}" required
            class="mt-1 focus:ring-rose-500 focus:border-rose-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
        @error('name')
            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
        @enderror
    </div>

    <!-- Contact Person -->
    <div>
        <label for="contact_person" class="block text-sm font-medium text-gray-700">Contact Person</label>
        <input type="text" name="contact_person" id="contact_person" value="{{ old('contact_person', isset($client) ? $client->contact_person : '') }}"
            class="mt-1 focus:ring-rose-500 focus:border-rose-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
        @error('contact_person')
            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
        @enderror
    </div>

    <!-- Email -->
    <div>
        <label for="email" class="block text-sm font-medium text-gray-700">Email Address</label>
        <input type="email" name="email" id="email" value="{{ old('email', isset($client) ? $client->email : '') }}"
            class="mt-1 focus:ring-rose-500 focus:border-rose-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
        @error('email')
            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
        @enderror
    </div>

    <!-- Phone -->
    <div>
        <label for="phone" class="block text-sm font-medium text-gray-700">Phone Number</label>
        <input type="tel" name="phone" id="phone" value="{{ old('phone', isset($client) ? $client->phone : '') }}"
            class="mt-1 focus:ring-rose-500 focus:border-rose-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
        @error('phone')
            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
        @enderror
    </div>
</div>

<div class="mb-6">
    <h3 class="text-lg font-medium text-gray-900 mb-3">Address Information</h3>
    
    <!-- Address -->
    <div class="mb-4">
        <label for="address" class="block text-sm font-medium text-gray-700">Street Address</label>
        <input type="text" name="address" id="address" value="{{ old('address', isset($client) ? $client->address : '') }}"
            class="mt-1 focus:ring-rose-500 focus:border-rose-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
        @error('address')
            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
        @enderror
    </div>
    
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
        <!-- City -->
        <div>
            <label for="city" class="block text-sm font-medium text-gray-700">City</label>
            <input type="text" name="city" id="city" value="{{ old('city', isset($client) ? $client->city : '') }}"
                class="mt-1 focus:ring-rose-500 focus:border-rose-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
            @error('city')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>

        <!-- State/Province -->
        <div>
            <label for="state" class="block text-sm font-medium text-gray-700">State/Province</label>
            <input type="text" name="state" id="state" value="{{ old('state', isset($client) ? $client->state : '') }}"
                class="mt-1 focus:ring-rose-500 focus:border-rose-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
            @error('state')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>

        <!-- Postal Code -->
        <div>
            <label for="postal_code" class="block text-sm font-medium text-gray-700">Postal Code</label>
            <input type="text" name="postal_code" id="postal_code" value="{{ old('postal_code', isset($client) ? $client->postal_code : '') }}"
                class="mt-1 focus:ring-rose-500 focus:border-rose-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
            @error('postal_code')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>

        <!-- Country -->
        <div>
            <label for="country" class="block text-sm font-medium text-gray-700">Country</label>
            <input type="text" name="country" id="country" value="{{ old('country', isset($client) ? $client->country : '') }}"
                class="mt-1 focus:ring-rose-500 focus:border-rose-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
            @error('country')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>
    </div>
</div>

<div class="mb-6">
    <!-- Website -->
    <div>
        <label for="website" class="block text-sm font-medium text-gray-700">Website</label>
        <div class="mt-1 flex rounded-md shadow-sm">
            <span class="inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm">
                http://
            </span>
            <input type="text" name="website" id="website" 
                value="{{ old('website', (isset($client) && $client->website) ? preg_replace('/^https?:\/\//', '', $client->website) : '') }}"
                class="focus:ring-rose-500 focus:border-rose-500 flex-1 block w-full rounded-none rounded-r-md sm:text-sm border-gray-300"
                placeholder="www.example.com">
        </div>
        @error('website')
            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
        @enderror
    </div>
</div>

<!-- Notes -->
<div class="mb-6">
    <label for="notes" class="block text-sm font-medium text-gray-700">Notes</label>
    <div class="mt-1">
        <textarea id="notes" name="notes" rows="4"
            class="shadow-sm focus:ring-rose-500 focus:border-rose-500 block w-full sm:text-sm border-gray-300 rounded-md resize-none">{{ old('notes', isset($client) ? $client->notes : '') }}</textarea>
    </div>
    @error('notes')
        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
    @enderror
</div>

<div class="flex justify-end space-x-3 mt-8">
    <a href="{{ route('admin.clients.index') }}" class="inline-flex justify-center py-2 px-4 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-rose-500">
        Cancel
    </a>
    <button type="submit" class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-rose-600 hover:bg-rose-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-rose-500">
        {{ $submitButtonText }}
    </button>
</div>