@extends('app')
@section('content')
<!-- Content Header (Page header) -->
{!! Html::script('assets/js/jsPDF/jspdf.js') !!}
<!--<script src="../../assets/js/jspdf/jspdf.js"></script>-->
{!! Html::script('assets/js/jsPDF/dist/jspdf.min.js') !!}
<!--<script src="../../assets/js/jspdf/dist/jspdf.min.js"></script>-->
{!! Html::script('assets/js/jsPDF/jsPDF-AutoTable/dist/jspdf.plugin.autotable.js') !!}
<section class="content-header" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
    <h1>
        Le détail du bon de réception
    </h1>
 
</section>
<!-- Main content -->
<section class="content">
    <!-- Messages -->

    @if(Session::has('msgAdd'))
    <div class="box box-success box-solid">
        <div class="box-header with-border">
            <div class="box-title">
                <span> <i class="fa fa-check"></i></span>
                <em>{!! session('msgAdd') !!}</em>
            </div>
            <div class="box-tools pull-right">
                <button class="btn btn-box-tool" data-widget="remove">
                    <i class="fa fa-times"></i>
                </button>
            </div>
        </div>
    </div>
    @endif

    @if(Session::has('msgExist'))
    <div class="box box-warning box-solid">
        <div class="box-header with-border">
            <div class="box-title">
                <span> <i class="fa fa-check"></i></span>
                <em>{!! session('msgExist') !!}</em>
            </div>
            <div class="box-tools pull-right">
                <button class="btn btn-box-tool" data-widget="remove">
                    <i class="fa fa-times"></i>
                </button>
            </div>
        </div>
    </div>
    @endif
    <!-- fin messages -->
    <!-- Default box -->
    <div class="box" id="MYDIV">
        <div class="box-body">
            <div class="box-tools pull-right">
                @if($bonReception->statut == 2 || $bonReception->statut==1 )
                <a data-toggle="modal" data-target="#valider_reception_modal" class="btn btn-block btn-primary">
                    Valider la réception
                </a>

                @endif
            </div>
            <div class="form-group">
                <div class="col-lg-12">
                    <div class="col-lg-3">

                        <label>N° Commande fournisseur : </label>
                        <input type="text" class="form-control" id="num_commande" name="num_commande" placeholder="" required  @if($bonReception->id_commande > 0) value="{{$bonReception->commandeFounisseur->num_commande_fournisseur}}" @endif readonly >
                    </div>

                    <div class="col-lg-3">
                        <label>Fournisseur : </label>
                        <input type="text" class="form-control" id="fournisseur" name="fournisseur" placeholder="" required @if($bonReception->id_commande > 0)  @if ($bonReception->commandeFounisseur->fournisseur != null ||$bonReception->commandeFounisseur->fournisseur != '')
                        value="{{$bonReception->commandeFounisseur->Fournisseur->societe}}" @endif @endif readonly >
                    </div>

                    <div class="col-lg-3">
                        <label>Contrat : </label>
                        <input type="text" class="form-control" id="contrat" name="contrat" placeholder="" required value="{{$bonReception->contrat}}"  readonly >
                    </div>

                    <div class="col-lg-3">
                        <label>Facture : </label>
                        <input type="text" class="form-control" id="facture" name="facture" placeholder="" required value="{{$bonReception->facture}}"  readonly >
                    </div>

                </div>
                <div class="col-lg-12 ">
                    <div class="col-lg-3">
                        <label>N° Bon réception : </label>
                        <input type="text" class="form-control" id="num_bon_reception" name="num_bon_reception" placeholder="" required value="{{$bonReception->num_bon_reception}}" readonly >
                    </div>
                    <div class="col-lg-3">
                        <label>Date bon de réception :</label>
                        <input type="date" class="form-control" id="date_creation"  name="date_creation" value="{{$bonReception->date_creation}}"  required readonly >

                    </div>
                    @if (Session::get('STOCK_ENTITE')=='1')
                    <div class="col-lg-6">
                        <label>Entité : </label>
                        <input id="entitee"type="text" class="form-control"
                        @if ($bonReception->entite != null)
                        @if ($bonReception->entite->libelle_entite != null)
                            value="{{ $bonReception->entite->type_entite }} / {{ $bonReception->entite->num_entite }} / {{ $bonReception->entite->libelle_entite  }}" 
                        @else
                            value="{{ $bonReception->entite->type_entite }} / {{ $bonReception->entite->num_entite }} " 
                        @endif
                        @endif
                        
                        readonly >

                    </div>
                    @endif

                    <div class="col-lg-3">
                        <label>N° de document : </label>
                        <input type="text" class="form-control" id="num_document" 
                        @if (Session::get('TYPE_NUMERO_DOCUMENT') == "1")
                             value="PACKING LIST / {{ $bonReception->num_document }}"
                        @else
                            value="{{ $bonReception->num_document }}"
                        @endif 
                        
                        readonly >

                    </div>
                    <div class="col-lg-3">
                        <label>Statut : </label>
                        <input type="text" class="form-control" id="statut"  name="date_creation" @if($bonReception->statut==0 ) value="En attente réception"  @elseif($bonReception->statut==2 || $bonReception->statut == 1)value="En attente validation"
                        @elseif($bonReception->statut==3)
                        value="Validé"
                        @endif  required readonly >

                    </div>

                    
                    @if(Session::get('USE_UE')=='1')
                    @if ($bonReception->unite_expedition == "1")
                    <div class="col-lg-3">
                        <br>
                        <input type="checkbox" name="ue" id="unite_expedition" disabled
                        checked >
                        <label>Avec unité d'expédition</label>
                    </div>
                    @endif
                    @endif
                    <br>

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


            </div>
            @if(Session::get('USE_UE')=='1')
            @if ($bonReception->unite_expedition == "1")
            @if($bonReception->statut == 2 || $bonReception->statut==1 )
            <br>
            @endif
            <button type="button" id="btn-export"  class="btn btn-flat btn-danger" 

            
                            onclick="genPDF1()"
                        


            style="float: right;margin-right: 1.5%;">Export PDF</button>
            <br><br><br><br>
            <br><br><br><br>
            @endif
            @endif
            <br>

            <div class="col-lg-12">
                <div class="table-responsive">
                    <table id="example1" class="table table-bordered table-striped dataTable">
                        <thead>
                            <tr role="row">
                                @if (Session::get('TYPE_STOCK_EMPLACEMENT_MOBILE') == '1')
                                    <th class="text-center sorting_asc">N°UE</th>
                                @endif
                                
                             
                             <th class="text-center sorting_asc">Référence produit</th>
                             <th class="text-center sorting_asc">Désignation</th>
                             <th class="text-center sorting_asc">Emplacement</th>
                             <th class="text-center sorting_asc">Quantité</th>
                             <th class="text-center sorting_asc">Reste à recevoir</th>
                             <th class="text-center sorting_asc">Quantité réceptionnée(prévisionnelle)</th>
                             <th class="text-center sorting_asc">Quantité réceptionnée(réelle)</th>
                             <th class="text-center sorting_asc">Opérateur</th>
                             <th class="text-center sorting_asc">N° de série</th>
                             @if ($bonReception->statut!=3)
                             @if(Session::get('FOURNISSEURS_RECEPTION_SIMULER_FO')=='1')
                             <th class="text-center sorting_asc">
                                 Simuler saisie FO
                             </th>
                             @endif
                             @endif
                         </tr>
                     </thead>
                     <tbody>
                        @foreach( $collection as $ligneBonReception)
                        <tr role="row" class="odd">
                            @if (Session::get('TYPE_STOCK_EMPLACEMENT_MOBILE') == '1')
                            <td class="text-center sorting_1">{{$ligneBonReception['sscc']}}</td>
                           
                            @endif

                            <td class="text-center sorting_1">{{$ligneBonReception['produit']['reference']}}</td>

                            <td class="text-center sorting_1">{{$ligneBonReception['produit']['designation']}}</td>

                            <td class="text-center sorting_1">{{$ligneBonReception['Emplacement']['libelle']}}</td>

                            <td class="text-center sorting_1">
                                {{ (float)$ligneBonReception['quantite_commander']}}
                            </td>

                            <td class="text-center sorting_1">
                                {{ (float)$ligneBonReception['quantite_reste_receptionnee']}}
                            </td>

                            <td class="text-center sorting_1">{{ (float)$ligneBonReception['quantite_receptionner']}}</td>
                            <td class="text-center sorting_1">
                                    {{ (float)$ligneBonReception['qteReceptionnerFO'] }}
                            </td>
                            @if($ligneBonReception['operateur'] == 0)
                            <td class="text-center sorting_1"></td>
                            @else
                            <td class="text-center sorting_1">{{$ligneBonReception['Operateur']['nom']}}  {{$ligneBonReception['Operateur']['prenom']}}</td>
                            @endif
                            <td class="text-center sorting_1">
                                    <a class="glyphicon glyphicon-eye-open" style="cursor: pointer;" onclick="numSerie({{ $ligneBonReception->id_ligne_bon_reception}}, {{ $ligneBonReception->produit}})"></a>
                            </td>
                            @if ($bonReception['statut']!=3)
                            @if(Session::get('FOURNISSEURS_RECEPTION_SIMULER_FO')=='1')

                            <td class="text-center sorting_1">
                                <a class="glyphicon glyphicon-edit" style="cursor: pointer;" onclick="simule_saisie_fo({{$ligneBonReception->quantite_receptionner}} , {{$bonReception->id_bon_reception  }}, {{ $ligneBonReception->id_ligne_bon_reception }}, {{$ligneBonReception->qteReceptionnerFO}},{{ $ligneBonReception->produit }});">
                                </a>
                            </td>

                            @endif
                            @endif
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div style="float: right">

                <a href="{{url('receptions/reception_fournisseur/index')}}" class="btn btn-default" data-dismiss="modal">Retour</a>

            </div>

        </div>
    </div>
