@extends('layouts.master')
 @section('content')
<!-- Example Tab -->
<h4> <strong></strong> </h4>
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="header">
                <h2><strong>{{$stk_carb->nom_stock}} - {{$stk_mouv->code_type}} - {{$stk_mouv->nom_operation}}</strong> 

                
            </h2>
                <ul class="header-dropdown">
                    <li class="remove">
                        <strong><a href="/transaction">Voir toutes les expressions de besoin</a></strong>
                    </li>
                    <li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="zmdi zmdi-more"></i> </a>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li><a href="javascript:void(0);">Action</a></li>
                            <li><a href="javascript:void(0);">Another action</a></li>
                            <li><a href="javascript:void(0);">Something else</a></li>
                        </ul>
                    </li>
                    <li class="remove">
                        <a role="button" class="boxs-close"><i class="zmdi zmdi-close"></i></a>
                    </li>
                </ul>
            </div>
            <div class="body">
                
                <!-- Nav tabs -->
                <ul class="nav nav-tabs p-0 mb-3">
                     

                    <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#tousvehicules">Vehicules</a></li>

                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#stockdisponible">Stock disponible</a></li>
                   

                     <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#listeDetailsMouvementForOneStock">Details {{$stk_carb->nom_stock}}</a></li>

                      
                    
                </ul>                        
                <!-- Tab panes -->
                <div class="tab-content">

<div role="tabpanel" class="tab-pane active" id="tousvehicules">
     <div class="header">
                
                 <a href="/vehicules" class="btn btn-primary"> Tous vehicules </a>
                 @foreach($cat_vehi as $cat) 
                 <a href="/vehicules/{{$cat->id_cat_vehi}}" class="btn btn-primary"> {{$cat->cat_vehi}} </a>
                 @endforeach
      
                <ul class="header-dropdown">
                    <li><a href="/add_vehicule" class="btn btn-primary"> Ajouter un vehicule </a> 
                      
                    </li>
                </ul>
            </div>
            <div class="body">
            @if(Session::has('message'))
                     <div class="alert alert-success">
                    <strong>{{Session::get('message')}}</strong>
                     </div>
                @endif
    

        <div class="table-responsive">
        <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
        <thead  style="background-color: #5bc0de ">
        <tr>
            <th>Vehicule</th>
            <th>Marque</th>
            <th>Modele</th>
            <th>Proprietaire</th>
             <th>Carburant</th>
            <th>Action</th> 
        </tr>   
        </thead>
        
    @foreach($auto as $auto)
<tr>

    <td><strong><a href="/detail_vehicule/{{$auto->id_vehicule}}">{{ $auto -> num_immatriculation }}</a></strong><br>
    </td>    
    <td>{{ $auto -> marque }}</td>
    <td>{{ $auto -> modele }}</td>
    <td>{{ $auto -> name }}</td>
    <td>{{ $auto -> type_carburant }}</td>
 <td>
     
 </td>
 
     
</tr> 


<!-- Modal view carte rose -->
<div class="modal fade" id="modalViewCarte{{ $auto->id_vehicule }}" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Carte Rose</h4>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal" aria-label="Close">Fermer</button>
            </div>
            <div class="modal-body"> 
              <div class="container-fluid" style="background-color: #C0C0C0">
     <div class="row">
     
<iframe src="{{ asset('uploads/cartes_roses/' . $auto->image) }}" width="730" height="600"></iframe>

</div>
               
            </div>
 <form action="/save_editauto_image/{{ $auto->id_vehicule }}" method="POST" enctype="multipart/form-data">
  {{ csrf_field() }}
          <div class="col-md-6">
                     <label for="image" >Modifier la carte rose</label>

                             <div class="custom-file">
                                <input type="file" name="image" class="form-control show-tick"  value="{{ old('image') }}" required accept="image/*,application/pdf">

                                @if ($errors->has('image'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('image') }}</strong>
                                    </span>
                                @endif 
                            </div>
                            <p>Format:  jpeg, jpg, png, pdf.</p>
                            <button class="btn btn-raised btn-primary waves-effect" type="submit">ENREGISTRER</button>
           </div>

                  
                    
      </form>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Fermer</button>
            </div>
        </div>
    </div>
</div>

@endforeach                                               
</table>
 </div>
 </div>
             </div>












<div role="tabpanel" class="tab-pane" id="stockdisponible">
                       
             @if(Session::has('message'))       
        <p class="alert alert-success" align="center"> {{Session::get('message')}}</p>
             @endif


            <div class="table-responsive">
    <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
    <thead style="background-color: #5bc0de ">
        <tr>
     <th width="10px">No</th>
     <th>Code Piece</th>
     <th>Nom piece</th> 
     <th>Reference piece</th>     
      <th>Stock Disponible</th>
      <th>CUMP</th>
       
      <th>Action</th>
        </tr>   
        </thead>
     @foreach($piecestock as $key=>$p)     
    <tr>
       
       <td>{{++$key}}</td>
       <td>{{$p->code_piece}}</td>
       <td>{{$p->nom_piece}}</td>   
       <td>{{$p->reference_piece}}</td>       
       <td>{{$p->quantite}}</td>
       <td>{{$p->cump}}</td>
       
        <td> 
             <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalEdit{{$p->id_piece}}"> Add </a>
             
             <a href="/detailspiece/{{$p->id_piece}}" class="btn btn-default btn-round waves-effect"> Details </a>
        </td>        
    </tr> 



