@extends('layouts.erp')
@section('title', 'Inventaire '.$item->number)
@section('page_title', 'Inventaire '.$item->number)
@section('content')
<div class="page-tools">
    <div class="spacer"></div>
</div>
<div class="card" style="margin-bottom:12px">
    <div class="card-header">Inventaire {{ $item->number }}</div>
    <div class="card-body">
        <div class="facts">
            <div class="fact"><span>Agence</span><b>{{ $item->boutique->name ?? '—' }}</b></div>
            <div class="fact"><span>Type</span><b>{{ $item->type ?: '—' }}</b></div>
            <div class="fact"><span>Statut</span><b><span class="pill {{ $item->status === 'valide' ? 'ok' : 'info' }}">{{ ucfirst($item->status) }}</span></b></div>
            <div class="fact"><span>Notes</span><b>{{ $item->notes ?: '—' }}</b></div>
        </div>
    </div>
</div>
<div class="card"><div class="card-header">Lignes</div>
@if($item->status !== 'valide')
<form method="POST" action="{{ route('inventories.validate', $item) }}">
    @csrf
@endif
<div class="card-body" style="padding:0;">
<table class="data">
    <thead><tr><th>Article</th><th>Théorique</th><th>Physique</th><th>Écart</th><th>Justification</th></tr></thead>
    <tbody>
    @foreach($item->items as $line)
        <tr>
            <td>{{ $line->product->name ?? '—' }}</td>
            <td>{{ $line->theoretical_qty }}</td>
            <td>{{ $line->physical_qty }}</td>
            <td>{{ $line->difference }}</td>
            <td>
                @if($item->status === 'valide')
                    {{ $line->justification ?: '—' }}
                @elseif((int) $line->difference !== 0)
                    <input type="text" name="justification[{{ $line->id }}]" class="form-control" value="{{ old('justification.'.$line->id, $line->justification) }}" required placeholder="Motif de l'écart">
                @else
                    —
                @endif
            </td>
        </tr>
    @endforeach
    </tbody>
</table>
</div>
@if($item->status !== 'valide')
<div class="card-body"><button type="submit" class="btn btn-primary">Valider l'inventaire</button></div>
</form>
@endif
</div>
@endsection