</div><!-- /.box -->
</section><!-- /.content -->


<div class="modal fade" id="modal-quantite-reelle">
  <div class="modal-dialog">
    <form method="post" action="{{ route('simule_saisie_fo_ue') }}">
       {{ csrf_field() }}
       <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>
              <h4 class="modal-title">Quantité réceptionnée(réelle) </h4>
          </div>
          <div class="modal-body">
            <input type="hidden" name="bon_reception" id="bon_reception">
            <input type="hidden" name="ligne_bon_reception" id="ligne_bon_reception">
            <div class="form-group">
                <label>Opérateur</label>
                <input type="text" id="" class="form-control" disabled value="{{Session::get('nom')." ".Session::get('prenom')}}" style="text-align: center">
            </div>
            <div class="form-group">
                <label>Produit</label>
                <textarea class="form-control" rows="3" id="produit" readonly style="text-align: center"></textarea>
            </div>
            <div class="form-group">
                <label>Quantité réceptionnée(prévisionnelle)</label>
                <input type="text" id="quantite_RP" min="1" class="form-control" disabled style="text-align: center">
            </div>
            <div class="col-sm-12">
                <br>
                <div class="form-group">
                    <label>Quantité réceptionnée(réelle)</label>
                    <input type="number" step="0.01" min="0" id="quantite_RR" required name="quantite_RR" class="form-control" style="text-align: center">
                </div>
            </div>

        </div>

        <div class="modal-footer">
            <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Annuler</button>
            <input type="submit" class="btn btn-primary" value="Valider">

        </div>
    </div>