<div class="modal fade" id="ModalEdit{{$p->id_piece}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">{{$p->nom_piece}}</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_mouvement_piece">
            <div class="modal-body"> 
 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label>Quantite disponible</label>
                        <input disabled="true" type="number" value="{{$p->quantite}}" name="quantite" placeholder="Nom du piece ici" class="form-control" required>
                    </div>

                     <div class="form-group form-float">
                        <label>Quantite Demandée</label>
                        <input type="number" value="" name="quantitedemandee" placeholder="Quantite Demandée ici" class="form-control" required>
                    </div>

                     <div class="form-group form-float">
                        <label>Quantite à Servir</label>
                        <input type="number" value="" name="quantiteaservir" placeholder="Quantite à Servir ici" class="form-control" required>
                    </div>
<input type="hidden" value="{{$p->quantite}}" name="quantite" placeholder="Nom du piece ici" class="form-control" required>
<input type="hidden" value="{{$stk_mouv->id_type_mouvement}}" name="id_mouv_stock"  class="form-control" required>
<input type="hidden" value="{{$p->id_piece}}" name="id_piece"  class="form-control" required> 
<input type="hidden" value="{{$stk_mouv->code_operation}}" name="code_op"  class="form-control" required> 

                    <div class="form-group form-float">
                        <label>Prix unitaire</label>
                        <input type="number" value="{{$p->cump}}" name="pu" placeholder="Code Stock ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Description</label>
                        <input type="text" value="{{$p->cump}}" name="description" placeholder="Description ici" class="form-control" >
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default btn-round waves-effect">Ajouter</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Fermer</button>
            </div>
        </form>
        </div>
    </div>
</div>

      @endforeach                                            
    </table>
     </div>
    
    
       
<!-- Modal ajout -->
<div class="modal fade" id="ModalAjout" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Reception des Pieces en Stock</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_piece">
            <div class="modal-body"> 
 
                    {{ csrf_field() }}
                   <div class="form-group form-float">
                        <label>Piece a receptionner</label>
                        <select name="piecereceive" class="form-control">
                          @foreach($piecestock as $mm)
                          <option value="{{$mm->id_piece}}">{{$mm->nom_piece}} </option>>
                           @endforeach 
                        </select>                         
                    </div>
                    

                    <div class="form-group form-float">
                        <label>Quantité disponible</label>
                        <input disabled="true" type="number" name="quantite" placeholder="Quantite ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Quantité demandée</label>
                        <input disabled="true" type="number" name="quantite" placeholder="Quantite ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Quantité Servie</label>
                        <input disabled="true" type="number" name="quantite" placeholder="Quantite ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Prix Unitaire</label>
                        <input type="number" name="pu" placeholder="Prix unitaire" class="form-control" required>
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default btn-round waves-effect">Enregistrer</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Fermer</button>
            </div>
        </form>
        </div>
    </div>
</div>                       
</div>



















<div role="tabpanel" class="tab-pane" id="listeDetailsMouvementForOneStock">
    <div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="body">
             @if(Session::has('message'))       
        <p class="alert alert-success" align="center"> {{Session::get('message')}}</p>
             @endif

            <div class="table-responsive">
    <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
    <thead style="background-color: #5bc0de ">
        <tr>
     <th width="10px">No</th>
     <th>Code Piece</th>
     <th>Intutilé Piece</th>
     <th>Reference Piece</th>
     <th>Qté Servie</th>
     <th>Type Mou</th>
     <th>Reference</th> 
     <th>Status</th>     
      <th>Date Mouv</th>
       
      <th>Action</th>
        </tr>   
        </thead>
     @foreach($listeDetailsMouvementForOneStock as $key=>$st)     
    <tr>       
       <td>{{++$key}}</td>
        <td>{{$st->code_piece}}</td> 
       <td>{{$st->nom_piece}}</td> 
        <td>{{$st->reference_piece}}</td> 
        <td>{{$st->quantite_detail}}</td> 
       <td>{{$st->nom_type}}</td> 
       <td>{{$st->piece_justificative}}</td>
        <td> @if($st->status_mouvement == 0)
            Rejected
        @elseif($st->status_mouvement == 1)
            Encours
        @else
            Approved
        @endif </td>  
       <td>{{$st->date_mouvement}}</td>
             
        <td> 
             <a href="/detailspiece/{{$st->id_mouvement_stock}}" class="btn btn-default btn-round waves-effect"> Details </a>
        </td>        
    </tr> 
      @endforeach  

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








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


@stop