@extends('layouts.erp')
@section('title', $item->name)
@section('page_title', $item->name)
@section('page_sub', 'Réf. '.$item->reference.($item->brand ? ' · '.$item->brand : ''))
@section('content')
@php
    $fmt = fn ($n) => number_format((float)$n, 0, ',', ' ').' F';
    $marge = (float)$item->sale_price - (float)$item->purchase_price;
    $pct = (float)$item->sale_price > 0 ? round($marge / $item->sale_price * 100, 1) : 0;
@endphp
<div class="page-tools">
    <div class="spacer">
        @if(auth()->user()->allows('stock'))
        <a class="btn btn-outline" href="{{ route('stock-transfers.create') }}">Transférer</a>
        @endif
        <a class="btn btn-outline" href="{{ route('products.edit', $item) }}">Modifier</a>
        @if(auth()->user()->allows('sales'))
        <a class="btn btn-primary" href="{{ route('sales.create', ['type'=>'facture', 'product_id'=>$item->id]) }}">Ajouter à une facture</a>
        @endif
    </div>
</div>
<div class="grid-3">
    <div class="card">
        <div class="card-body" style="min-height:220px;display:grid;place-items:center;background:linear-gradient(180deg,#eef6f1,#fff);border-radius:16px">
            <div style="text-align:center">
                <div class="thumb thumb-ref" style="width:88px;height:88px;font-size:22px;border-radius:18px;margin:0 auto 10px">{{ strtoupper(substr($item->reference, 0, 3)) }}</div>
                <span class="pill {{ $item->stockStatus()==='ok'?'ok':($item->stockStatus()==='faible'?'warn':'bad') }}">En stock · {{ $item->total_stock }}</span>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">Informations générales</div>
        <div class="card-body">
            <div class="alert-row"><span>Référence</span><b style="margin-left:auto">{{ $item->reference }}</b></div>
            <div class="alert-row"><span>Catégorie</span><b style="margin-left:auto">{{ $item->category->name ?? '—' }}</b></div>
            <div class="alert-row"><span>Marque / Modèle</span><b style="margin-left:auto">{{ $item->brand }} {{ $item->model }}</b></div>
            <div class="alert-row"><span>Fournisseur</span><b style="margin-left:auto">{{ $item->supplier->name ?? '—' }}</b></div>
            <div class="alert-row"><span>Emplacement</span><b style="margin-left:auto">{{ $item->location ?: '—' }}</b></div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">Prix & marges</div>
        <div class="card-body">
            <div class="alert-row"><span>Prix d'achat</span><b style="margin-left:auto">{{ $fmt($item->purchase_price) }}</b></div>
            <div class="alert-row"><span>Prix de vente</span><b style="margin-left:auto">{{ $fmt($item->sale_price) }}</b></div>
            <div class="alert-row"><span>Marge unitaire</span><b style="margin-left:auto;color:var(--green)">{{ $fmt($marge) }} · {{ $pct }} %</b></div>
            <div class="alert-row"><span>Stock minimum</span><b style="margin-left:auto">{{ $item->stock_min }}</b></div>
        </div>
    </div>
</div>
<div class="grid-2" style="margin-top:12px">
    <div class="card">
        <div class="card-header">Stock par site</div>
        <div class="card-body">
            @forelse($item->stockLevels as $sl)
                <div class="alert-row">
                    <div><b>{{ $sl->boutique->name ?? '—' }}</b></div>
                    <b style="margin-left:auto">{{ $sl->quantity }} unités</b>
                </div>
            @empty
                <div class="empty">Aucun stock.</div>
            @endforelse
        </div>
    </div>
    <div class="card">
        <div class="card-header">Description</div>
        <div class="card-body">{{ $item->description ?: 'Fiche article TEKPOINTE. Les mouvements détaillés sont dans Stocks → Mouvements.' }}
            <div style="margin-top:12px"><a class="btn btn-outline btn-sm" href="{{ route('stock-movements.index', ['product_id' => $item->id]) }}">Historique des mouvements</a></div>
        </div>
    </div>
</div>
@endsection