</form>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<input type="hidden" id="loool" value="lol">
<!-- /.modal -->

<div class="modal" id="valider_reception_modal">
    <div class="modal-dialog">
        <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>
                    <h4 class="modal-title" style="font-family:verdana;"> Confirmation </h4>
                </div>
                <div class="modal-body">
                    <p>Voulez-vous vraiment valider la réception ?</p>
                </div>

                <div class="modal-footer">

                   <form method="get" action="{{url('/receptions/reception_fournisseur_ue/valider')}}/{{$bonReception->id_bon_reception}}">
                    <input type="submit" class="btn btn-primary pull-right" value="Valider">
                    </form>
                    <button type="button" class="btn btn-flat btn-danger pull-right " data-dismiss="modal">Annuler</button>

                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <div class="box" hidden>
        
         @if (isset($collection))
        <table id="table" class="table table-bordered table-striped">
            <thead>
                <tr role="row">
                    @if(Session::get('CONTENEUR') == '1') 
                        <th>N° CONTENEUR</th>
                    @endif
                    <th>N°UE</th>
                    <th>CODE PRODUIT</th>
                    <th>QUANTITÉ</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($collection as $key => $ligneBonReception)
                <tr role="row">
                     @if(Session::get('CONTENEUR') == '1') 
                        <td>{{ $ligneBonReception->n_conteneur }}</td> 
                     @endif
                    <td>{{ $ligneBonReception['sscc'] }}</td>
                    <td>{{ $ligneBonReception['produit']['code_identification'] }}</td>
                    <td>{{ (float) $ligneBonReception['qteReceptionnerFO'] }}</td> 
                </tr>
                @endforeach
            </tbody>
        </table>
        <br><br>
        <div class="hidden">
            <input type="text"   id="header" @if($configuration != null) value="{{$configuration->header}}" @else value="" @endif >
            <input type="text"   id="footer"  @if($configuration != null)  value="{{$configuration->footer}}" @else value="" @endif>
            <img  id="logo" @if($configuration != null) src="{{ asset('/dist/img/'.$configuration->image) }}" @else src="" @endif width="20%" height="20%" alt="User Image">
        </div>
        @endif
       
    </div>

<div class="modal fade" id="modal-detail_num_serie">
    <div class="modal-dialog ">
        <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>
                <h4 class="modal-title">Liste des N° de série </h4>
            </div>
            <div class="modal-body">
                <b id="desi_produit"></b><br>
                <b id="ref_produit"></b><br>



                <main id="tebleau">
                    <br>
                    <table id="example8" class="table table-bordered table-striped" style="text-align: center">
                        <thead>
                        <tr role="row">
                            <th class="text-center sorting_asc">N° de série</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </main>

            </div>
            <div class="modal-footer">

                <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>

            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

    <script>

        function numSerie(ligneReception,produit){
            //alert(ligneReception);
            $.ajax({

                url: "{{url('receptions/reception_fournisseur_ue/num_serie')}}/"+ligneReception,
                method : "post",
                data: {
                    "_token": "{{ csrf_token() }}"
                } ,
                success: function(data){
                    document.getElementById("desi_produit").innerHTML = "Désignation Produit : "+produit.designation;
                    document.getElementById("ref_produit").innerHTML = "Référence Produit : "+produit.reference;

                    var t = $('#example8').DataTable();
                    t.clear().draw();

                    var myModal = $('#modal-detail_num_serie');

                    var vals = Object.keys(data).map(function(key) {
                        t.row.add( [
                            data[key].num_serie

                        ] ).draw( false );
                    });

                    myModal.modal({ show: true });
                },
                error: function(data){
                    alert('oops erreur de serveur !!');
                }
            });
        }

       function get_ue_from_produit(designation,id_ligne_bon_reception,id_produit,emplacement,reference){
        $.ajax({
            url: "{{url('receptions/reception_fournisseur/detail/ue')}}/"+id_ligne_bon_reception,
            method : "post",   
            data: {
                "_token": "{{ csrf_token() }}"
            } ,        
            success: function(data){ 
                var t = $('#example7').DataTable();
                t.clear().draw();

                var myModal = $('#modal-detail_ue');

                document.getElementById('id_produit').value = id_produit;
                document.getElementById('ligne').value = id_ligne_bon_reception;
                document.getElementById("reference_produit_ue").innerHTML = "Référence Produit : "+reference;
                document.getElementById("designation_produit_ue").innerHTML = "Désignation Produit : "+designation;
                document.getElementById("emplacement_produit_ue").innerHTML = "Emplacement du produit : "+emplacement;
                        //document.getElementById("emplacement_produit_ue").innerHTML = "Emplacement Produit : "+emplacement;

                        
                        document.getElementById('liste_ue').hidden =true;

                        var vals = Object.keys(data).map(function(key) {
                            t.row.add( [
                             '<b>'+data[key].sscc+'</b>'
                             ] ).draw( false );
                        });
                        document.getElementById('ssccPdf').disabled = false; 
                        
                        myModal.modal({ show: true });                                   
                    },
                    error: function(data){
                        alert('oops erreur de serveur !!');
                    }
                }); 
    }

    function exportPdfListeUe() {
        var ligne = document.getElementById('ligne').value;
        window.location.href = "{{url('/receptions/reception_fournisseur/detail/ue/downloadPDF')}}/"+ligne ;
    }

    function simule_saisie_fo(quantite_receptionner_previsionnelle,bon_reception,ligne_bon_reception,quantite_receptionner_reelle,objetProduit) {    
        var myModal = $('#modal-quantite-reelle');
        document.getElementById('produit').value = objetProduit.reference +", "+objetProduit.designation;
        document.getElementById('quantite_RP').value = quantite_receptionner_previsionnelle ;
        document.getElementById('quantite_RR').value = quantite_receptionner_reelle ;
        document.getElementById('bon_reception').value = bon_reception;
        document.getElementById('ligne_bon_reception').value = ligne_bon_reception;
        
        myModal.modal({ show: true });
    }


    

    function genPDF1() {
        var imgData =  document.getElementById('logo');
        var header = document.getElementById('header').value;
        var footer = document.getElementById('footer').value;

        var doc = new jsPDF('p', 'pt');
        doc.setFontSize(14);
        var titre="Rapport détaillé d'un bon de réception";
        //doc.text(titre, 250, 100); 

          doc.setFontSize(14);
    
        var width_titre = doc.getTextWidth(titre);
        var space_titre=doc.internal.pageSize.width-width_titre;
        space_titre=space_titre/2;
        doc.text(titre, space_titre, 100, {
            startY: doc.autoTable.previous.finalY + 15,
            margin: {horizontal: 7},
            columnStyles: {text: {columnWidth: 'auto'}}

        });
        doc.setFontSize(12);
        /*var width_titre = doc.getTextWidth(titre);
        var space_titre=doc.internal.pageSize.width-width_titre;
        space_titre=space_titre/2;
        doc.text(titre, space_titre, 100, {
            startY: doc.autoTable.previous.finalY + 15,
            margin: {horizontal: 7},
            
        });*/
       
        doc.text('N° Bon réception : ' +document.getElementById("num_bon_reception").value, 60, 140);
        
        doc.text('N° de document : ' +document.getElementById("num_document").value, 60, 160);
        
        doc.text('Date bon de réception : ' +document.getElementById("date_creation").value, 340, 140); 
        //doc.text('Statut : '+ document.getElementById("statut").value, 340, 120);
        @if (Session::get('STOCK_ENTITE') == "1")
            doc.text('Entité : ' +document.getElementById("entitee").value, 60, 180);
        @endif

        doc.text('N° Commande fournisseur : ' +document.getElementById("num_commande").value, 60, 200);
        doc.text('Fournisseur : ' +document.getElementById("fournisseur").value, 60, 220);
        doc.text('Contrat : ' +document.getElementById("contrat").value, 60, 240);
        doc.text('Facture : ' +document.getElementById("facture").value, 60, 260);

        var step = 300;
        var startTable = 300;
        var elem = document.getElementById("table");
        var res = doc.autoTableHtmlToJson(elem);
        doc.autoTable(res.columns, res.data, {
            tableWidth: 'auto',
            startY: startTable,
            margin: {horizontal: 7},
            styles: {overflow: 'linebreak', columnWidth: 'auto',cellPadding: 6, fontSize: 10,halign: 'center'},
            columnStyles: {text: {columnWidth: 'auto'}},
            addPageContent: function (data) {
                doc.setTextColor(10);
                doc.setFontStyle('arial');
                doc.setFontSize(10);
                var splitTitle;
                var space;
                var space1;
                var width = doc.getTextWidth(footer);
                if(width>350){
                    splitTitle  = doc.splitTextToSize(footer, 350);
                    space=doc.internal.pageSize.width-350;
                }else{
                    splitTitle=footer;
                    space=doc.internal.pageSize.width-width;
                }
                space1=space/2;
                doc.text(splitTitle, space1, doc.internal.pageSize.height - 40);
                doc.setFontSize(10);
                splitTitle = doc.splitTextToSize(header, 250);
                doc.text(splitTitle,320, 40);
                var image = new Image();
                var img = document.getElementById('logo');
                image = img ;
                image.src=img.src ;
                image.width = 200;
                image.height = 70;
                doc.addImage(img, 'PNG',40,20);
            },
            margin: {top: 100, left:10,right:10,bottom:50},

        });
        step = doc.autoTable.previous.finalY + 50;
        startTable = step + 10;
        

        doc.save("Bon de réception.pdf");
    }


</script>

@endsection