@extends('layouts.default') 
@section('content')
    <style>
        text.amcharts-pie-label {
            font-size: 8px!important;
        }
        .p-1{padding: 2px!important;}
        .m-1{margin: 2px!important;}
        .flex-container {
          display: flex;
          justify-content: space-between;
        }
        .flex-container > div {
          text-align: center;
        }
        .b-icon{
            position: absolute;
            font-size: 27px;    
            top: 10px;
            right: 20px;
        }
        .relative{ position: relative; }
        .absolute{ position: absolute; }
        .selected-inventaire{
            border: 3px solid dodgerblue;
            border-radius: 20px!important;
        }
        .z-depth-0>span{font-size: 14px;}
        .inputPosition{
            width: 110px!important;
            font-size: 15px!important;
            border: 1px solid #ada7a7!important;
            padding-left: 5px!important;
            height: 14px!important;
        }
        .bg-green{
            background: green!important;
        }
        .bg-green>td.text-center{
            color:#fff!important;
        }
    </style>


    <a class="btn btn-info" href="{{ route('inventaire.addProduit') }}"
       style="position: absolute;right: 560px;top: 7px;" >
        Ajout Prod
    </a>
    <a class="btn btn-warning" data-toggle="modal" data-target="#updateCabModal"
        style="position: absolute;right: 450px;top: 7px;" >
        Update CAB
    </a>
    <a href="{{ route('dashboard.updateStock') }}" class="btn btn-success" style="position: absolute;right: 332px;top: 7px;" >
        Update Stock
    </a>
    <a href="{{ route('hors_inventaire.index') }}" class="btn btn-primary" style="position: absolute;right: 200px;top: 7px;">
        Hors Inventaire
    </a>
    <a href="{{ route('position.index') }}" class="btn btn-primary" style="position: absolute;right: 111px;top: 7px;">Position</a>
    <div class="row">
        <div class="col-md-2 p-1">
            <div class="panel panel-body p-1 m-1 relative" style="background: #8ad2e8;">
                <h3 class="pull-left">{{$nbr_produits}}</h3>
                <h3 class="pull-right">{{$nbr_cab}}</h3>
                <div class="clearfix"></div>
                <div class="pull-left"> Produits</div>
                <div class="pull-right"> Code a barre</div>
            </div>
        </div>
        <div class="col-md-2 p-1">
            <div class="panel panel-body p-1 m-1 relative" style="background: #8aefc5;">
                <h3 class="pull-left">{{$inventorie}}</h3>
                <h3 class="pull-right">{{$inventorie_code}}</h3>
                <div class="clearfix"></div>
                <div class="pull-left" title="Code a barre Scanné"> Code Scanné</div>
                <div class="pull-right">Article Inventorié</div>
            </div>
        </div>
        <!--<div class="col-md-2 p-1">
            <div class="panel panel-body p-1 m-1 relative" style="background: #8aefc5;">
                <h3>{{$inventorie}}</h3>
                <i class="fa fa-barcode b-icon"></i>
                <div class="pull-right">Nbr de Code a barre Scanné</div>
            </div>
        </div>-->
        <div class="col-md-2 p-1">
            <div class="panel panel-body p-1 m-1 relative" style="background: #cdf5a9;">
                <h3>{{ $ecart }}</h3>
                <i class="fa fa-barcode b-icon"></i>
                <div class="pull-right">Nbr de produit avec ecart</div>
            </div>
        </div>

        <div class="col-md-2 p-1">
            <div class="panel panel-body p-1 m-1 relative" style="background: #8ad2e8;">
                <h3>{{$agent}}</h3>
                <i class="fa fa-users b-icon"></i>
                <div class="pull-right">Nbr d'Agent</div>
            </div>
        </div>
        <div class="col-md-2 p-1">
            <div class="panel panel-body p-1 m-1 relative" style="background: #03c173;color: #fff;">
                <h3>{{$prix_achat}}</h3>
                <i class="fa fa-usd b-icon"></i>
                <div class="pull-left">0%</div>
                <div class="pull-right">Ecart Valorisé Achat</div>
            </div>
        </div>
        <div class="col-md-2 p-1">
            <div class="panel panel-body p-1 m-1 relative" style="background: #f34137;color: #fff;">
                <h3>{{$prix_vente}}</h3>
                <i class="fa fa-usd b-icon"></i>
                <div class="pull-left">0%</div>
                <div class="pull-right">Ecart Valorisé Vente</div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4">
            <div class="panel panel-body">
                @if(session('success'))
                <div class="alert alert-success">{{session('success')}}</div>
                @endif
                 @if(session('warning'))
                <div class="alert alert-warning">{{session('warning')}}</div>
                @endif
                <form action="{{ route('dashboard.importInventaire')}}"  
                    enctype="multipart/form-data" method="POST" 
                    class="form-inline text-center" style="margin-top: -15px;">
                    {{ csrf_field() }}
                  <input type="text" class="form-control" name="inventaire_code" placeholder="Saisir code Inventaire...">
                  <input type="file" class="form-control" id="file" name="file" placeholder="Excel"
                            title="Télécharger fichier excel" style="width: 150px;">
                  <button type="submit" class="btn btn-info" style="margin-top: 1px;"
                            title="Enregistrer"><i class="fa fa-save"></i></button>
                </form>
                <div class="relative">
                    <a href="{{asset('uploads/ModelInventaire.xlsx')}}" class="absolute"
                        style="z-index: 1;top: 11px;left: 10px;color: blue;text-decoration: underline;">
                        Telecharger le Model
                    </a>
                    <table class="table" id="list-invs">
                        <thead>
                            <tr>
                                <th class="text-center">Code</th>
                                <th class="text-center">Article(s)</th>
                                <th class="text-center">Date</th>
                                <th class="text-center">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                        @if(count($liste_inventaire) > 0)
                            @foreach($liste_inventaire as $k => $inventaire)
                            <tr style="@if($inventaire->cloture==1) background: aquamarine; @else background: antiquewhite; @endif" 
                                class="@if($k==0) selected-inventaire @endif" 
                                id="inv-{{$inventaire->id}}">

                                <td class="text-center">
                                    <a onclick="selectInventaire('{{$inventaire->id}}', '{{$inventaire->code}}', '{{$inventaire->created_at}}');" style="color: blue;">
                                        {{ $inventaire->code }}
                                    </a>
                                </td>
                                <td class="text-center">
                                        {{ $inventaire->sum }}
                                </td>
                                <td class="text-center">
                                    @if(!is_null($inventaire->created_at))
                                        {{date('d/m/Y', strtotime($inventaire->created_at))}}
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if($inventaire->cloture == 0)
                                       <button class="btn btn-info btn-xs" style="margin:0px!important"
                                        onclick="clotureInventaire('{{ $inventaire->code }}');">
                                            <i class="fa fa-check-square" aria-hidden="true"></i>
                                       </button>
                                    @endif
                                       <button class="btn btn-danger btn-xs" style="margin:0px!important"
                                        onclick="deleteInventaire('{{ $inventaire->code }}');">
                                            <i class="fa fa-trash" aria-hidden="true"></i>
                                       </button>
                                </td>
                            </tr>
                            @endforeach
                        @endif
                        </tbody>
                    </table>
                </div>
                <!-- _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_--_-_-_-__ hors inv bro -_-_-_-_-_-__-_-_-_-_-_-_-_-_-_ -->
            </div>
        </div>
        <div class="col-md-8">
            <div class="panel panel_body">
                <div class="relative" style="min-height: 400px;">
                    @if(isset($liste_inventaire[0]))
                    <button class="btn btn-success" onclick="exportInventaire();" style="position: absolute;"
                            title="Exporter table Excel">
                        <i class="fa fa-file-excel-o"></i>
                    </button>
                    <a class="btn btn-warning" 
                        href="{{ route('dashboard.exportInventaireWithEcart', ['code' => $lastInventaire, 'avec_ecart' => 1])}}"
                        style="position: absolute;left:42px;"
                            title="Exporter table Excel avec Ecart">
                        <i class="fa fa-file-excel-o"></i>
                    </a>
                    <a class="btn btn-primary" 
                        href="{{ route('dashboard.exportInventaireWithEcart', ['code' => $lastInventaire, 'avec_ecart' => 0])}}"
                        style="position: absolute;left:82px;"
                            title="Exporter table Excel Sans Ecart">
                        <i class="fa fa-file-excel-o"></i>
                    </a>
                    <a class="btn btn-info" 
                        href="{{ route('dashboard.StockOutCorrespondanceExport', ['code' => $lastInventaire])}}"
                        style="position: absolute;left:123px;"
                            title="Exporter table Excel code a barre sans correspondance">
                        <i class="fa fa-file-excel-o"></i>
                    </a>
                <!--     <a class="btn btn-success" 
                        data-toggle="modal" data-target="#exportBytime"
                        style="position: absolute;left:173px;"
                        title="Export Inventaire [Interval]">
                        <i class="fa fa-file-excel-o"></i>
                    </a> -->
                    
                    <a href="{{ route('dashboard.exportInventairePharma', ['code' => $lastInventaire])}}">
                        <img src="{{asset('storage/imgs/pharmaplus.png')}}" 
                          
                            style="position: absolute;left:252px;height: 41px;cursor: pointer;"
                            title="Exporter PharmaPlus">
                    </a>
                    

                    @endif
                    
                    <img src="{{asset('images/loading.gif')}}" id="loading" style="position: absolute;
                                                                                top: 74px;
                                                                                left: 38%;
                                                                                width: 200px;
                                                                                display: none;">
                    
                    <input type="hidden" id="inventaire_code" value="@if(isset($liste_inventaire[0])) {{$liste_inventaire[0]->code}} @endif">
                    <input type="hidden" id="inventaire_date" value="@if(isset($liste_inventaire[0])) {{$liste_inventaire[0]->created_at}} @endif">
                    @if(count($inventaires) > 0)
                    <div class="pull-right" style="    height: 45px;">{{ $inventaires->appends($_GET)->links() }}</div>
                    @endif
                    <div class="clearfix"></div>
                    <form action="" method="GET" class="form-inline text-center">
                            <input type="text" name="code" placeholder="Code..." 
                                    style="width: 200px!important;" @if($code) value="{{$code}}" @endif>

                            <input type="text" name="code_a_barre" placeholder="Code a barre" 
                                    style="width: 200px!important;" @if($code) value="{{$code_a_barre}}" @endif>

                            <input type="text" name="designation" placeholder="Designation..." 
                                    style="width: 200px!important;" @if($designation) value="{{$designation}}" @endif>
                            <input type="text" name="position" placeholder="Position..." 
                                    style="width: 200px!important;" @if($position) value="{{$position}}" @endif>
                            <div class="clearfix"></div>
                            <input type="checkbox" name="stock_inventaire" 
                                    @if($stock_inventaire_v == "on") checked @endif>
                            <label >StockInventaire</label>

                            <input type="checkbox" name="stock_non_traite" 
                                    @if($stock_non_traite == "on") checked @endif>
                            <label  title="stock = 0">Non traité</label>

                            <input type="checkbox" name="stock_ecart" 
                                    @if($stock_ecart == "on") checked @endif>
                            <label  title="stock_ecart = 0">Ecart</label>


                            <input type="checkbox" name="ecart_positive" 
                                    @if($ecart_positive == "on") checked @endif>
                            <label  title="stock_ecart > 0">Ecart positive</label>



                            <button class="btn btn-primary btn-xs" type="submit"><i class="fa fa-search"></i></button>
                            <a href="{{ route('dashboard')}}" class="btn btn-warning btn-xs"><i class="fa fa-times"></i></a>
                    </form>
                    <!-- id="datatable-inv" -->
                    <table class="table" id="datatable-inv">
                        <thead>
                          <tr>
                            <th class="text-center">Code</th>
                            <th class="text-center">Désignation</th>
                            <th class="text-center">P.achat</th>
                            <th class="text-center">P.vente</th>
                            <th class="text-center">Date théorique</th>
                            <th class="text-center">Stock théorique</th>
                            <th class="text-center">Stock Inventaire</th>
                            <th class="text-center">Date Inventaire</th>
                            <th class="text-center">Ecart</th>
                            <th class="text-center">nbrPosition</th>
                            <th class="text-center">Position</th>
                            <th class="text-center">Agent</th>
                            <th class="text-center">Verifie</th>
                          </tr>
                        </thead>
                        <tbody id="panel_details">
                        @if(count($inventaires)>0)
                          @foreach($inventaires as $inventaire)
                                                      <tr>
                                <td class="text-center">
                                    <div data-toggle="modal" data-target="#panel_position_modal" class="c-blue" 
                                    onclick='getPositionsStockMultiple(
                                            "{{$inventaire->inventaire_code}}","{{$inventaire->code}}",
                                            "{{$inventaire->code_a_barre}}", "{{$inventaire->designation}}"
                                        );'> 
                                        {{$inventaire->code}}
                                    </div>
                                    </td>
                                <td class="text-center" style="@if($ecart<0) background: #fd8787;
                                @elseif ($ecart> 0) background: #32CD32 @endif">
                                    {{$inventaire->designation}}
                                </td>
                                <td class="text-center">{{$inventaire->prix_achat}}</td>
                                <td class="text-center">{{$inventaire->prix_vente}}</td>
                                <td class="text-center">
                                    @if(!is_null($inventaire->date_theorique))
                                        {{date('d/m/Y', strtotime($inventaire->date_theorique))}}
                                    @endif
                                </td>
                                <td class="text-center">{{$inventaire->stock_theorique}}</td>
                                <td class="text-center">
                                    <div data-toggle="modal" data-target="#panel_position_modal" class="c-blue" 
                                        onclick='getPositionsStockMultiple(
                                            "{{$inventaire->inventaire_code}}","{{$inventaire->code}}",
                                            "{{$inventaire->code_a_barre}}", "{{$inventaire->designation}}"
                                        );'> 
                                        {{$inventaire->stock_inventaire}}
                                    </div>
                                    </td>
                               
                                <td class="text-center">
                                    @if(!is_null($inventaire->date_inventaire))
                                        {{date('d/m/Y', strtotime($inventaire->date_inventaire))}}
                                    @endif
                                </td>
                                <td class="text-center" style="@if($ecart<0) background: #fd8787;
                                @elseif ($ecart> 0) background: #32CD32 @endif">
                                     {{$ecart}}
                                </td>
                                <td class="text-center">{{$inventaire->countposition}}</td>
                                <td class="text-center">{{$inventaire->position}}</td>
                                <td class="text-center">{{$inventaire->user}}</td>
                                <td class="text-center">{{$inventaire->verifie}}</td>
                            </tr>
                          @endforeach
                        @endif
                        </tbody>
                    </table>
                     @if(count($inventaires) > 0)
                    <div class="pull-right">{{ $inventaires->appends($_GET)->links() }}</div>
                    @endif
                </div>
            </div>
        </div>
    </div>


