@extends('layouts.master')

@section('content')
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="header">
                <h3>Réception de transfert N° {{ $reception->numero_mouvement }}</h3>
                <a href="{{ route('transfert.receptions') }}" class="btn btn-default">← Retour</a>
            </div>
            <div class="body">
                @if(Session::has('error'))
                    <div class="alert alert-danger">{{ Session::get('error') }}</div>
                @endif
                
                <div class="row">
                    <div class="col-md-6">
                        <table class="table table-bordered">
                            <tr><th width="200">Numéro réception</th><td><strong>{{ $reception->numero_mouvement }}</strong></td></tr>
                            <tr><th>Date de réception</th><td>{{ date('d-m-Y', strtotime($reception->date_mouvement)) }}</td></tr>
                            <tr><th>Stock destinataire</th><td>{{ $reception->nom_stock }} ({{ $reception->code_stock }})</td></tr>
                            <tr><th>Référence transfert</th><td>{{ $reception->piece_justificative }}</td></tr>
                            <tr><th>Description</th><td>{{ $reception->description }}</td></tr>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <div class="alert alert-info">
                            <strong>⚠️ Information :</strong><br>
                            Ce dossier a été généré automatiquement suite à la validation d'un transfert depuis le stock source.
                            Veuillez vérifier les quantités reçues et accepter la réception pour mettre à jour votre stock.
                        </div>
                    </div>
                </div>
                
                <hr>
                <h4>Articles reçus</h4>
                
                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead style="background-color: #5bc0de">
                            <tr>
                                <th>#</th>
                                <th>Article</th>
                                <th>Référence</th>
                                <th>Catégorie</th>
                                <th>Quantité reçue</th>
                                <th>PU (FBu)</th>
                                <th>Total (FBu)</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($details as $index => $detail)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $detail->nom_article ?? 'N/A' }}</td>
                                <td>{{ $detail->reference_article ?? '--' }}</td>
                                <td>{{ $detail->nom_categorie ?? '--' }}</td>
                                <td>{{ number_format($detail->quantite_detail, 0, ',', ' ') }}</td>
                                <td>{{ number_format($detail->pu_detail, 0, ',', ' ') }}</td>
                                <td>{{ number_format($detail->pt_detail, 0, ',', ' ') }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                        <tfoot style="background-color: #f8f9fa;">
                            <tr>
                                <th colspan="4" class="text-right">TOTAL :</th>
                                <th>{{ number_format($totalQuantite, 0, ',', ' ') }}</th>
                                <th></th>
                                <th>{{ number_format($totalMontant, 0, ',', ' ') }} FBu</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                
                <div class="row mt-3">
                    <div class="col-md-12">
                        @if($reception->status_mouvement == 1)
                            <button type="button" class="btn btn-success" data-toggle="modal" data-target="#ModalAccept">
                                <i class="fa fa-check"></i> Accepter la réception
                            </button>
                        @else
                            <span class="badge badge-success">✓ Réception déjà acceptée</span>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal Acceptation -->
<div class="modal fade" id="ModalAccept" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title">Accepter la réception</h4>
            </div>
            <form method="POST" action="{{ route('transfert.reception.accept', $reception->id_mouvement_stock) }}">
                <div class="modal-body">
                    {{ csrf_field() }}
                    <p>Voulez-vous accepter cette réception ?</p>
                    <p class="text-warning">
                        Attention : L'acceptation va :
                        <ul>
                            <li>Ajouter les articles dans votre stock ({{ $reception->nom_stock }})</li>
                            <li>Créer les articles s'ils n'existent pas encore</li>
                            <li>Mettre à jour les quantités existantes</li>
                        </ul>
                    </p>
                    <div class="form-group">
                        <label>Observations (optionnel)</label>
                        <textarea name="observations" class="form-control" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success">Accepter</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Fermer</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection