@extends('app')
@section('content')
        <!-- jspdf -->
{!! 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') !!}
        <!--<script src="../../assets/js/jspdf/jspdf-autotable/dist/jspdf.plugin.autotable.js"></script>-->
<!-- Content Header (Page header) -->


<!-- Content Header (Page header) -->

<section class="content-header" xmlns="http://www.w3.org/1999/html">

    <h1>
        Détail d'un inventaire
    </h1>

</section>


<!-- Main content -->
<section class="content">


    <!-- Default box -->
    <div class="box" id="MYDIV">
        <div class="box-body">
            <div class="form-group" style="margin-bottom: 20%">
                {!! Form::open(['method'=>'POST','id' => 'formulaire','action' => ['InventaireController@show',$Inventaire->idInventaire]]) !!}
                <div >
                    <button type="button" id="btn-export"  class="btn btn-flat btn-danger pull-right" onclick="genPDF()">Export PDF</button>
                </div>
                <br>
                <br>
                <div class="col-lg-12 col-md-12 col-sm-12" style="margin-bottom: 20px">
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <label>N° inventaire : </label>
                        <input type="text" id="numInventaire" class="form-control" required value="{{$Inventaire->numInventaire}}" readonly>
                    </div>

                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <label>Désignation  inventaire : </label>
                        <input type="text" id="designation" class="form-control"  required value="{{$Inventaire->designationInventaire}}" readonly>
                    </div>
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12" style="margin-bottom: 20px">


                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <label>Date début d’inventaire :</label>
                        <input type="text" id="dateDebut" class="form-control"   required value="{{$Inventaire->dateDebut}}" readonly>
                    </div>

                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <label>Date fin d’inventaire :</label>
                        <input type="text" id="dateFin" class="form-control"   required value="{{$Inventaire->dateFin}}" readonly>
                    </div>

                </div>
                <div class="hidden">
                    <input type="text" id="type" value="{{$Inventaire->typeInventaire}}">
                    </div>

                <div class="col-lg-12 col-md-12 col-sm-12" style="margin-bottom: 20px">
                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <label>Type d’ inventaire : </label>
                        @if($Inventaire->typeInventaire == 0)
                            <input type="text" id="typeInventaire" class="form-control"  value="Inventaire total"  readonly >
                        @endif
                        @if($Inventaire->typeInventaire == 1)
                            <input type="text" id="typeInventaire" class="form-control"  value="Inventaire par zone"  readonly >
                        @endif
                        @if($Inventaire->typeInventaire == 2)
                            <input type="text" id="typeInventaire" class="form-control"  value="Inventaire par emplacement"  readonly >
                        @endif
                        @if($Inventaire->typeInventaire == 3)
                            <input type="text" id="typeInventaire" class="form-control"  value="Inventaire par Entité"  readonly >
                        @endif
                        @if($Inventaire->typeInventaire == 4)
                            <input type="text" id="typeInventaire" class="form-control"  value="Inventaire par N°UE"  readonly >
                        @endif
                    </div>

                    @if($Inventaire->typeInventaire == 1)

                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <label>Zone : </label>
                            <input type="text" id="zone" class="form-control" value="{{$zone}}" readonly>
                        </div>
                    @endif
                    @if($Inventaire->typeInventaire == 2)
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <label>Emplacement : </label>
                            <input type="text" id="emplacement" class="form-control" value="{{$emplacement}}" readonly>
                        </div>
                    @endif
                    @if($Inventaire->typeInventaire == 3 )
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <label>Entité : </label>
                            <input type="text" id="num_entite" class="form-control" value="{{$entite->type_entite}} / {{$entite->num_entite}} / {{$entite->libelle_entite}}" readonly>
                        </div>
                    @endif
                    @if($Inventaire->typeInventaire == 4)
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <label>N°UE : </label>
                            <input type="text" id="num_ue" class="form-control" value="{{$ue->num_ue}}" readonly>
                        </div>
                    @endif

                </div>

                <div class="col-lg-12 col-md-12 col-sm-12" style="margin-bottom: 20px">
                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <label>Statut : </label>
                        <input type="text" id="statut" class="form-control" value="{{$Inventaire->valeur}}" readonly>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <label>Commentaire : </label>
                        <input type="text" id="commentaire" class="form-control"   value ="{{$Inventaire->commentaire}}"  readonly >

                    </div>

                </div>

            </div>


            <table id="table" class="table table-bordered table-striped dataTable">
                <thead>
                <tr role="row">
                    @if (Session::get('STOCK_ENTITE')== "1")
                        <th>Entité</th>
                    @endif
                    @if (Session::get('STOCK_EMPLACEMENT_MOBILE')== "1")
                        <th>N°UE</th>
                    @endif
                   
                    <th>Référence</th>
                    <th>Désignation</th>
                    <th>Code produit</th>
                    @if(Session::get('N_LOT')=='1')
                        <th>Numéro de lot</th>
                    @endif
                    <th>Emplacement</th>
                    <th>Quantité estimée</th>
                    <th>Quantité comptée</th>
                    <th>Ecart</th>
                    <th>Opérateur</th>
                </tr>
                </thead>
                <tbody>
                @foreach($LigneInventaire as $LigneProduit)
                    <tr role="row">
                        @if (Session::get('STOCK_ENTITE')== "1")
                            <td>{!!$LigneProduit->num_entite!!}</td>
                        @endif
                        @if (Session::get('STOCK_EMPLACEMENT_MOBILE')== "1")
                            <td>{!!$LigneProduit->num_ue!!}</td>
                        @endif
                        <td>{!!$LigneProduit->produit->reference!!}</td>
                        <td>{!!$LigneProduit->produit->designation!!}</td>
                        <td>{!!$LigneProduit->produit->code_identification!!}</td>
                        @if(Session::get('N_LOT')=='1')
                            <td>{!!$LigneProduit->Stock->numero_lot!!}</td>
                        @endif
                        <td>{!!$LigneProduit->Emplacement->libelle!!}</td>
                        <td>{!!(float)  $LigneProduit->quantiteEstimee!!}</td>
                        <td>{!!(float) $LigneProduit->quantiteComptee!!}</td>
                        <td>{!!(float) $LigneProduit->ecart!!}</td>
                        @if ($LigneProduit->User != null)
                            <td>{!!$LigneProduit->User->nom!!} {!!$LigneProduit->User->prenom!!}</td>
                        @else
                        <td></td>
                        @endif
                        

                    </tr>
                @endforeach
                </tbody>

            </table>



            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 2%">
                <a href="{{url('inventaire/index')}}" class="btn btn-default pull-right" data-dismiss="modal">Retour</a>
            </div>

            <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="15%" height="15%" alt="User Image">



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


    <div class="hidden">
        <input type="text" name="exportPdf" id="exportPdf" value="0">
    </div>
    </div>
    </div>
    </div>
    {!! Form::close() !!}
</section><!-- /.content -->

<script>

    function genPDF() {

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

            var doc = new jsPDF('p', 'pt');
        
            /*margins = {
              top: 80,
              bottom: 90
            };*/
            var input = document.getElementById('numInventaire');
            var input1 = document.getElementById('designation');
            var input2 = document.getElementById('dateDebut');
            var input3 = document.getElementById('dateFin');
            var input4 = document.getElementById('typeInventaire');
            var input5 = document.getElementById('emplacement');
            var input6 = document.getElementById('zone');
            var input7 = document.getElementById('statut');
            var input8 = document.getElementById('commentaire');
            var input9 = document.getElementById('type').value;

            var input10 = document.getElementById('num_entite');
            var input11 = document.getElementById('num_ue');

            doc.setFontSize(12);
            doc.text('N° inventaire : ' + input.value, 40, 180);
            doc.text('Désignation : ' + input1.value, 40, 200);
            doc.text('Date debut d\'inventaire : ' + input2.value, 350, 180);
            doc.text('Date fin d\'inventaire : ' + input3.value, 350, 200);
            doc.text('Type d\'inventaire : ' + input4.value, 40, 220);
        if (input9 == 1 )
        {
            doc.text('Zone : ' + input6.value, 40, 240);
        }
        if(input9 == 2)
        {
            doc.text("Emplacement : " + input5.value, 40, 240);
        }
        if(input9 == 3)
        {
            doc.text("Entité : " + input10.value, 40, 240);
        }
        
        if(input9 == 4)
        {
            doc.text("N°UE : " + input11.value, 40, 240);
        }

            //doc.text("Statut : " + input7.value, 350, 220);
        if(input9==1 || input9==2 || input9==3|| input9==4){
            doc.text("Commentaire : " + input8.value, 350, 220);

        }else {
            doc.text("Commentaire : " + input8.value, 350, 220);
        }
            doc.setFontSize(14);
        var titre="Rapport détaillé d'un inventaire";
        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, 120, {
            startY: doc.autoTable.previous.finalY + 15,
            margin: {horizontal: 7},
            columnStyles: {text: {columnWidth: 'auto'}}

        });
            var step = 280;
            var startTable = 300;
                var elem = document.getElementById("table");
                var res = doc.autoTableHtmlToJson(elem);

                doc.setFontSize(8);
                doc.autoTable(res.columns, res.data, {
                   
                    startY: startTable,
                    //margin: {horizontal: 7},
                    styles: {overflow: 'linebreak', columnWidth: 'wrap',cellPadding: 5,halign: 'center'},
                    //columnStyles: {text: {columnWidth: 'auto'}},
                    columnStyles: {
            text: {
                columnWidth: 'wrap'
            },
            0: {
                columnWidth: 45         
            },
            1: {
                columnWidth: 35
            },
            2: {
                columnWidth: 57
            },
            3: {
                columnWidth: 120
            },
            4: {
                columnWidth: 45
            },
            5: {
                columnWidth: 80
            },
            6: {
                columnWidth: 50
            },
            7: {
                columnWidth: 50
            },
            8: {
                columnWidth: 40
            },
            9: {
                columnWidth: 60
            }
        },
                    addPageContent: function (data) {
                        doc.setTextColor(8);
                        doc.setFontStyle('arial');
                        doc.setFontSize(8);
                        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("Rapport inventaire.pdf");
            returnToPage();



    }

    function returnToPage()
    {
        document.getElementById('exportPdf').value = '0';

        document.getElementById("formulaire").submit();
    }

    window.onload = genPDF();

</script>
@endsection