@extends('layouts.master')
@section('content')
<center><h3>Le Stock initial des articles de stock divers</h3></center>
    <!-- Messages flash -->
    @if (session()->has('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="fas fa-check-circle me-2"></i> {{ session()->get('success') }}
            <button Categorie="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @elseif (session()->has('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <i class="fas fa-exclamation-triangle me-2"></i> {{ session()->get('error') }}
            <button Categorie="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show">
            <i class="fas fa-times-circle me-2"></i> Veuillez corriger les erreurs suivantes :
            <ul class="mb-0 mt-2">
                @foreach($errors->all() as $message)
                    <li>{{ $message }}</li>
                @endforeach
            </ul>
            <button Categorie="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif


<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <a href="#"> <button class="btn btn-primary"  data-toggle="modal" data-target="#ModalAjout">Stock Initial </button></a>
            <div class="body">
            <div class="table-responsive">
            <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
    <thead style="background-color: #5bc0de">
        <tr>
            <th>#</th>
        <th>Nom article</th>
      <th>Categorie d'article</th>
      <th>Quantité Initiale</th>
      <th>Qte en stock</th>
      <th>CUMP</th>
      <th>Prix Total</th>
     <th>Quantité reservée</th>
     <th>Quantité disponible</th>
      <th>Action</th>
        </tr>   
    </thead>
    @php $i=1; @endphp
     @foreach($stock_divers_initials as $us)
   
<tr>
    <td>{{$i++}}</td>
    <td>{{$us->nom_article}}</td>
    <td>{{$us->nom_categorie}}</td>
    <td>{{$us->stock_inventorier}}</td>
    <td>{{$us->qte_stock}}</td>
    <td>{{$us->cump_article}}</td>
    <td>{{$us->qte_stock * $us->cump_article}}</td>
    <td>{{$us->qte_reserver}}</td>
    <td>{{$us->qte_disponible }}</td>
    <td>        
        <a href='' class="btn btn-sm btn-primary edit-brand" data-toggle="modal" data-target="#ModalEdit{{$us->id_article}}"><span style="display:none;"></span><i class="zmdi zmdi-edit"></i></a> 

        <a href='' class="icon col-sm-4 col-xs-6" data-toggle="modal" data-target="#ModalDetails{{$us->id_article}}" ><i class="zmdi zmdi-hc-fw"></i> <span></span></a> 

       
    </td> 
</tr> 


<div class="modal fade" id="ModalDetails{{$us->id_article}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Details: {{$us->nom_article}} </h4>
            </div>
        <form id="form_validation" method="POST" action="#">
            <div class="modal-body"> 
                     @csrf
                     @method('PATCH')
                     <div class="form-group form-float">                        
                        <label>Article</label>
                     <input type="text" name="nom_article" value="{{$us->nom_article}}" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label for="role">Quantité initiale</label>
                        <input type="text" name="stock_inventorier" value="{{$us->stock_inventorier}}" class="form-control">
                    </div>
                     <div class="form-group form-float">
                        <label for="role">Quantité totale en stock</label>
                        <input type="text" name="qte_stock" value="{{$us->qte_stock}}" class="form-control">
                    </div>
                      <div class="form-group form-float">
                        <label for="role">Prix Unitaire/CUMP</label>
                        <input type="text" name="cump_article" value="{{$us->cump_article}}" class="form-control">
                    </div>
                    <div class="form-group form-float">
                        <label for="role">Prix Total du stock</label>
                        <input type="text" name="cump_article" value="{{$us->qte_stock * $us->cump_article}}" class="form-control">
                    </div>
                         <div class="form-group form-float">
                        <label for="role">Quantité Reservée</label>
                        <input type="text" name="qte_reserver" value="{{$us->qte_reserver}}" class="form-control">
                    </div>
                     <div class="form-group form-float">
                        <label for="role">Quantité Disponible</label>
                        <input type="text" name="qte_disponible" value="{{$us->qte_disponible}}" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label for="role">Quantité consommée</label>
                        <input type="text" name="qte_sortie" value="{{$us->qte_sortie}}" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label for="role">Quantité Perdue</label>
                        <input type="text" name="qte_perdu" value="{{$us->qte_perdu}}" class="form-control">
                    </div>
             </div>
        </form>
        </div>
    </div>
</div>


<div class="modal fade" id="ModalEdit{{$us->id_article}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Modifier le stock initial: {{$us->nom_article}} </h4>
            </div>
        <form id="form_validation" method="POST" action="/edit_stock_article/{{$us->id_stock_initial}}">
            <div class="modal-body"> 
                     @csrf
                     @method('PATCH')
                    <div class="form-group form-float">
                        <label for="role">Quantité Initiale</label>
                        <input type="text" name="stock_inventorier" value="{{$us->stock_inventorier}}" class="form-control">
                    </div>

                    <div class="form-group form-float">
                        <label for="role">Prix Unitaire</label>
                        <input type="text" name="cump_article" value="{{$us->cump_article}}" class="form-control">
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary 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> 
  @endforeach                                            
</table>
 </div>
 </div>
 </div>
 </div>
</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">Initialiser le stock</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_stock_divers_initials" class="was-validated" onsubmit="myButton.disabled = true; return true;">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">                        
                        <label>Article</label>
                        <select name="article_id" class="form-control show-tick ms select2" required data-placeholder="Selectionner l'article">
                            <option value="">-----------selectionner article----------</option>
                            @foreach($articles as $arti)
                            <option value="{{$arti->id_article}}">{{$arti->nom_article}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group form-float">                        
                        <label>Quantité initial *</label>
                        <input type="number" name="stock_inventorier" placeholder="Quantité Initiale ici" class="form-control" required>
                    </div>
                    
                    <div class="form-group form-float">                        
                        <label>Prix Unitaire *</label>
                        <input type="number" name="cump_article" placeholder="Prix Unitaire ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Date d'initialisation *</label>
                        <input type="date" value="" name="initialiser_le" placeholder="Date de la demande ici" required="" class="form-control" >
                    </div>
                   
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary 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>
       @endsection

 @section('page-script')

@stop