@extends('layouts.app')

@section('title', 'Détail inventaire ' . $inventaire->reference)
@section('page-title', 'Inventaire ' . $inventaire->reference)

@section('content')
<div class="space-y-6">
    <div class="bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden">
        <div class="px-4 sm:px-6 py-5 border-b border-slate-200 bg-gradient-to-b from-slate-50/80 to-white flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
            <div>
                <h2 class="font-semibold text-slate-800 text-lg">{{ $inventaire->reference }} — {{ $inventaire->magasin->nom }}</h2>
                <p class="text-sm text-slate-500 mt-0.5">Date : {{ $inventaire->date_inventaire->format('d/m/Y') }}
                    @if($inventaire->statut === \App\Models\Inventaire::STATUT_TERMINE)
                    · <span class="inline-flex px-2 py-0.5 text-xs font-medium rounded-full bg-emerald-100 text-emerald-700">Clôturé</span>
                    @else
                    · <span class="inline-flex px-2 py-0.5 text-xs font-medium rounded-full bg-amber-100 text-amber-700">En cours</span>
                    @endif
                </p>
            </div>
            <div class="flex gap-2">
                <a href="{{ route('inventaire.index') }}" class="form-btn-secondary">Retour à la liste</a>
                @if($inventaire->statut === \App\Models\Inventaire::STATUT_EN_COURS)
                <form action="{{ route('inventaire.terminer', $inventaire) }}" method="POST" class="inline" onsubmit="return confirm('Clôturer cet inventaire et reporter les écarts sur le stock ?');">
                    @csrf
                    <button type="submit" class="form-btn-primary">Clôturer l'inventaire</button>
                </form>
                @endif
            </div>
        </div>

        @if($inventaire->statut === \App\Models\Inventaire::STATUT_EN_COURS)
        <form action="{{ route('inventaire.update', $inventaire) }}" method="POST" id="inventaire-update-form">
            @csrf
            @method('PUT')
            <div class="p-4 border-b border-slate-100 bg-slate-50/50">
                <p class="text-sm text-slate-600">Saisissez les quantités réelles comptées, puis cliquez sur « Enregistrer les quantités ». Les écarts seront calculés automatiquement.</p>
            </div>
        @endif

        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-slate-200">
                <thead>
                    <tr>
                        <th class="px-4 py-3 text-left text-xs font-semibold text-slate-500 uppercase tracking-wider">Produit</th>
                        <th class="px-4 py-3 text-right text-xs font-semibold text-slate-500 uppercase tracking-wider">Qté système</th>
                        <th class="px-4 py-3 text-right text-xs font-semibold text-slate-500 uppercase tracking-wider">Qté réelle</th>
                        <th class="px-4 py-3 text-right text-xs font-semibold text-slate-500 uppercase tracking-wider">Écart</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100">
                    @foreach($inventaire->lignes as $ligne)
                    <tr class="hover:bg-slate-50/50">
                        <td class="px-4 py-3 font-medium text-slate-800">{{ $ligne->produit->designation ?? $ligne->produit->reference ?? '—' }}</td>
                        <td class="px-4 py-3 text-right text-slate-600">{{ $ligne->quantite_systeme }}</td>
                        <td class="px-4 py-3 text-right">
                            @if($inventaire->statut === \App\Models\Inventaire::STATUT_EN_COURS)
                            <input type="number" name="lignes[{{ $ligne->id }}]" value="{{ $ligne->quantite_reelle !== null ? $ligne->quantite_reelle : '' }}" min="0" step="1" form="inventaire-update-form" class="form-input w-24 text-right" placeholder="—">
                            @else
                            <span class="text-slate-600">{{ $ligne->quantite_reelle ?? '—' }}</span>
                            @endif
                        </td>
                        <td class="px-4 py-3 text-right">
                            @if($ligne->ecart !== null)
                            <span class="{{ $ligne->ecart != 0 ? ($ligne->ecart > 0 ? 'text-emerald-600 font-medium' : 'text-red-600 font-medium') : 'text-slate-500' }}">
                                {{ $ligne->ecart > 0 ? '+' : '' }}{{ $ligne->ecart }}
                            </span>
                            @else
                            —
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if($inventaire->statut === \App\Models\Inventaire::STATUT_EN_COURS && $inventaire->lignes->count() > 0)
        <div class="p-4 border-t border-slate-100 bg-slate-50/50">
            <button type="submit" form="inventaire-update-form" class="form-btn-primary">Enregistrer les quantités</button>
        </div>
        @endif

        @if($inventaire->statut === \App\Models\Inventaire::STATUT_EN_COURS)
        </form>
        @endif
    </div>
</div>
@endsection