@extends('layouts.erp')
@section('title', 'Transferts')
@section('page_title', 'Transferts entre boutiques')
@section('page_sub', 'Demande → validation → expédition → réception')
@section('content')
@php
    $flow = ['brouillon'=>'Demande','en_attente'=>'Validation','valide'=>'Validé','expedie'=>'Expédition','recu'=>'Réception','annule'=>'Annulé'];
    $done = ['valide','expedie','recu'];
@endphp
<div class="card" style="margin-bottom:12px">
    <div class="card-header">Workflow de transfert</div>
    <div class="card-body">
        <div class="stepper">
            @foreach(['Demande','Validation','Expédition','Réception','Stock à jour'] as $i => $step)
                <div class="step"><div class="bubble">{{ $i+1 }}</div>{{ $step }}</div>
            @endforeach
        </div>
        <p style="color:var(--muted);font-size:12px;margin:12px 0 0">Le statut de chaque demande est indiqué dans la liste. Le stock bouge à l'expédition puis à la réception.</p>
    </div>
</div>
<div class="page-tools"><div class="spacer" style="margin-left:auto">@include('partials.list-export', ['type' => 'transferts'])<a class="btn btn-primary" href="{{ route('stock-transfers.create') }}">+ Nouvelle demande</a></div></div>
<div class="card">
    @forelse($items as $item)
        <div class="alert-row" style="padding:14px 16px">
            <div>
                <a href="{{ route('stock-transfers.show', $item) }}"><b>{{ $item->number }}</b> · {{ $item->fromBoutique->name ?? '' }} → {{ $item->toBoutique->name ?? '' }}</a>
                <div style="color:var(--muted);font-size:12px">{{ $flow[$item->status] ?? $item->status }}</div>
            </div>
            <span class="pill {{ in_array($item->status, $done) ? 'ok' : ($item->status==='annule' ? 'bad' : 'warn') }}">{{ $flow[$item->status] ?? $item->status }}</span>
            <x-row-actions><a href="{{ route('stock-transfers.show', $item) }}">Suivre</a></x-row-actions>
        </div>
    @empty
        <div class="empty">Aucun transfert.</div>
    @endforelse
    <div style="padding:12px">{{ $items->links() }}</div>
</div>
@endsection