@extends('app')
@section('content')

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


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

    <h1>
        Détail du bon de réception d'un produit de la production
    </h1>

    <!--
    <ol class="breadcrumb">
      <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
      <li><a href="#">Examples</a></li>
      <li class="active">Blank page</li>
    </ol>
    -->
</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="form-group">
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <div class="col-lg-4 col-md-4 col-sm-6">
                            <label>N° Bon réception de la production : </label>
                            <input type="text" class="form-control" name="num_bon_reception" placeholder="N° Bon réception de la production " required value="{{$bonReception->id_bon_reception}}" readonly>
                        </div>
                    </div>
                    <br>
                    <br>
                    <br>
                    <br>

                    <div class="col-lg-12 col-md-12 col-sm-12">

                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <label>Date de création : </label>
                            <input type="date" class="form-control" id="dateCreationBonReceptionProduction"  name="dateCreationBonReceptionProduction" value="{{$bonReception->date_creation}}" required disabled>

                        </div>

                    </div>
                </div>
                <div class="col-lg-12">

                    <br>
                    <br>
                    <br>

                </div>
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="table-responsive">
                        <table id="example1" class="table table-bordered table-striped dataTable">
                            <thead>
                            <tr role="row">
                                <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">Qantité réceptionner</th>
                                <th class="text-center sorting_asc">Détail d'un produit</th>
                            </tr>
                            </thead>

                            <tbody>



                            @foreach( $lignes as $ligne)
                                <tr role="row" class="odd">
                                    <td class="text-center sorting_1">{!!$ligne->stockProduit->produit->reference!!}</td>
                                    <td class="text-center sorting_1">{!!$ligne->stockProduit->produit->designation!!}</td>
                                    <td class="text-center sorting_1">{!!$ligne->quantite_receptionner!!}</td>
                                    <td class="text-center sorting_asc">
                                        <a href="#edite{{$ligne->id_ligne_bon_reception}}" class="glyphicon glyphicon-edit"  data-toggle="modal">

                                        </a>
                                    </td >

                                </tr>


                            @endforeach

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

                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 2%">

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


                    </div>

                </div>
            </div>

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


        <!--  POPUP pour ajout produit  -->


        @foreach($lignes as $ligne)

            <div cl1ass="example-modal" >
                <div class="modal" id="edite{{$ligne->id_ligne_bon_reception}}">
                    <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;">Le détail du produit</h4>
                            </div>
                            <div class="modal-body">
                                <div class="col-lg-12">
                                    <div class="form-group col-lg-12">
                                        <label>Produit </label>
                                        <select id="idSelecReference" class="form-control selectpicker" data-selected-text-format="count > 3" data-live-search="true" name="produit" required="required">
                                            @foreach($produits as $produit)
                                                <option value="{{$produit->id_produit}}" @if($produit->id_produit == $ligne->stockProduit->id_produit) selected @endif  disabled> {{$produit->reference}} -- {{$produit->designation}} </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group col-lg-12">
                                        <label>Quantité réceptionnée </label>
                                        <input type="number" class="form-control" id="quantiteReceptionnee{{$ligne->id_ligne_bon_reception}}" name="quantiteReceptionnee" placeholder="Quantité réceptionnée" value="{{$ligne->quantite_receptionner}}" required disabled >
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group col-lg-12">
                                        <label>Numéro de lot </label>
                                        <input type="number" class="form-control" id="numeroLot{{$ligne->id_ligne_bon_reception}}" name="numeroLot" placeholder="Numéro de lot" value="{{$ligne->stockProduit->numero_lot}}" required disabled >
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group col-lg-12">
                                        <label>Date de fabrication</label>
                                        <input type="date" class="form-control" id="dateFabrication{{$ligne->id_ligne_bon_reception}}" name="dateFabrication" placeholder="Date de fabrication" value="{{$ligne->stockProduit->date_fabrication}}" required disabled >
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group col-lg-12">
                                        <label>Date de péremption</label>
                                        <input type="date" class="form-control" id="datePeremption{{$ligne->id_ligne_bon_reception}}" name="datePeremption" placeholder="Date de péremption" value="{{$ligne->stockProduit->date_peremption}}" required disabled>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group col-lg-12">
                                        <label>Zone de stockage</label>
                                        <select id="idSelectZone" class="form-control selectpicker" data-selected-text-format="count > 3" data-live-search="true" onchange="getEmplacementV2(this.value, {{$ligne->stockProduit->date_peremption}})" name="zone" required="required" disabled>
                                            <option selected disabled>Séléctionner la zone de stockage...</option>
                                            @foreach($zones as $zone)
                                                <option value="{{$zone->id_zone}}" @if(($ligne->stockProduit->emplacement->id_zone != null) &&($ligne->stockProduit->emplacement->id_zone == $zone->id_zone)) selected @endif >{{$zone->libelle}} </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group col-lg-12">
                                        <label>Emplacement du nouveau stock du produit</label>
                                        <select id="idSelectEmplacement{{$ligne->id_ligne_bon_reception}}" class="form-control selectpicker" data-selected-text-format="count > 3" data-live-search="true" name="emplacement" required="required" disabled>
                                            <option selected disabled>Séléctionner l'emplacement de ce nouveau stock ...</option>
                                            @foreach($emplacements as $emplacement)
                                                @if($emplacement->id_zone == $ligne->stockProduit->emplacement->id_zone)
                                                    <option value="{{$emplacement->id_emplacement}}" @if($emplacement->id_emplacement == $ligne->stockProduit->id_emplacement) selected @endif>
                                                        {{$emplacement->libelle}}
                                                    </option>
                                                @endif
                                            @endforeach
                                        </select>
                                    </div>
                                </div>





                            </div>

                            <div class="hidden">

                                <input type="text" id="dateCreationBonReceptionProduction{{$ligne->id_ligne_bon_reception}}" name="dateCreationBonReceptionProduction"  value="{{Session::get('dateCreationBonReceptionProduction')}}">

                            </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 -->
            </div>

        @endforeach




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






<script>

    saveDate();


    function getEmplacementV1(id_zone){

        //alert(id_zone);

        $.get("{{url('stock_produit/emplacements?ID=')}}"+id_zone, function(res,stat){
            var select1 = document.getElementById("idSelectEmplacement");
            // var nom= document.getElementById("input3");

            // alert("Listcommune"+adresse);
            select1.innerHTML = "<option selected disabled value=''>Séléctionner l'emplacement de ce nouveau stock ...</option>";

            for(var i=0;i<res.length;i++)
            {
                var option = "<option value='"+res[i].id_emplacement+"'> "+res[i].libelle+"</option>";
                select1.innerHTML = select1.innerHTML + option;
            }


        });
    }

    function getEmplacementV2(id_zone, idLigne){

        //alert(id_zone);

        $.get("{{url('stock_produit/emplacements?ID=')}}"+id_zone, function(res,stat){
            var select1 = document.getElementById("idSelectEmplacement"+idLigne);
            // var nom= document.getElementById("input3");

            // alert("Listcommune"+adresse);
            select1.innerHTML = "<option selected disabled value=''>Séléctionner l'emplacement de ce nouveau stock ...</option>";

            for(var i=0;i<res.length;i++)
            {
                var option = "<option value='"+res[i].id_emplacement+"'> "+res[i].libelle+"</option>";
                select1.innerHTML = select1.innerHTML + option;
            }


        });
    }

</script>





@endsection