@extends('layouts.master')

@section('content')
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="header">
                <h3>Détails de la fiche N° {{ $mouvement->piece_justificative }}</h3>
                <a href="{{ route('mouvements_stock_pl.index') }}" class="btn btn-default">← Retour à la liste</a>
            </div>
            <div class="body">
                <!-- Informations du mouvement -->
                <div class="row">
                    <div class="col-md-6">
                        <table class="table table-bordered">
                            <tr><th width="200">Numéro de mouvement</th><td><strong>{{ $mouvement->numero_mouvement }}</strong></td></tr>
                            <tr><th>Type d'opération</th><td>{{ $mouvement->nom_type }} ({{ $mouvement->code_type }})</td></tr>
                            <tr><th>Stock source</th><td>{{ $mouvement->nom_stock ?? '--' }} ({{ $mouvement->code_stock ?? '--' }})</td></tr>
                            @if($mouvement->code_type == 'ST')
                            <tr><th>Stock destinataire</th><td>{{ $mouvement->nom_stock_destinataire ?? '--' }} ({{ $mouvement->code_stock_destinataire ?? '--' }})</td></tr>
                            @endif
                            @if($mouvement->code_type == 'E')
                            <tr><th>Fournisseur</th><td>{{ $mouvement->nom_social_fournisseur ?? '--' }}</td></tr>
                            @endif
                            @if($mouvement->id_type_mouvement == 2)
                            <tr><th>Véhicule concerné</th><td>{{ $mouvement->num_immatriculation ?? '--' }} (Cat: {{ $mouvement->cat_veh ?? 'N/A' }})</td></tr>
                            @endif
                        </table>
                    </div>
                    <div class="col-md-6">
                        <table class="table table-bordered">
                            <tr><th width="200">Date du mouvement</th><td>{{ date('d-m-Y', strtotime($mouvement->date_mouvement)) }}</td></tr>
                            <tr><th>Fiche No</th><td>{{ $mouvement->piece_justificative }}</td></tr>
                            <tr><th>Montant total</th><td><strong>{{ number_format($totalMontant, 0, ',', ' ') }} FBu</strong></td></tr>
                            <tr><th>Qté totale demandée</th><td>{{ $totalQuantiteDemandee }}</td></tr>
                            <tr><th>Qté totale servie</th><td>{{ $totalQuantiteServie }}</td></tr>
                            <tr><th>Status</th>
                                <td>
                                    @if($mouvement->status_mouvement == 0)
                                        <span class="badge badge-danger">Annulé</span>
                                    @elseif($mouvement->status_mouvement == 1)
                                        <span class="badge badge-warning">En cours</span>
                                    @else
                                        <span class="badge badge-success">Clôturé</span>
                                    @endif
                                </td>
                            </tr>
                            <tr><th>Créé par</th><td>{{ $mouvement->createur_nom ?? '--' }}</td></tr>
                        </table>
                    </div>
                </div>
                
                <!-- Description -->
                <div class="row">
                    <div class="col-md-12">
                        <h5>Description</h5>
                        <div class="well">
                            {{ $mouvement->description ?? 'Aucune description' }}
                        </div>
                    </div>
                </div>
                
                <hr>
                
                <!-- Liste des pièces du mouvement -->
                <div class="row">
                    <div class="col-md-12">
                        <h4>Pièces / Articles du mouvement</h4>
                        
                        @if($mouvement->status_mouvement == 1)
                        <button class="btn btn-success btn-sm" data-toggle="modal" data-target="#ModalAddDetail">
                            <i class="fa fa-plus"></i> Ajouter une pièce
                        </button>
                        @endif
                        
                        <div class="table-responsive mt-3">
                            <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>Qté demandée</th>
                                        <th>Qté servie</th>
                                        <th>Reste à servir</th>
                                        <th>PU (FBu)</th>
                                        <th>Total (FBu)</th>
                                        <th>Status</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($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->quantite_servie, 0, ',', ' ') }}</td>
                                        <td>{{ number_format($detail->quantite_a_servir, 0, ',', ' ') }}</td>
                                        <td>{{ number_format($detail->pu_detail, 0, ',', ' ') }}</td>
                                        <td>{{ number_format($detail->pt_detail, 0, ',', ' ') }}</td>
                                        <td>1</td>
                                        <td>
                                            @if($mouvement->status_mouvement == 1 && $detail->status_detail == 1)
                                                <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#ModalServirDetail{{ $detail->id_mouvement_piece }}">
                                                    <i class="fa fa-truck"></i> Servir
                                                </button>
                                                <a href="{{ route('delete_detail', $detail->id_mouvement_piece) }}" 
                                                   class="btn btn-danger btn-sm"
                                                   onclick="return confirm('Annuler cette ligne ?')">
                                                    <i class="fa fa-trash"></i> Annuler
                                                </a>
                                            @elseif($detail->status_detail == 4)
                                                <span class="text-success">✓ Servi</span>
                                            @elseif($detail->status_detail == 3)
                                                <span class="text-warning">Partiel</span>
                                            @elseif($detail->status_detail == 5)
                                                <span class="text-muted">Annulé</span>
                                            @else
                                                --
                                            @endif
                                         </td>
                                    </tr>
                                    
                                    <!-- Modal Servir détail -->
                                    <div class="modal fade" id="ModalServirDetail{{ $detail->id_mouvement_piece }}" tabindex="-1">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h4 class="title">Servir la pièce : {{ $detail->nom_article }}</h4>
                                                </div>
                                                <form method="POST" action="{{ route('servir_detail', $detail->id_mouvement_piece) }}">
                                                    <div class="modal-body">
                                                        {{ csrf_field() }}
                                                        <div class="form-group">
                                                            <label>Quantité disponible à servir</label>
                                                            <input type="number" name="quantite_servie" 
                                                                   class="form-control" 
                                                                   max="{{ $detail->quantite_a_servir }}"
                                                                   min="1"
                                                                   required>
                                                            <small>Maximum: {{ $detail->quantite_a_servir }}</small>
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="submit" class="btn btn-success">Servir</button>
                                                        <button type="button" class="btn btn-danger" data-dismiss="modal">Fermer</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                    @empty
                                    <tr>
                                        <td colspan="11" class="text-center">Aucune pièce associée à ce mouvement</td>
                                    </tr>
                                    @endforelse
                                </tbody>
                                <tfoot style="background-color: #f8f9fa;">
                                    <tr>
                                        <th colspan="4" class="text-right">TOTAUX :</th>
                                        <th>{{ number_format($totalQuantiteDemandee, 0, ',', ' ') }}</th>
                                        <th>{{ number_format($totalQuantiteServie, 0, ',', ' ') }}</th>
                                        <th>{{ number_format($totalQuantiteDemandee - $totalQuantiteServie, 0, ',', ' ') }}</th>
                                        <th></th>
                                        <th>{{ number_format($totalMontant, 0, ',', ' ') }} FBu</th>
                                        <th></th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
                
                <!-- Boutons d'action -->
                @if($mouvement->status_mouvement == 1)
                <div class="row mt-3">
                    <div class="col-md-12">
                        <hr>
                        <div class="btn-group">
                            <a href="#" class="btn btn-warning" data-toggle="modal" data-target="#ModalEdit">Modifier</a>
                            @if(Auth()->user()->roles()->whereIn('role_id', [1,19,25,26])->exists())
                                <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#ModalCloturer">Clôturer</a>
                                <a href="{{ route('mouvements_stock_pl.destroy', $mouvement->id_mouvement_stock) }}" 
                                   class="btn btn-danger" 
                                   onclick="return confirm('Annuler ce mouvement ?')">Annuler</a>
                            @endif
                             <a href="#" class="btn btn-warning" data-toggle="modal" data-target="#ModalEdit">Imprimer pdf</a>
                             <a href="{{ route('mouvements_stock_pl.pdf', $mouvement->id_mouvement_stock) }}" 
                               class="btn btn-warning" 
                               target="_blank">
                                <i class="fa fa-print"></i> Imprimer PDF
                            </a>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Modal Ajouter une pièce -->
