@php($project = $project ?? null)

<div class="space-y-5">
    <div>
        <x-input-label for="name" value="Nombre del proyecto" />
        <x-text-input id="name" name="name" type="text" class="mt-1" :value="old('name', $project?->name)" required autofocus />
        <x-input-error :messages="$errors->get('name')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="client_id" value="Cliente asignado (opcional)" />
        <select id="client_id" name="client_id" class="mt-1 w-full rounded-xl border-gray-200 text-sm text-gray-700 shadow-sm focus:border-rose-400 focus:ring-rose-400">
            <option value="">Ninguno (Proyecto interno)</option>
            @foreach(App\Models\User::where('role', 'client')->orderBy('name')->get() as $client)
                <option value="{{ $client->id }}" {{ old('client_id', $project?->client_id) == $client->id ? 'selected' : '' }}>
                    {{ $client->name }}
                </option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('client_id')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="description" value="Descripción (opcional)" />
        <textarea id="description" name="description" rows="3" class="w-full rounded-xl border-gray-200 text-sm text-gray-700 shadow-sm focus:border-rose-400 focus:ring-rose-400">{{ old('description', $project?->description) }}</textarea>
        <x-input-error :messages="$errors->get('description')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="logo" value="Logo del proyecto (opcional)" />
        @if ($project?->logo_path)
            <img src="{{ route('files.show', ['path' => $project->logo_path]) }}" class="mb-2 h-12 w-12 rounded-xl object-cover border-2 border-gray-300" alt="">
        @endif
        <input id="logo" name="logo" type="file" accept="image/*" class="block w-full text-sm text-gray-500 file:mr-4 file:rounded-xl file:border-0 file:bg-gray-100 file:px-4 file:py-2 file:text-sm file:font-medium file:text-gray-600 hover:file:bg-gray-200">
        <x-input-error :messages="$errors->get('logo')" class="mt-2" />
    </div>

    <label class="inline-flex items-center gap-2">
        <input type="checkbox" name="is_active" value="1" class="rounded border-gray-300 text-rose-500 focus:ring-rose-400" {{ old('is_active', $project?->is_active ?? true) ? 'checked' : '' }}>
        <span class="text-sm text-gray-600">Visible para el equipo</span>
    </label>
</div>