{{--
    Carte « Projets » réutilisable (prospect, client).

    @param $model      Modèle porteur des projets (doit exposer la relation projects()).
    @param $ownerField Colonne de rattachement : 'prospect_id' ou 'client_id'.
    @param $users      Collection d'utilisateurs assignables.
    @param $defaultUser Id d'utilisateur présélectionné (optionnel).
--}}
@php
    $defaultUser = $defaultUser ?? null;
    $projets = $model->projects;
    $ouverts = $projets->filter->isOpen();
    $totalGlobal  = $projets->filter->isOpen()->where('budget_period','global')->sum('amount');
    $totalMensuel = $projets->filter->isOpen()->where('budget_period','mensuel')->sum('amount');
@endphp
<x-card title="Projets">
    <x-slot:action>
        <span class="text-sm text-slate-500">
            {{ $ouverts->count() }} en cours
            @if($totalGlobal) · <b class="text-brand-600">{{ eur($totalGlobal) }}</b>@endif
            @if($totalMensuel) · <b class="text-brand-600">{{ eur($totalMensuel) }}/mois</b>@endif
        </span>
    </x-slot:action>

    @forelse($projets as $p)
        <div x-data="{ edit: false }" class="py-3 border-b border-slate-50 last:border-0">
            <div class="flex items-start justify-between gap-3" x-show="!edit">
                <div class="min-w-0">
                    <div class="flex items-center gap-2 flex-wrap">
                        <span class="font-medium text-sm">{{ $p->name }}</span>
                        <x-badge :status="$p->status" />
                        <span class="text-xs text-slate-400">{{ status_label($p->budget_period) }}</span>
                    </div>
                    @if($p->description)<p class="text-sm text-slate-600 mt-0.5">{{ $p->description }}</p>@endif
                    <div class="text-xs text-slate-400 mt-1">
                        {{ $p->commercial?->name }}
                        @if($p->expected_close) · clôture prévue {{ $p->expected_close->format('d/m/Y') }} @endif
                        @if($p->closed_at) · clôturé le {{ $p->closed_at->format('d/m/Y') }} @endif
                        · {{ $p->probability }}%
                    </div>
                </div>
                <div class="text-right whitespace-nowrap">
                    <div class="font-semibold text-brand-600">{{ $p->budgetLabel() }}</div>
                    <button type="button" @click="edit = true" class="text-xs text-slate-400 hover:text-brand-600">Modifier</button>
                </div>
            </div>

            {{-- Édition en ligne --}}
            <form method="POST" action="{{ route('projects.update', $p) }}" x-show="edit" x-cloak class="space-y-3 bg-slate-50 rounded-lg p-3">
                @csrf @method('PUT')
                <input name="name" required value="{{ $p->name }}" class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                <textarea name="description" rows="2" placeholder="Description…" class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">{{ $p->description }}</textarea>
                <div class="grid sm:grid-cols-3 gap-3">
                    <label class="text-sm">Budget<input name="amount" type="number" step="0.01" min="0" value="{{ $p->amount }}" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm"></label>
                    <label class="text-sm">Type de budget
                        <select name="budget_period" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                            @foreach(App\Models\Project::PERIODS as $k=>$lab)<option value="{{ $k }}" @selected($p->budget_period===$k)>{{ $lab }}</option>@endforeach
                        </select>
                    </label>
                    <label class="text-sm">Statut
                        <select name="status" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                            @foreach(App\Models\Project::STATUSES as $s)<option value="{{ $s }}" @selected($p->status===$s)>{{ status_label($s) }}</option>@endforeach
                        </select>
                    </label>
                </div>
                <div class="grid sm:grid-cols-3 gap-3">
                    <label class="text-sm">Probabilité (%)<input name="probability" type="number" min="0" max="100" value="{{ $p->probability }}" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm"></label>
                    <label class="text-sm">Clôture prévue<input name="expected_close" type="date" value="{{ optional($p->expected_close)->format('Y-m-d') }}" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm"></label>
                    <label class="text-sm">Responsable
                        <select name="commercial_id" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                            <option value="">—</option>
                            @foreach($users as $u)<option value="{{ $u->id }}" @selected($p->commercial_id==$u->id)>{{ $u->name }}</option>@endforeach
                        </select>
                    </label>
                </div>
                <div class="flex items-center gap-2">
                    <x-btn type="submit">💾 Enregistrer</x-btn>
                    <button type="button" @click="edit = false" class="px-3.5 py-2 text-sm rounded-lg border border-slate-300 hover:bg-slate-50">Annuler</button>
                </div>
            </form>

            <form method="POST" action="{{ route('projects.destroy', $p) }}" x-show="edit" x-cloak class="mt-2" onsubmit="return confirm('Supprimer ce projet ?')">
                @csrf @method('DELETE')
                <button class="text-xs text-rose-600 hover:underline">🗑️ Supprimer ce projet</button>
            </form>
        </div>
    @empty
        <p class="text-sm text-slate-500">Aucun projet pour l'instant. Renseignez ci-dessous le premier projet et son budget (global ou mensuel).</p>
    @endforelse

    {{-- Ajout : formulaire déjà ouvert tant qu'aucun projet n'existe --}}
    <div x-data="{ open: {{ $projets->isEmpty() ? 'true' : 'false' }} }" class="{{ $projets->isEmpty() ? 'mt-3' : 'mt-4 pt-4 border-t border-slate-100' }}">
        <x-btn variant="secondary" x-show="!open" @click="open = true">➕ Ajouter un projet</x-btn>
        <form method="POST" action="{{ route('projects.store') }}" x-show="open" x-cloak class="space-y-3">@csrf
            <input type="hidden" name="{{ $ownerField }}" value="{{ $model->id }}">
            <input name="name" required placeholder="Nom du projet *" class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
            <textarea name="description" rows="2" placeholder="Description…" class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm"></textarea>
            <div class="grid sm:grid-cols-3 gap-3">
                <label class="text-sm">Budget<input name="amount" type="number" step="0.01" min="0" placeholder="0,00" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm"></label>
                <label class="text-sm">Type de budget
                    <select name="budget_period" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                        @foreach(App\Models\Project::PERIODS as $k=>$lab)<option value="{{ $k }}">{{ $lab }}</option>@endforeach
                    </select>
                </label>
                <label class="text-sm">Statut
                    <select name="status" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                        @foreach(App\Models\Project::STATUSES as $s)<option value="{{ $s }}">{{ status_label($s) }}</option>@endforeach
                    </select>
                </label>
            </div>
            <div class="grid sm:grid-cols-3 gap-3">
                <label class="text-sm">Probabilité (%)<input name="probability" type="number" min="0" max="100" value="50" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm"></label>
                <label class="text-sm">Clôture prévue<input name="expected_close" type="date" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm"></label>
                <label class="text-sm">Responsable
                    <select name="commercial_id" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                        <option value="">—</option>
                        @foreach($users as $u)<option value="{{ $u->id }}" @selected($defaultUser == $u->id)>{{ $u->name }}</option>@endforeach
                    </select>
                </label>
            </div>
            <div class="flex items-center gap-2">
                <x-btn type="submit">💾 Créer le projet</x-btn>
                <button type="button" @click="open = false" class="px-3.5 py-2 text-sm rounded-lg border border-slate-300 hover:bg-slate-50">Annuler</button>
            </div>
        </form>
    </div>
</x-card>