<!-- Modal -->
<div class="modal fade" id="panel_position_modal" tabindex="-1" role="dialog" aria-labelledby="panel_position_modalTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h5 class="modal-title" id="exampleModalLongTitle">Position et stock</h5>
      </div>
      <div class="modal-body">
        <div id="panel_stock_postions"></div>
      </div>
    </div>
  </div>
</div>


<!-- Modal -->
<div class="modal fade" id="modal_hors_inv" role="dialog" aria-labelledby="modal_hors_invTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h5 class="modal-title" id="exampleModalLongTitle">Affecter Code a barre</h5>
      </div>
      <div class="modal-body">
        <div id="panel_hors_inv"></div>
      </div>
    </div>
  </div>
</div>


<div class="modal fade" id="exportBytime" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Export Inventaire [Interval]</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{ route('dashboard.InventaireExportTime', ['code' => $lastInventaire])}}"
                method="GET">
            <div class="form-group">
                <label for="date">Datetime Début</label>
                <input type="datetime-local" class="form-control" name="datetime_debut" required>
            </div>
            <div class="form-group">
                <label for="date">Datetime Fin</label>
                <input type="datetime-local" class="form-control" name="datetime_fin" required>
            </div>
            <button type="submit" class="btn btn-primary"><i class="fa fa-file-excel-o"></i></button>

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


