@extends('layouts.app')
@section('title', 'Transfert ' . $transfert->numero)
@section('breadcrumb', 'Catalogue / Stock / Transferts / ' . $transfert->numero)

@section('content')

@php
    $statusColors = ['brouillon' => 'badge-muted', 'valide' => 'badge-success', 'annule' => 'badge-danger'];
    $statusLabels = ['brouillon' => 'Brouillon', 'valide' => 'Validé', 'annule' => 'Annulé'];
@endphp

<div class="page-header">
    <div>
        <h1 class="page-title"><i class="fas fa-arrow-right-arrow-left" style="color:var(--info)"></i> {{ $transfert->numero }}</h1>
        <p class="page-subtitle">
            <span class="badge-pill {{ $statusColors[$transfert->statut] ?? 'badge-muted' }}">
                {{ $statusLabels[$transfert->statut] ?? $transfert->statut }}
            </span>
            &nbsp; {{ $transfert->date->format('d/m/Y') }}
        </p>
    </div>
    <div class="page-actions">
        <a href="{{ route('stock.transferts') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Retour</a>

        @if($transfert->statut !== 'annule')
            <a href="{{ route('stock.transferts.print_sortie', $transfert) }}" class="btn btn-danger" target="_blank">
                <i class="fas fa-arrow-circle-up"></i> Bon de sortie
            </a>
            <a href="{{ route('stock.transferts.print_entree', $transfert) }}" class="btn btn-success" target="_blank">
                <i class="fas fa-arrow-circle-down"></i> Bon d'entrée
            </a>
        @endif

        @if($transfert->statut === 'brouillon')
            <form method="POST" action="{{ route('stock.transferts.valider', $transfert) }}"
                  onsubmit="return confirm('Valider ce transfert ? Les emplacements des produits seront mis à jour.')">
                @csrf @method('PATCH')
                <button type="submit" class="btn btn-success"><i class="fas fa-check"></i> Valider le transfert</button>
            </form>
            <form method="POST" action="{{ route('stock.transferts.annuler', $transfert) }}"
                  onsubmit="return confirm('Annuler ce bon de transfert ?')">
                @csrf @method('PATCH')
                <button type="submit" class="btn btn-danger"><i class="fas fa-ban"></i> Annuler</button>
            </form>
        @endif
    </div>
</div>

{{-- INFO BLOCK --}}
<div class="grid-2" style="margin-bottom:16px;">

    <div class="card">
        <div class="card-body" style="padding:16px;">
            <div style="font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;">Emplacement source</div>
            <div style="display:flex;align-items:center;gap:10px;">
                <div style="width:36px;height:36px;border-radius:8px;background:#fef2f2;display:flex;align-items:center;justify-content:center;">
                    <i class="fas fa-box-open" style="color:#ef4444;"></i>
                </div>
                <div>
                    <div style="font-weight:600;font-size:15px;">{{ $transfert->source?->label }}</div>
                    @if($transfert->source?->parent)
                        <div style="font-size:12px;color:var(--text-muted);">{{ $transfert->source->parent->label }}</div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-body" style="padding:16px;">
            <div style="font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;">Emplacement destination</div>
            <div style="display:flex;align-items:center;gap:10px;">
                <div style="width:36px;height:36px;border-radius:8px;background:#d1fae5;display:flex;align-items:center;justify-content:center;">
                    <i class="fas fa-box" style="color:#10b981;"></i>
                </div>
                <div>
                    <div style="font-weight:600;font-size:15px;">{{ $transfert->destination?->label }}</div>
                    @if($transfert->destination?->parent)
                        <div style="font-size:12px;color:var(--text-muted);">{{ $transfert->destination->parent->label }}</div>
                    @endif
                </div>
            </div>
        </div>
    </div>

</div>

@if($transfert->notes)
<div class="card" style="margin-bottom:16px;">
    <div class="card-body" style="padding:12px 16px;color:var(--text-muted);font-size:13px;">
        <i class="fas fa-sticky-note" style="margin-right:6px;"></i>{{ $transfert->notes }}
    </div>
</div>
@endif

{{-- LIGNES --}}
<div class="card">
    <div class="card-header">
        <span class="card-title"><i class="fas fa-boxes" style="color:var(--primary);margin-right:6px;"></i>Produits transférés</span>
        <span class="badge-pill badge-primary">{{ $transfert->lignes->count() }} produit(s)</span>
    </div>
    <div class="table-wrap">
        <table class="table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Code</th>
                    <th>Désignation</th>
                    <th style="text-align:right;">Quantité</th>
                    <th>Unité</th>
                </tr>
            </thead>
            <tbody>
            @foreach($transfert->lignes as $i => $l)
                <tr>
                    <td style="color:var(--text-muted);">{{ $i + 1 }}</td>
                    <td><code>{{ $l->produit?->code_article ?? '—' }}</code></td>
                    <td style="font-weight:500;">{{ $l->produit?->nom ?? '—' }}</td>
                    <td style="text-align:right;font-weight:600;">{{ number_format($l->qte, 3, ',', ' ') }}</td>
                    <td style="color:var(--text-muted);">{{ $l->produit?->unite?->code ?? '—' }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>

@endsection