@extends('layouts.master')

@section('content')
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="header">
                <h2>Détails de l'initialisation du stock</h2>
                <ul class="header-dropdown">
                    <li><a href="{{ route('stocks_poids_lourds.index') }}" class="btn btn-secondary">Retour à la liste</a></li>
                    <li><a href="{{ route('stocks_poids_lourds.edit', $stockInitial->id_stock_initial) }}" class="btn btn-primary">Modifier</a></li>
                </ul>
            </div>
            <div class="body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="header bg-cyan">
                                <h3 class="text-white">Informations de l'article</h3>
                            </div>
                            <div class="body">
                                <div class="row">
                                    <div class="col-md-4">
                                        <strong>Article :</strong>
                                        <p class="text-muted">{{ $stockInitial->nom_article }}</p>
                                    </div>
                                    <div class="col-md-4">
                                        <strong>Référence :</strong>
                                        <p class="text-muted">{{ $stockInitial->reference_article }}</p>
                                    </div>
                                    <div class="col-md-4">
                                        <strong>Code article :</strong>
                                        <p class="text-muted">{{ $stockInitial->code_article }}</p>
                                    </div>
                                </div>
                                <div class="row mt-3">
                                    <div class="col-md-4">
                                        <strong>Catégorie :</strong>
                                        <p class="text-muted">
                                            <span class="badge badge-info">{{ $stockInitial->code_categorie }}</span>
                                            {{ $stockInitial->nom_categorie }}
                                        </p>
                                    </div>
                                    <div class="col-md-4">
                                        <strong>Stock :</strong>
                                        <p class="text-muted">{{ $stockInitial->nom_stock ?? 'Non défini' }} ({{ $stockInitial->code_stock ?? '-' }})</p>
                                    </div>
                                    <div class="col-md-4">
                                        <strong>Description :</strong>
                                        <p class="text-muted">{{ $stockInitial->description_article ?? 'Aucune description' }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mt-4">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="header bg-green">
                                <h3 class="text-white">État du stock</h3>
                            </div>
                            <div class="body">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="info-box bg-cyan">
                                            <div class="icon">
                                                <i class="zmdi zmdi-balance"></i>
                                            </div>
                                            <div class="content">
                                                <div class="text">Quantité Initiale</div>
                                                <div class="number count-to" data-from="0" data-to="{{ $stockInitial->stock_inventorier }}" data-speed="1000"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="info-box bg-blue">
                                            <div class="icon">
                                                <i class="zmdi zmdi-storage"></i>
                                            </div>
                                            <div class="content">
                                                <div class="text">Stock Actuel</div>
                                                <div class="number count-to" data-from="0" data-to="{{ $stockInitial->qte_stock }}" data-speed="1000"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="info-box bg-orange">
                                            <div class="icon">
                                                <i class="zmdi zmdi-lock"></i>
                                            </div>
                                            <div class="content">
                                                <div class="text">Quantité Réservée</div>
                                                <div class="number count-to" data-from="0" data-to="{{ $stockInitial->qte_reserver }}" data-speed="1000"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="info-box bg-green">
                                            <div class="icon">
                                                <i class="zmdi zmdi-check-circle"></i>
                                            </div>
                                            <div class="content">
                                                <div class="text">Disponible</div>
                                                <div class="number count-to" data-from="0" data-to="{{ $stockInitial->qte_disponible_calc }}" data-speed="1000"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mt-4">
                    <div class="col-md-6">
                        <div class="card">
                            <div class="header bg-purple">
                                <h3 class="text-white">Valeurs financières</h3>
                            </div>
                            <div class="body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <strong>Prix Unitaire (CUMP) :</strong>
                                        <h4 class="text-primary">{{ number_format($stockInitial->cump_article, 0, ',', ' ') }} FBu</h4>
                                    </div>
                                    <div class="col-md-6">
                                        <strong>Valeur Totale du Stock :</strong>
                                        <h4 class="text-success">{{ number_format($stockInitial->valeur_totale, 0, ',', ' ') }} FBu</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card">
                            <div class="header bg-pink">
                                <h3 class="text-white">Mouvements</h3>
                            </div>
                            <div class="body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <strong>Nombre de sorties :</strong>
                                        <h4>{{ number_format($stockInitial->qte_sortie, 0, ',', ' ') }} unité(s)</h4>
                                    </div>
                                    <div class="col-md-6">
                                        <strong>Pertes / Bris :</strong>
                                        <h4 class="text-danger">{{ number_format($stockInitial->qte_perdu + $stockInitial->qte_briser, 0, ',', ' ') }} unité(s)</h4>
                                    </div>
                                </div>
                                <div class="row mt-3">
                                    <div class="col-md-6">
                                        <strong>En cours d'achat :</strong>
                                        <h4>{{ number_format($stockInitial->qte_encours_achat, 0, ',', ' ') }}</h4>
                                    </div>
                                    <div class="col-md-6">
                                        <strong>Transférés :</strong>
                                        <h4>{{ number_format($stockInitial->qte_transferer_a, 0, ',', ' ') }} reçus / {{ number_format($stockInitial->qte_transferer_de, 0, ',', ' ') }} envoyés</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mt-4">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="header bg-grey">
                                <h3>Informations d'initialisation</h3>
                            </div>
                            <div class="body">
                                <div class="row">
                                    <div class="col-md-4">
                                        <strong>Initialisé par :</strong>
                                        <p class="text-muted">{{ $stockInitial->initialisateur_nom ?? 'Utilisateur inconnu' }}</p>
                                    </div>
                                    <div class="col-md-4">
                                        <strong>Date d'initialisation :</strong>
                                        <p class="text-muted">{{ \Carbon\Carbon::parse($stockInitial->initialiser_le)->format('d/m/Y') }}</p>
                                    </div>
                                    <div class="col-md-4">
                                        <strong>Statut :</strong>
                                        <p>
                                            @if($stockInitial->status_stock_initial == 1)
                                                <span class="badge badge-success">Actif</span>
                                            @else
                                                <span class="badge badge-danger">Inactif</span>
                                            @endif
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mt-4">
                    <div class="col-md-12 text-right">
                        <a href="{{ route('stocks_poids_lourds.edit', $stockInitial->id_stock_initial) }}" class="btn btn-primary">
                            <i class="zmdi zmdi-edit"></i> Modifier
                        </a>
                        <button type="button" class="btn btn-danger" onclick="confirmDelete()">
                            <i class="zmdi zmdi-delete"></i> Supprimer
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal de confirmation suppression -->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title">Confirmation de suppression</h4>
            </div>
            <div class="modal-body">
                Êtes-vous sûr de vouloir supprimer cette initialisation de stock ?
                <br>
                <strong>Article :</strong> {{ $stockInitial->nom_article }}
                <br>
                <strong>Stock :</strong> {{ $stockInitial->nom_stock ?? 'Non défini' }}
                <br>
                Cette action est irréversible.
            </div>
            <div class="modal-footer">
                <form action="{{ route('stocks_poids_lourds.show', $stockInitial->id_stock_initial) }}" method="POST">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">Confirmer la suppression</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('page-script')
<script>
    function confirmDelete() {
        $('#deleteModal').modal('show');
    }
    
    $(document).ready(function() {
        // Animation des compteurs
        $('.count-to').each(function() {
            var $this = $(this);
            var to = $this.data('to');
            var from = $this.data('from');
            var speed = $this.data('speed');
            
            $({ countNum: from }).animate({
                countNum: to
            }, {
                duration: speed,
                easing: 'linear',
                step: function() {
                    $this.text(Math.floor(this.countNum).toLocaleString());
                },
                complete: function() {
                    $this.text(to.toLocaleString());
                }
            });
        });
    });
</script>
@endsection