@extends('layout.base', ['title' => 'StockApps - Affichage Stock'])

@section('content')
        <div id="page-wrapper" >
            <div id="page-inner">
                <div class="row">
                  <div class="col-md-12">
                      <h2 style="color: #E45;font-weight: bold;"> DETAILS DE L'Article "{{ $Stocks->Produit }} {{ $Stocks->Propriete }}"</h2>   
                       
                   </div>
                </div>
                 <!-- /. ROW  -->
                 <hr />
               <div class="row">
                <div class="col-md-12">
                        <div class="panel-body">
                            <div class="row">
                              <div class="col-md-6 col-sm-6">
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        {{ $Stocks->Produit }} {{ $Stocks->Propriete }}
                                    </div>
                                    <div class="panel-body">
                                        <p>Libelle : {{ $Stocks->Produit }} <br />
                                          Propriete : {{ $Stocks->Propriete }}<br />

                                          Quantite Disponible : {{ $Stocks->quantiteStock }}<br/>
                                      </p>

                                    </div>
                                </div>
                              </div>

                           <div class="col-md-6 col-sm-6">
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        {{ $Stocks->Produit }} {{ $Stocks->Propriete }}
                                    </div>
                                    <div class="panel-body">
                                     
                                     {!! $tableListe !!}

                                    </div>
                                </div>
                              </div>
                                    <br />                   
                            </div> 
                            </div>
                </div>


                                <!-- /. ROW  -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Mouvement de L'article {{ $Stocks->Produit }} {{ $Stocks->Propriete }}
                        </div>
                        <div class="panel-body">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#home" data-toggle="tab">Entree</a>
                                </li>
                                <li class=""><a href="#profile" data-toggle="tab">Sortie</a>
                                </li>
                                <li class=""><a href="#messages" data-toggle="tab">Exclusion</a>
                                </li>
                            </ul>

                            <div class="tab-content">
                                <div class="tab-pane fade active in" id="home">
                                    <h4>Montant : {{ $MontantA }} FBU</h4>
                             <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>Quantite</th>
                                            <th>PU</th>
                                            <th>PT</th>
                                            <th>Auteur</th>
                                            <th>Date Expiration</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($Approvisionnements as $App)
                                        <tr>
                                            <td>{{ $App->Quantite }}</td>
                                            <td>{{ $App->Pu }}</td>
                                            <td>{{ $App->Pt }}</td>
                                            <td>{{ $App->Auteur }}</td>
                                            <td>{{ $App->DateExpiration }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                                </div>
                                <div class="tab-pane fade" id="profile">
                                    <h4>Montant : {{ $MontantC }} FBU</h4>
                             <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>Unite de Vente</th>
                                            <th>Quantite</th>
                                            <th>Montant</th>
                                            <th>Auteur</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {!! $tableListeSortie !!}
                                    </tbody>
                                </table>
                            </div>
                                </div>
                                <div class="tab-pane fade" id="messages">
                                    <h4>Montant : {{ $MontantE }} FBU</h4>
                                <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>Quantite</th>
                                            <th>Montant</th>
                                            <th>Motif</th>
                                            <th>Auteur</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                       @foreach($Exclusions as $Exclusion)
                                          <tr>
                                            <td>{{ $Exclusion->Quantite }}</td>
                                            <td>{{ $Exclusion->Montant }}</td>
                                            <td>{{ $Exclusion->Motif }}</td>
                                            <td>{{ $Exclusion->Auteur }}</td>
                                        </tr>
                                       @endforeach
                                    </tbody>
                                </table>
                            </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
    </div>
             <!-- /. PAGE INNER  -->
            </div>
         <!-- /. PAGE WRAPPER  -->
@endsection