<div class="modal fade" id="ModalAddDetail" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title">Ajouter une pièce au mouvement</h4>
            </div>
            <form method="POST" action="{{ route('add_detail', $mouvement->id_mouvement_stock) }}">
                <div class="modal-body">
                    {{ csrf_field() }}
                    
                    <div class="form-group">
                        <label>Article / Pièce</label>
                        <select name="id_piece_detail" class="form-control select2" required>
                            <option value="">-- Sélectionner --</option>
                            @foreach($articlesDisponibles as $article)
                            <option value="{{ $article->id_stock_initial }}" 
                                    data-prix="{{ $article->cump_article }}"
                                    data-disponible="{{ $article->qte_disponible }}">
                                {{ $article->code_article }} - {{ $article->nom_article }} 
                                (Disponible: {{ $article->qte_disponible }})
                            </option>
                            @endforeach
                        </select>
                    </div>
                    
                    <div class="form-group">
                        <label>Quantité demandée</label>
                        <input type="number" name="quantite_detail" id="quantite_detail" class="form-control" min="1" required>
                    </div>
                    
                    <div class="form-group">
                        <label>Prix unitaire (FBu)</label>
                        <input type="number" name="pu_detail" id="pu_detail" class="form-control" min="0" step="1" required>
                    </div>
                    
                    <div class="form-group">
                        <label>Description / Observations</label>
                        <textarea name="description" class="form-control" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success">Ajouter</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Fermer</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal Modifier -->
<div class="modal fade" id="ModalEdit" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title">Modifier le mouvement</h4>
            </div>
            <form method="POST" action="{{ route('mouvements_stock_pl.update', $mouvement->id_mouvement_stock) }}">
                <div class="modal-body">
                    {{ csrf_field() }}
                    <div class="form-group">
                        <label>Date du mouvement</label>
                        <input type="date" value="{{ date('Y-m-d', strtotime($mouvement->date_mouvement)) }}" name="date" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>Pièce justificative</label>
                        <input type="text" value="{{ $mouvement->piece_justificative }}" name="piece" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>Description</label>
                        <textarea name="description" class="form-control" rows="3">{{ $mouvement->description }}</textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Modifier</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Fermer</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal Clôturer -->
<div class="modal fade" id="ModalCloturer" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title">Clôture de l'opération</h4>
            </div>
            <form method="POST" action="{{ route('mouvements_stock_pl.cloturer', $mouvement->id_mouvement_stock) }}">
                <div class="modal-body">
                    {{ csrf_field() }}
                    <p>Voulez-vous clôturer cette opération ?</p>
                    <p class="text-warning">Attention : Une fois clôturé, vous ne pourrez plus modifier ou ajouter de pièces.</p>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-warning">Clôturer</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Fermer</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('page-script')
<script>
    $(document).ready(function() {
        $('.select2').select2({
            width: '100%',
            dropdownParent: $('#ModalAddDetail')
        });
        
        // Auto-remplir le prix unitaire
        $('select[name="id_piece_detail"]').on('change', function() {
            var selected = $(this).find('option:selected');
            var prix = selected.data('prix');
            var disponible = selected.data('disponible');
            
            $('#pu_detail').val(prix);
            $('#quantite_detail').attr('max', disponible);
        });
    });
</script>
@endsection