<div class="modal fade" role="dialog" id="updateCabModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h5 class="modal-title">Modifier code a barre dans les tables inventaire et correspendonce</h5>

            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        <form action="{{route('dashboard.updateCabModal')}}" method="POST">
                            {{csrf_field()}}
                            <div class="form-group">
                                <label for="">Ancien code a barre</label>
                                <input type="text" class="form-control" name="cab">
                            </div>
                            <div class="form-group">
                                <label for="">Nouveau code a barre</label>
                                <input type="text" class="form-control" name="new_cab">
                            </div>
                            <button type="submit" class="btn btn-success pull-right">
                                <i class="fa fa-save"></i>
                            </button>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    
    function getInventaireInfo(){
        var code = $('#inventaire_code').val();
        var date = $('#inventaire_date').val();
        date=moment(date).format('DD-MM-YYYY');
        return `inventaire_-_${code}_-_${date}`;
    };


    function selectInventaire(id, code, date){
        $('#inventaire_code').val(code);
        $('#inventaire_date').val(date);

        $('.selected-inventaire').removeClass('selected-inventaire');
        $('#inv-'+id).addClass('selected-inventaire');

        $('#panel_details').empty();
        $('#panel_details_hors_inv').empty();
        $('#loading').css("display", "block");

        $.ajax({
            url: '{{route("dashboard.getInventaire")}}',
            type: 'GET',
            data: {id: id, code:code},
        })
        .done(function(response) {
            var tr = ``;
            var trhors = ``;
            response.inventaire.forEach( function(element, index) {
                var ecart = element.stock_inventaire - element.stock_theorique;
                var stock_inventaire = (element.stock_inventaire== null) ? '' : element.stock_inventaire;

                var date_theorique  = (element.date_theorique== null)  ? '' : moment(element.date_theorique).format('DD/MM/YYYY');

                var date_inventaire  = (element.date_inventaire== null)  ? '' : moment(element.date_inventaire).format('DD/MM/YYYY');

                var position         = (element.position== null) ? '' : element.position;
                var user        = (element.user== null) ? '' : element.user;

                var style = (ecart < 0) ? 'background:#fd8787' : '';
                tr += `
                    <tr>
                        <td class="text-center">${element.code}</td>
                        <td class="text-center">${element.code_a_barre}</td>
                        <td class="text-center" style="${style}">${element.designation}</td>
                        <td class="text-center">${element.prix_achat}</td>
                        <td class="text-center">${element.prix_vente}</td>
                        <td class="text-center">${date_theorique}</td>
                        <td class="text-center">${element.stock_theorique}</td>
                        <td class="text-center">${stock_inventaire}</td>
                        <td class="text-center">${date_inventaire}</td>
                        <td class="text-center" style="${style}">${ecart}</td>
                        <td class="text-center">${position}</td>
                        <td class="text-center">${user}</td>
                    </tr>
                `;
            });
            response.hors_inventaire.forEach( function(element, index) {
                trhors += `
                    <tr>
                        <td class="text-center">${element.code_a_barre}</td>
                        <td class="text-center">${element.stock_inventaire}</td>
                    </tr>
                `;
            });
            $('#loading').css("display", "none");
            $('#panel_details').append(tr);
            $('#panel_details_hors_inv').append(trhors);
        })
        .fail(function() {
            console.log("error");
        });       
    };

    function exportInventaire(){
        var code = $('#inventaire_code').val();
        var date = $('#inventaire_date').val();
        //console.log(code);
         $.ajax({
            url: '{{route("dashboard.getInventaire")}}',
            type: 'GET',
            data: {code:code},
        })
        .done(function(response) {
           // console.log(response);
            response.inventaire.forEach( function(element, index) {
                response.inventaire[index]['ecart'] = element.stock_inventaire - element.stock_theorique;
                response.inventaire[index].stock_inventaire = (element.stock_inventaire== null) ? '' : element.stock_inventaire;
                response.inventaire[index].date_theorique  = (element.date_theorique== null)  ? '' : moment(element.date_theorique).format('DD/MM/YYYY');
                response.inventaire[index].date_inventaire  = (element.date_inventaire== null)  ? '' : moment(element.date_inventaire).format('DD/MM/YYYY');
                response.inventaire[index].position         = (element.position== null) ? '' : element.position;
                response.inventaire[index].user_code        = (element.user_code== null) ? '' : element.user_code;
            });
            var filename = getInventaireInfo();

            var file = {
                  sheetid: filename,
                  headers: true,
                  caption: {
                      title:filename,
                      style:'font-size: 50px; color:blue!important;'
                  },
                  column: {
                      style:'font-size:20px;background:#d1d1d1;'
                  },
                  columns: [
                    {columnid:'inventaire_code',title: 'Code Inventaire'},
                    {columnid:'code',title: 'Code produit'},
                    {columnid:'code_a_barre',title: 'Code a barre'},
                    {columnid:'designation',title: 'Désignation'},
                    {columnid:'prix_achat',title: 'P.Achat'},
                    {columnid:'prix_vente',title: 'P.Vente'},
                    {columnid:'date_theorique',title: 'Date théorique'},
                    {columnid:'stock_theorique',title: 'Stock théorique'},
                    {columnid:'stock_inventaire',title: 'Stock Inventaire'},
                    {columnid:'ecart',title: 'Ecart'},
                    {columnid:'date_inventaire',title: 'Date Inventaire'},
                    {columnid:'position',title: 'Position'},
                    {columnid:'user_code',title: 'Utilisateur'},
                    {columnid:'cloture',title: 'Cloturé'}   
                  ],
                  row: {
                      style: function(sheet,row,rowidx){
                          return 'text-align:center;background:'+(rowidx%2?'#fff':'#f1f1f1')+';height:100px!important;';
                      }
                  }
            };
            alasql('SELECT * INTO XLS("'+ filename +'.xls",?) FROM ?',[file,response.inventaire]);
        })
        .fail(function() {
            console.log("error");
        });
    };

    function exportInventaireCabStock(){
        var code = $('#inventaire_code').val();
        var date = $('#inventaire_date').val();
        //console.log(code);
         $.ajax({
            url: '{{route("dashboard.exportInventairePharma")}}',
            type: 'GET',
            data: {code:code},
        })
        .done(function(response) {
            console.log(response.inventaire);
            response.inventaire.forEach( function(element, index) {
                response.inventaire[index].stock_inventaire = (element.stock_inventaire== null) ? '' : element.stock_inventaire;
            });
            var filename = getInventaireInfo();

            var file = {
                  sheetid: filename,
                  headers: false,
                  column: {
                      style:'font-size:20px;background:#d1d1d1;',
                      cell: {
                            format : function(value){
                                return value.toString()
                            }
                      }
                  },
                  columns: [
                    {columnid:'code_a_barre',title: 'Code a barre'},
                    {columnid:'stock_inventaire',title: 'Stock Inventaire'}
                  ],
                  row: {
                      style: function(sheet,row,rowidx){
                          return 'text-align:center;background:'+(rowidx%2?'#fff':'#f1f1f1')+';height:100px!important;';
                      }
                  }
            };
            alasql('SELECT CONVERT(STRING,code_a_barre,12) as code_a_barre,stock_inventaire  INTO XLS("'+ filename +'.xls",?) FROM ?',[file,response.inventaire]);
        })
        .fail(function() {
            console.log("error");
        });
    };

    function clotureInventaire(code){
        Swal.fire({
          title: 'Cloturé l\'inventaire numero : '+code,
          text: "",
          type: 'warning',
          showCancelButton: true,
          confirmButtonColor: '#3085d6',
          cancelButtonColor: '#d33',
          confirmButtonText: 'Oui',
          cancelButtonText: 'Non'
        }).then((result) => {
            if (result.value) {
                $.ajax({
                    url: '{{route("dashboard.clotureInventaire")}}',
                    type: 'POST',
                    data: {code: code},
                    headers: {'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')}
                })
                .done(function(response) {
                    if(response.success==true){
                        Swal.fire(
                          'Inventaire '+code+' Cloturé!',
                          '',
                          'success'
                        );
                        window.location.reload();
                    }  
                })
                .fail(function() {
                    console.log("error");
                    Swal.fire(
                      'Oups!',
                      'error.',
                      'warning'
                    );
                });      
            }
        })
    };

    function deleteInventaire(code){
        Swal.fire({
          title: 'Supprimer l\'inventaire : '+code+' ?',
          text: "",
          type: 'warning',
          showCancelButton: true,
          confirmButtonColor: '#3085d6',
          cancelButtonColor: '#d33',
          confirmButtonText: 'Oui',
          cancelButtonText: 'Non'
        }).then((result) => {
            if (result.value) {
                $.ajax({
                    url: '{{route("dashboard.deleteInventaire")}}',
                    type: 'POST',
                    data: {code: code},
                    headers: {'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')}
                })
                .done(function(response) {
                    if(response.success==true){
                        Swal.fire(
                          'Inventaire Supprimé!',
                          'Succé',
                          'success'
                        );
                        window.location.reload();
                    }  
                })
                .fail(function() {
                    console.log("error");
                    Swal.fire(
                      'Oups!',
                      'Erreur.',
                      'warning'
                    );
                });      
            }
        })
    };

   /* function getPositionsStock(inventaire, code){
        
        $('#panel_stock_postions').empty();

        $.ajax({
            url: '{{route("dashboard.getPositionsStock")}}',
            type: 'GET',
            data: {
                    inventaire_code : inventaire,
                    code : code 
                },
        })
        .done(function(response) {
            if(response.length> 0){
                var block = ``;
                var tr = '';
                response.forEach( function(element, index) {
                    var id=element.code_a_barre + '_'+element.position;
                    var id_pos = id+'_pos';
                    var id_type = id+'_type';

                    var stock_inventaire = (element.stock_inventaire) ? element.stock_inventaire : '';
                    var position = (element.position) ? element.position : '';
                    var type = (element.type) ? element.type : 'piece';
                    tr += `
                        <tr>
                            <td class="text-center">${element.code_a_barre}</td>
                            <td class="text-center">
                                <input type="text" class="inputPosition" id="${id}" value="${stock_inventaire}" />
                            </td>
                            <td class="text-center">
                                <input type="text" class="inputPosition"  id="${id_pos}" value="${position}"/>
                            </td>
                            <td class="text-center">
                                <input type="text" class="inputPosition"  id="${id_type}" value="${type}"/>
                            </td>
                            <td class="text-center">${element.date_inventaire}</td>
                            <td class="text-center">
                                <button class="btn btn-success btn-xs" style="margin:0px;"
                                onclick="updatequantiteposition('${element.code_a_barre}', '${element.position}', '${element.code}')">
                                    <i class="fa fa-save"></i>
                                </button>
                            </td>
                        </tr>
                    `;
                });

                block += `<h3 class="text-center">${response[0].designation}</h3>`;
             
                block += `<table class="table">
                    <thead>
                        <tr>
                            <th class="text-center">Code a barre</th>
                            <th class="text-center">Quantite stock</th>
                            <th class="text-center">Position</th>
                            <th class="text-center">Type</th>
                            <th class="text-center">Date</th>
                            <th class="text-center">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        ${tr}
                    </tbody>
                </table>`;
                $('#panel_stock_postions').append(block);

            }
            
        })
        .fail(function() {
            console.log("error");
        }); 
    };
    */

    function getPositionsStockMultiple(inventaire, code, code_a_barre , designation){
        console.log(code_a_barre, code);
        $('#panel_stock_postions').empty();
        var date = moment().format('YYYY-MM-DD');
        $.ajax({
            url: '{{route("dashboard.getPositionsStockMultiple")}}',
            type: 'GET',
            data: {
                    inventaire_code : inventaire,
                    code : code ,
                    code_a_barre : code_a_barre
                },
        })
        .done(function(response) {
            var block = ``;
            var tr = '';
            var thead = `<thead>
                            <tr>
                                <th class="text-center">Code a barre</th>
                                <th class="text-center">Quantite stock</th>
                                <th class="text-center">Position</th>
                                <th class="text-center">Type</th>
                                <th class="text-center">Date</th>
                                <th class="text-center">Action</th>
                            </tr>
                        </thead>`;
            if(response.length > 0){
                response.forEach( function(element, index) {
                    var id = element.code_a_barre + '_'+element.position;
                        
                    var id_pos = id+'_pos';
                    var id_type = id+'_type';

                    var stock_inventaire = (element.stock_inventaire) ? element.stock_inventaire : '';
                    var position = (element.position) ? element.position : '';
                    var type = (element.type) ? element.type : 'piece';
                    tr += `
                        <tr>
                            <td class="text-center">${element.code_a_barre}</td>
                            <td class="text-center">
                                <input type="text" class="inputPosition" id="${id}" value="${stock_inventaire}" />
                            </td>
                            <td class="text-center">
                                <input type="text" class="inputPosition"  id="${id_pos}" value="${position}"/>
                            </td>
                            <td class="text-center">
                                <input type="text" class="inputPosition"  id="${id_type}" value="${type}"/>
                            </td>
                            <td class="text-center">${element.date_inventaire}</td>
                            <td class="text-center">
                                <button class="btn btn-primary btn-xs" style="margin:0px;"
                                onclick="updatequantiteposition('${element.code_a_barre}', '${element.position}', '${element.code}')">
                                    <i class="fa fa-pencil"></i>
                                </button>
                            </td>
                        </tr>
                    `;
                });
            }else{
                var position = '_new_pos';
                var id = code_a_barre + '_'+position;
                    id= id.replace(/\s/g, '');
                var id_pos = id+'_pos';
                var id_type = id+'_type';
                var id_cab = id+'_cab';

                var type =  'piece';
                tr += `<tr>
                            <td class="text-center" colspan="6" style="color: green;"> Produit Non inventorié </td>
                        </tr>
                        <tr>
                            <td class="text-center">
                                <input type="text" class="inputPosition"  id="${id_cab}" value="${code_a_barre}"/>
                            </td>
                            <td class="text-center">
                                <input type="text" class="inputPosition" id="${id}"/>
                            </td>
                            <td class="text-center">
                                <input type="text" class="inputPosition"  id="${id_pos}"/>
                            </td>
                            <td class="text-center">
                                <input type="text" class="inputPosition"  id="${id_type}" value="${type}"/>
                            </td>
                            <td class="text-center">${date}</td>
                            <td class="text-center">
                                <button class="btn btn-success btn-xs" style="margin:0px;"
                                onclick="Ajouterquantiteposition('${code_a_barre}', '${position}', '${code}')">
                                    <i class="fa fa-save"></i>
                                </button>
                            </td>
                        </tr>
                    `;
            }
            block += `<h3 class="text-center">${designation}</h3>`;
            block += `<table class="table">
                ${thead}
                <tbody>
                    ${tr}
                </tbody>
            </table>`;
            $('#panel_stock_postions').append(block);
        })
        .fail(function() {
            console.log("error");
        }); 
    };

    function updatequantiteposition(code_a_barre, position,code){
        var id = code_a_barre+'_'+position;
        var quantite = $(`#${id}`).val();
        var new_pos = $(`#${id}_pos`).val();
        var new_type = $(`#${id}_type`).val();

        var new_cab = $(`#cab_new`).val();
        console.log(code_a_barre, new_cab);
        if(code_a_barre == 'null' && new_cab== ''){
            toastr.warning('code a barre obligatoire', "attention!!");
            return;
        }else{
            $.ajax({
                url: '{{route("dashboard.updatequantiteposition")}}',
                type: 'POST',
                data: {
                    code_a_barre: code_a_barre,
                    code: code,
                    position: position,
                    quantite: quantite,
                    new_pos: new_pos,
                    new_cab: new_cab,
                    new_type: new_type
                },
                headers: {'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')}
            })
            .done(function(response) {
                if(response.success==true){
                    toastr.success('Saved', "Succès!!");
                    //window.location.reload();
                }
                if(response.success==false){
                    toastr.warning('Attention', response.message);
                }

            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
        }    
    };

    function Ajouterquantiteposition(code_a_barre, position,code){
        var id = code_a_barre+'_'+position;
        var quantite = $(`#${id}`).val();
        var new_pos = $(`#${id}_pos`).val();
        var new_type = $(`#${id}_type`).val();
        var new_cab = $(`#${id}_cab`).val();


            $.ajax({
                url: '{{route("dashboard.Ajouterquantiteposition")}}',
                type: 'POST',
                data: {
                    code_a_barre: new_cab,
                    code: code,
                    // position: position,
                    quantite: quantite,
                    new_pos: new_pos,
                    new_type: new_type
                },
                headers: {'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')}
            })
            .done(function(response) {
                if(response.success==true){
                    toastr.success('Saved', "Succès!!");
                    //window.location.reload();
                }
                if(response.success==false){
                    toastr.warning('Attention', response.message);
                }

            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
           
    };

    /** 
    * hors inventaire
    */
    /*function affectationcodeabarre(code_a_barre, inventaire_code, produit_code){
        $('#panel_hors_inv').empty();
        $('#panel_hors_inv').append(`<h3 class="text-center">${code_a_barre}</h3>`);
        var search = '';
        $.ajax({
            url: '{{route("dashboard.selecthorsInvProd")}}',
            type: 'GET'
        })
        .done(function(response) {
            var options = '<option value="">Choisir...</option>';
            response.forEach( function(element, index) {
                var selected = (element.code == produit_code && produit_code != 'null')? 'selected' : '';
                options += `<option value="${element.code}" ${selected} >${element.designation}</option>`;
                            console.log(element.code, produit_code, selected);

            });
            search = `
            <div class="row">
                <div class="col-md-12">
                    <div class="text-center">
                        <b>Produit : </b>
                        <select type="text" class="form-control" id="prods_select" >
                            ${options}
                        </select>
                    </div>
                    <button class="btn btn-success pull-right" onclick="changeCabHoreInv('${code_a_barre}', '${inventaire_code}');">
                        <i class="fa fa-save"></i>
                    </button>
                </div>
            </div>`;
            $('#panel_hors_inv').append(search);

            $("#prods_select").select2({
                theme: "classic",
                placeholder: 'Produit...',
                allowClear: true,
                sorter: function(results) {
                        var query = $('.select2-search__field').val().toLowerCase();
                        return results.sort(function(a, b) {
                          return a.text.toLowerCase().indexOf(query) -
                            b.text.toLowerCase().indexOf(query);
                        });
                      }
            });
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });

    };

    function changeCabHoreInv(code_a_barre, inventaire_code){
       var code = $('#prods_select').val();
        if(code){
            $.ajax({
                url: '{{route("dashboard.changeCabHoreInv")}}',
                type: 'POST',
                data: {
                    code: code,
                    code_a_barre: code_a_barre,
                    inventaire_code: inventaire_code
                },
                headers: {'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')}
            })
            .done(function(response) {
                if(response.success == true){
                    console.log(response);
                    toastr.success('Succés', 'Code a barre affecté avec succée!');
                }
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
            
        }else{
            toastr.warning('Attention', 'Produit Obligatoire!');

        }
    };


    function deleteCAB(code_a_barre, inventaire_code, position){
        Swal.fire({
          title: 'Supprimer code a barre : '+code_a_barre+' ?',
          text: "",
          type: 'warning',
          showCancelButton: true,
          confirmButtonColor: '#3085d6',
          cancelButtonColor: '#d33',
          confirmButtonText: 'Oui',
          cancelButtonText: 'Non'
        }).then((result) => {
            if (result.value) {
                var id ='tdhor'+code_a_barre+'-'+ inventaire_code + '-'+position
                var data = {
                    code_a_barre : code_a_barre,
                    inventaire_code : inventaire_code,
                    position : position
                };

                $.ajax({
                    url: '{{ route("dashboard.deleteCAB") }}',
                    type: 'POST',
                    data: data,
                    headers: {'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')}
                })
                .done(function(response) {
                    if(response.success==true){
                        toastr.success('Succés', 'Code a barre supprimé avec succée!');
                        $(`#${id}`).hide(1000);
                    }else{
                        toastr.warning('Attention', 'Code a barre non supprimé!');
                    }
                })
                .fail(function() {
                    //console.log("error");
                })
                .always(function() {
                    //console.log("complete");
                });   
            }
        })    
    };*/
    /** 
    * fin hors inventaire
    */
    function cab_new_for_update(code_a_barre, inventaire_code){
        var cab_new = $('#cab_new_for_update').val();
       // console.log(inventaire_code, code_a_barre, cab_new);
        
        $.ajax({
            url: '{{ route("dashboard.cab_new_for_update")}}',
            type: 'POST',
            data: {
                cab_new: cab_new,
                code_a_barre: code_a_barre,
                inventaire_code: inventaire_code
            },
            headers: {'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')}
        })
        .done(function(response) {
            //console.log("success");
            if(response.success==true){
                toastr.success('Succés', 'Code a barre modifié avec succée!');
                window.location.reload();
            }else{
                toastr.warning('Attention', response.message);
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    };
   </script>
@endsection