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

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


<section class="content-header" xmlns:height="http://www.w3.org/1999/xhtml">
    <h1>Modifier le produit</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('msgIdf'))
        <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('msgIdf') !!}</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('msgPsw'))
        <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('msgPsw') !!}</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">
            <div class="panel-body">
                <div class="col-sm-12">

                    {!! Form::open(['method'=>'PUT','action' => ['ProduitController@postFormEdit', $produit->id_produit]]) !!}

                    <table>
                        <tbody>
                        <tr style="height:50px">
                            <td class="col-sm-4">
                                <label class="col-sm-4 control-label">
                                    Désignation
                                </label>
                                <div class="col-sm-6">
                                    <input type="text"  class="form-control" name="designation" placeholder="Désignation" required value="{{$produit->designation}}">
                                </div>
                            </td>
                        </tr>
                        <tr style="height:50px">
                            <td class="col-sm-4">
                                <label class="col-sm-4 control-label">
                                    Catégorie
                                </label>
                                <div class="col-sm-6">
                                    <select class="form-control" name="categorie" required="required">
                                        <option selected disabled style="background-color: white">Séléctionner une catégorie du produit...</option>
                                        @foreach($categories as $categorie)
                                            <option value="{{$categorie->id_categorie}}" @if($produit->id_categorie == $categorie->id_categorie) selected @endif >{{$categorie->libelle}} </option>
                                        @endforeach
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr style="height:50px">
                            <td class="col-sm-4">
                                <label class="col-sm-4 control-label">
                                    Unité de mesure
                                </label>
                                <div class="col-sm-6">
                                    <select class="form-control" name="unite_mesure" required="required">
                                        <option disabled style="background-color: white">Séléctionner l'unité de mesure de ce produit...</option>
                                        @foreach($unites_mesure as $unite_mesure)
                                            <option value="{{$unite_mesure->id_unite_mesure}}" @if($produit->code_mesure == $unite_mesure->id_unite_mesure) selected @endif >{{$unite_mesure->libelle}} </option>
                                        @endforeach
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr style="height:50px">
                            <td class="col-sm-4">
                                <label class="col-sm-4 control-label">
                                    Poids (Kg)
                                </label>
                                <div class="col-sm-6">
                                    <input type="text"  class="form-control" name="poids" placeholder="Poids"  value="{{$produit->poids}}">
                                </div>
                            </td>
                        </tr>
                        <tr style="height:50px">
                            <td class="col-sm-4">
                                <label class="col-sm-4 control-label">
                                    Volume (m³)
                                </label>
                                <div class="col-sm-6">
                                    <input type="text"  class="form-control" name="volume" placeholder="Volume"  value="{{$produit->volume}}">
                                </div>
                            </td>
                        </tr>
                        <tr style="height:50px">
                            <td class="col-sm-4">
                                <label class="col-sm-4 control-label">
                                    Code produit
                                </label>
                                <div class="col-sm-6">
                                    <input type="text"  class="form-control" name="code_a_barre" placeholder="Code produit" required value="{{$produit->code_identification}}">
                                </div>
                            </td>
                        </tr>
                        <tr style="height:50px">
                            <td class="col-sm-4">
                                <label class="col-sm-4 control-label">
                                    Référence
                                </label>
                                <div class="col-sm-6">
                                    <input type="text"  class="form-control" name="reference" placeholder="Référence" required value="{{$produit->reference}}">
                                </div>
                            </td>
                        </tr>
                        <tr style="height:50px">
                            <td class="col-sm-4">
                                <label class="col-sm-4 control-label">
                                    TVA
                                </label>
                                <div class="col-sm-6">
                                    <input type="text"  class="form-control" name="tva" placeholder="TVA" required value="{{$produit->tva}}">
                                </div>
                            </td>
                        </tr>
                        <tr style="height:50px">
                            <td class="col-sm-4">
                                <label class="col-sm-4 control-label">
                                    Statut
                                </label>
                                <div class="col-sm-6">
                                    <input type="radio" name="statut" required value="actif" @if($produit->statut == "actif") checked="checked" @endif > Actif
                                    <input type="radio" name="statut" required value="inactif" @if($produit->statut == "inactif") checked="checked" @endif  >Inactif
                                </div>
                            </td>
                        </tr>
                        @if (Session::get('NUMERO_SERIE'))
                        <tr style="height:50px">
                            <td class="col-sm-4">
                                <label class="col-sm-4 control-label">
                                    N° de série
                                </label>
                                <div class="col-sm-6">
                                    <input type="radio" checked name="serie" required value="0" @if($produit->num_serie == 0) checked="checked" @endif> Non
                                    <input type="radio" name="serie" required value="1" @if($produit->num_serie == 1) checked="checked" @endif>Oui
                                </div>
                            </td>
                        </tr>
                        @endif

                        </tbody>
                    </table>
                    <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
                @if(Session::get('COMPOSE_PACK'))
                    <li class="active"><a href="#tab_1" data-toggle="tab">Produit composé pack</a></li>
                @endif
                @if(Session::get('COMPOSE_MP'))
                    <li
                    @if(! Session::get('COMPOSE_PACK'))
                        class="active"
                    @endif
                    ><a href="#tab_2" data-toggle="tab">Produit composé MP</a></li>
                @endif
            </ul>
            <input type="hidden" name="savoirPak" id="savoirPak" value="{{ $produitComposePack->count() }}">
            <input type="hidden" name="savoirMP" id="savoirMP" value="{{ $produitComposeMP->count() }}">
            @if(Session::get('COMPOSE_PACK') || Session::get('COMPOSE_MP') )
                <div class="tab-content">
            @endif
                @if(Session::get('COMPOSE_PACK'))
                  <div class="tab-pane active" id="tab_1">
                    <b>Ajouter un produit</b> <a style="color:black; cursor: pointer;" id="compose_pack" onclick="addLignePack()">
                                                      <span class="glyphicon glyphicon-plus-sign"></span></a>
                    <br>
                    <br>
                    <div id="divTab" style="width: 70%">
                        <table id="tabPack" class="table">
                            <tr id="trPack0" 
                            @if (! $produitComposePack->count())
                               hidden
                            @endif
                            >
                                <td style="width: 40%"><b>Produit</b></td>
                                <td style="width: 20%"><b>Quantité</b></td>
                                <td style="width: 1%;text-align: center"><b>Supprimer</b></td>
                            </tr>
                            @if (! $produitComposePack->count())
                                <tr id="trPack1" hidden>
                                    <td style="width: 40%">
                                        <select class="form-control selectpicker" data-live-search="true" style="width:90%;" name="produit_Pack[]">
                                            <option selected value=''>Choisir un produit ...</option>
                                            @foreach($produitsPack as $produitIndex)
                                            <option value="{{$produitIndex->id_produit}}" >{{$produitIndex->reference}}</option>
                                        @endforeach
                                        </select>
                                    </td>
                                    <td style="width: 20%">
                                        <input  type="number" min=1 class="form-control"style="width:100%;text-align: center" placeholder="Quantité" name="quantite_Pack[]"
                                        id="quantite_num"> 
                                    </td>
                                    <td style="font-size: 20px;text-align: center">
                                        <i class="fa fa-trash-o" onclick="deletePack(this)" style="color:red;cursor: pointer; " id="deletee"></i>
                                    </td>
                                </tr>
                            @endif
                            @foreach ($produitComposePack as $key => $pack)
                                <tr id="trPack{{$key+1}}">
                                    <td style="width: 40%"> 
                                        <select class="form-control selectpicker" data-live-search="true" style="width:90%;" name="produit_Pack[]" id="selectWow">
                                           <option value=''>Choisir un produit ...</option>
                                            @foreach ($produitsPack as $pro)
                                                <option value="{{ $pro->id_produit }}" 
                                                @if ($pro->id_produit == $pack->id_produit_enfant )
                                                    selected
                                                @endif>
                                                    {{ $pro->reference }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td style="width: 20%">
                                        <input type="number" min=1 class="form-control"style="width:100%;text-align: center" placeholder="Quantité" value="{{ $pack->quantite }}" name="quantite_Pack[]"
                                        @if (! $key)
                                            id="quantite_num"
                                        @else
                                            id="quantite_num{{$key+1}}"
                                        @endif
                                        >
                                    </td>
                                    @if ($key == 0 && $produitComposePack->count() != 1 )
                                        <td style="font-size: 20px;text-align: center">
                                        <i class="fa fa-trash-o" onclick="deletePack(this)" style="color:#ff9999;cursor: not-allowed; " id="deletee"></i>
                                        </td>
                                    @elseif($produitComposePack->count() == 1)
                                        <td style="font-size: 20px;text-align: center">
                                        <i class="fa fa-trash-o" onclick="deletePack(this)" style="color:red;cursor: pointer; " id="deletee"></i>
                                        </td>
                                    @else
                                        <td style="font-size: 20px;text-align: center">
                                        <i class="fa fa-trash-o" onclick="deletePack(this)" style="color:red;cursor: pointer; " id="deletee{{$key+1}}"></i>
                                        </td>
                                    @endif
                                    
                                </tr>
                            @endforeach
                        </table>
                    </div>
                  </div>
                @endif
              <!-- /.tab-pane -->
                @if(Session::get('COMPOSE_MP'))
                  <div  
                   @if(Session::get('COMPOSE_PACK'))
                    class="tab-pane"
                    @else
                    class="tab-pane active"
                    @endif
                  id="tab_2">
                    <b>Ajouter un produit</b> <a style="color:black; cursor: pointer;" id="compose_mp" onclick="addLigneMP()">
                                                      <span class="glyphicon glyphicon-plus-sign"></span></a>
                    <br>
                    <br>
                    <div id="divTab" style="width: 70%">
                        <table id="tabMP" class="table">
                            <tr id="trMP0" 
                            @if (! $produitComposeMP->count())
                               hidden
                            @endif>
                                <td style="width: 40%"><b>Produit</b></td>
                                <td style="width: 20%"><b>Quantité</b></td>
                                <td style="width: 1%;text-align: center"><b>Supprimer</b></td>
                            </tr>
                            @if (! $produitComposeMP->count())
                                <tr id="trMP1" hidden>
                                <td style="width: 40%">
                                    <select class="form-control selectpicker" data-live-search="true" style="width:90%;" name="produit_mp[]">
                                        <option selected style="background-color: ##e6e6fa"value=''>Choisir un produit ...</option>
                                        @foreach($produitsMP  as $produitIndex)
                                        <option value="{{$produitIndex->id_produit}}" >{{$produitIndex->reference}} </option>
                                    @endforeach
                                    </select>
                                </td>
                                <td style="width: 20%">
                                    <input type="number" min=1 class="form-control"style="width:100%;text-align: center" placeholder="Quantité" name="quantite_mp[]" id="quantite_numMP"> 
                                </td>
                                <td style="font-size: 20px;text-align: center">
                                    <i class="fa fa-trash-o" onclick="deleteMP(this)" style="color:red;cursor: pointer " id="deleteeMP"></i>
                                </td>
                            </tr>
                            @endif
                            @foreach ($produitComposeMP as $key => $mp)
                                <tr id="trMP{{$key+1}}">
                                    <td style="width: 40%"> 
                                        <select class="form-control selectpicker" data-live-search="true" style="width:90%;" name="produit_mp[]">
                                            <option style="background-color: ##e6e6fa"value=''>Choisir un produit ...</option>
                                            @foreach ($produitsMP as $pro)
                                                <option value="{{ $pro->id_produit }}" 
                                                @if ($pro->id_produit == $mp->id_produit_enfant )
                                                    selected
                                                @endif>
                                                    {{ $pro->reference }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td style="width: 20%">
                                        <input type="number" required min=1 class="form-control"style="width:100%;text-align: center" placeholder="Quantité" value="{{ $mp->quantite }}" name="quantite_mp[]"
                                        @if (! $key)
                                            id="quantite_numMP"
                                        @else
                                            id="quantite_numMP{{$key+1}}"
                                        @endif
                                        >
                                    </td>
                                    @if ($key == 0 && $produitComposeMP->count() != 1 )
                                        <td style="font-size: 20px;text-align: center">
                                        <i class="fa fa-trash-o" onclick="deleteMP(this)" style="color:#ff9999;cursor: not-allowed; " id="deleteeMP"></i>
                                        </td>
                                    @elseif($produitComposeMP->count() == 1)
                                        <td style="font-size: 20px;text-align: center">
                                        <i class="fa fa-trash-o" onclick="deleteMP(this)" style="color:red;cursor: pointer; " id="deleteeMP"></i>
                                        </td>
                                    @else
                                        <td style="font-size: 20px;text-align: center">
                                        <i class="fa fa-trash-o" onclick="deleteMP(this)" style="color:red;cursor: pointer; " id="deleteeMP{{$key+1}}"></i>
                                        </td>
                                    @endif

                                </tr>
                            @endforeach
                        </table>
                    </div>
                  </div>
                @endif
              <!-- /.tab-pane -->
            @if(Session::get('COMPOSE_PACK') || Session::get('COMPOSE_MP') )
                </div>
            @endif
            <!-- /.tab-content -->
          </div>

                    <input class="btn btn-flat btn-primary pull-right" type="submit" value="Valider">
                    <a href="{{url('produit/index')}}" class="btn btn-flat btn-danger pull-right">Annuler</a>

                    {!! Form::close() !!}

                </div>
            </div>

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

<script>
    var pack = {!! $produitComposePack->count() !!};
    var mp = {!! $produitComposeMP->count() !!};

    function addLignePack(){
        document.getElementById("savoirPak").value = 1;
        if(!pack){
            pack++;
            return addFirstLignePack();
        }else{
            return addLigneComposePack();
        }
    }
    function addLigneMP(){
        document.getElementById("savoirMP").value = 1;
        if(!mp){
            mp++;
            return addFirstLigneMP();
        }else{
            return addLigneComposeMP();
        }
    }

    function addFirstLignePack(){
        document.getElementById("trPack1").hidden= false;
        document.getElementById("trPack0").hidden= false;
    }
    function addFirstLigneMP(){
        document.getElementById("trMP1").hidden= false;
        document.getElementById("trMP0").hidden= false;
    }

    function addLigneComposePack(){
        document.getElementById("deletee").style.color = "#ff9999";
        document.getElementById("deletee").style.cursor = "not-allowed";
        pack++;
        var cloned = $('#trPack1').clone().find(':selected').removeAttr('selected').end();
        //then use this to solve duplication problem    
        cloned.find('.bootstrap-select').replaceWith(function() { return $('select', this); })    
        cloned.find('.selectpicker').selectpicker('render');
        cloned.find('#deletee').css("cursor","pointer");
        cloned.find('#deletee').css("color","red");
        cloned.find('#deletee').prop('id',"deletee"+pack);
        cloned.find('#quantite_num').val('');
        cloned.find('#quantite_num').prop('id',"quantite_num"+pack);
        cloned.prop('id',"trPack"+pack);
        //Then Append
        cloned.appendTo('#tabPack');
    }

    function addLigneComposeMP(){
        document.getElementById("deleteeMP").style.color = "#ff9999";
        document.getElementById("deleteeMP").style.cursor = "not-allowed"
        mp++;
        var cloned = $('#trMP1').clone().find(':selected').removeAttr('selected').end();
        //then use this to solve duplication problem    
        cloned.find('.bootstrap-select').replaceWith(function() { return $('select', this); })    
        cloned.find('.selectpicker').selectpicker('render');
        cloned.find('#deleteeMP').css("cursor","pointer");
        cloned.find('#deleteeMP').css("color","red");
        cloned.find('#deleteeMP').prop('id',"deleteeMP"+mp);
        cloned.find('#quantite_numMP').val('');
        cloned.find('#quantite_numMP').prop('id',"quantite_numMP"+mp);
        cloned.prop('id',"trMP"+mp);
        //Then Append
        cloned.appendTo('#tabMP');
    }

    function deletePack(packk){
         if ( confirm( "Voulez-vous vraiment supprimer la ligne ?" ) ) {
        if(packk.id != "deletee"){
            $(packk).closest('tr').find('input,select').remove();
            $(packk).closest('tr').hide();
            pack--;
        }else{
            if(pack == 1){
                document.getElementById("trPack1").hidden= true;
                document.getElementById("trPack0").hidden= true;
                pack--;
                document.getElementById("savoirPak").value = 0;
            }
        }
        if(pack == 1){
            document.getElementById("deletee").style.color = "red";
            document.getElementById("deletee").style.cursor = "pointer"
        }   
    }
    }

    function deleteMP(mpp){
         if ( confirm( "Voulez-vous vraiment supprimer la ligne ?" ) ) {
        if(mpp.id != "deleteeMP"){
            $(mpp).closest('tr').find('input,select').remove();
            $(mpp).closest('tr').hide();
            mp--;
        }else{
            if(mp == 1){
                document.getElementById("trMP1").hidden= true;
                document.getElementById("trMP0").hidden= true;
                mp--;
                document.getElementById("savoirMP").value = 0;
            }
        }
        if(mp == 1){
            document.getElementById("deleteeMP").style.color = "red";
            document.getElementById("deleteeMP").style.cursor = "pointer"
        }   
    }
    }
</script>

@endsection