@extends('app')

@section('content')


    <!--<div class="col-md-12 col-sm-12 col-xs-12">-->
        <div class="x_panel">
            <div class="x_title">
                <h2>
                    Ajouter un profil front office
                </h2>
                <div class="clearfix"></div>
            </div>
            <div class="x_content">

                {!! Form::open(['method'=>'POST','action' => ['GestionProfilMobileController@addNewProfil']]) !!}
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="form-group">
                        <label class="control-label col-lg-1 col-md-2 col-sm-2 col-xs-12">Libellé :</label>
                        <div class="col-lg-3 col-md-4 col-sm-5 col-xs-12">
                            <input type="text" class="form-control" name="libelle" required>
                        </div>
                    </div>
                    <br>
                    <br>
                    <br>
                </div>

                <!--<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> -->
                    <div class="form-group">
                        <label style="text-decoration: underline;" class="control-label col-lg-12 col-md-12 col-sm-12 col-xs-12">Droit d'accès :</label>
                        <br>
                        <br>
                        <br>
                        <br>
                        <br>
                    </div>

                    <div class="col-lg-offset-1 col-md-offset-1  col-sm-offset-1 col-xs-offset-1">
                        <div class="row">
                            <input  type="checkbox" class="icheckbox_flat-green" name="ALL" onchange="selectAllAcces(this)"> <label>Sélectionner tout</label>
                            <br><br>
                        </div>

                        <div class="col-lg-offset-1 col-md-offset-1  col-sm-offset-1 col-xs-offset-1">



                        <div class="row">
                            <div class="form-group col-xs-offset-1 col-lg-offset-0 col-md-offset-0 col-sm-offset-0 col-lg-7 col-md-7 col-sm-7 col-xs-14">

                                <input  type="checkbox" class="icheckbox_flat-green" name="1" value="RECEPTION" > <label>Réception</label>

                                    </div>

                            <div class="form-group col-xs-offset-1 col-lg-offset-0 col-md-offset-0 col-sm-offset-0 col-lg-6 col-md-6 col-sm-5 col-xs-12">

                                <input  type="checkbox" class="icheckbox_flat-green" name="2" value="PREPARATION" > <label>Préparation</label>

                            </div>
                            <div class="form-group col-xs-offset-1 col-lg-offset-0 col-md-offset-0 col-sm-offset-0 col-lg-6 col-md-6 col-sm-5 col-xs-12">

                                <input  type="checkbox" class="icheckbox_flat-green" name="3" value="CHARGEMENT" > <label>Chargement</label>

                            </div>
                            <div class="form-group col-xs-offset-1 col-lg-offset-0 col-md-offset-0 col-sm-offset-0 col-lg-6 col-md-6 col-sm-5 col-xs-12">

                                <input  type="checkbox" class="icheckbox_flat-green" name="4" value="INVENTAIRE" > <label>Inventaire</label>

                            </div>


                        <div class="row">
                            <div class="form-group col-xs-offset-1 col-lg-offset-0 col-md-offset-0 col-sm-offset-0 col-lg-6 col-md-6 col-sm-5 col-xs-12">
                                <input  type="checkbox" class="icheckbox_flat-green gogo" name="5" value="ENTREPOT" onchange="entrepotCheckbox(this)"> <label>Entrepôt</label>
                                <div class="col-lg-offset-1 col-md-offset-1  col-sm-offset-1 col-xs-offset-1" >

                                <div class="row">
                                    <div class="col-lg-6" >
                                        <input  type="checkbox" class="icheckbox_flat-green sous_menu sous_menu_entrepot" name="6" value="ENTREPOT_PRODUITS" onchange="produiCheckbox(this)"  disabled> <label>Produits</label>
                                    </div>
                                    <div class="col-lg-6" id="qnt">
                                        <input  type="checkbox" class="icheckbox_flat-green sous_menu sous_menu_entrepot sous_menu_produit" name="10" value="ENTREPOT_PRODUITS_QNT"  disabled> <label>quantité stock</label>
                                    </div>


                                </div>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <input  type="checkbox" class="icheckbox_flat-green sous_menu sous_menu_entrepot" name="7" value="ENTREPOT_EMPLACEMENTS"  disabled> <label>Emplacements</label>
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <input  type="checkbox" class="icheckbox_flat-green sous_menu sous_menu_entrepot" name="8" value="ENTREPOT_TRANSFERT"  disabled> <label>Transfert</label><br>
                                         <input  type="checkbox" class="icheckbox_flat-green sous_menu sous_menu_entrepot" name="11" value="ENTREPOT_PRODUCTION"  disabled> <label>Production</label>
                                    </div>
                                </div>


                            </div>
                            </div>


                        </div>


                            <div class="row">

                                <div class="form-group col-xs-offset-1 col-lg-offset-0 col-md-offset-0 col-sm-offset-0 col-lg-5 col-md-6 col-sm-5 col-xs-12">
                                    <input  type="checkbox" class="icheckbox_flat-green" name="9" value="SYNCHRONISATION" > <label>Synchronisation</label>

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

                        <div class="col-lg-offset-7 col-md-offset-6 col-sm-offset-7">
                            <a href="{{url('profil/mobile')}}" class="btn btn-default" data-dismiss="modal">Annuler</a>
                            <button type="submit" class="btn btn-primary">Valider</button>
                        </div>
                    </div>

                <!-- </div> -->
            {!! Form::close() !!}
            </div>
        </div>
   <!-- </div> -->

    <script>

        function selectAllAcces(element) {

            $('input[type=checkbox]').prop('checked', element.checked);
            $('input[name="0"]').prop('checked', true);
            if(element.checked){
                $("input.sous_menu").attr("disabled",false);
            }else{
                $("input.sous_menu").attr("disabled",true);
            }
        }

        function entrepotCheckbox(element) {

            if(element.checked){
                $("input.sous_menu_entrepot").attr("disabled",false).prop('checked', element.checked);


            }else{
                $("input.sous_menu_entrepot").attr("disabled",true).prop('checked', element.checked);


            }
        }

        function produiCheckbox(element) {

            if(element.checked){
                $("input.sous_menu_produit").attr("disabled",false).prop('checked', element.checked);
                document.getElementById('qnt').className = "col-lg-6";

            }else{
                $("input.sous_menu_produit").attr("disabled",true).prop('checked', element.checked);
                document.getElementById('qnt').className = "hidden";
            }
        }


    </script>

@endsection