@extends('layouts.app')

@section('content')
<div class="max-w-2xl mx-auto bg-white p-8 rounded-lg shadow-md">
    <h1 class="text-2xl font-bold mb-6">Edit Customer</h1>

    @if ($errors->any())
        <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('customers.update', $customer) }}" method="POST">
        @csrf
        @method('PUT') <!-- IMPORTANT: This tells Laravel it's an update -->

        <div class="mb-4">
            <label class="block text-gray-700 font-bold mb-2">Company Name</label>
            <input type="text" name="name" value="{{ old('name', $customer->name) }}" 
                   class="w-full border rounded p-2" required>
        </div>

        <div class="mb-4">
            <label class="block text-gray-700 font-bold mb-2">Email</label>
            <input type="email" name="email" value="{{ old('email', $customer->email) }}" 
                   class="w-full border rounded p-2">
        </div>

        <div class="mb-4">
            <label class="block text-gray-700 font-bold mb-2">Phone</label>
            <input type="text" name="phone" value="{{ old('phone', $customer->phone) }}" 
                   class="w-full border rounded p-2">
        </div>

        <div class="mb-6">
            <label class="block text-gray-700 font-bold mb-2">Status</label>
            <select name="status" class="w-full border rounded p-2">
                <option value="lead" {{ $customer->status == 'lead' ? 'selected' : '' }}>Lead</option>
                <option value="active" {{ $customer->status == 'active' ? 'selected' : '' }}>Active</option>
                <option value="inactive" {{ $customer->status == 'inactive' ? 'selected' : '' }}>Inactive</option>
            </select>
        </div>

        <div class="flex justify-between">
            <a href="{{ route('customers.index') }}" class="text-gray-500 hover:underline">Cancel</a>
            <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">
                Update Customer
            </button>
        </div>
    </form>
</div>
@endsection