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

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



<section class="content-header">

    <h1>
        Ajouter utilisateur
    </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('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'=>'POST','action' => ['UtilisateurController@postForm']]) !!}

                <div class="input-group">
                    <span class="input-group-addon"><i class="fa fa-user"></i></span>
                    <input type="test" name="name" class="form-control" placeholder="Nom" required value="{{old('name')}}">
                    <input type="text" class="form-control" name= "firstname" placeholder="Prénom" required value="{{old('firstname')}}" >
                </div>
                </br>

                <div class="input-group">
                    <span class="input-group-addon"><i class="fa fa-phone"></i></span>
                    <input type="number"  class="form-control" name="phone" id="phone" placeholder="Numéro de Téléphone" required value="{{old('phone')}}">

                </div>
                </br>
                <div class="input-group">
                    <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
                    <input type="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" title="exemple@email.com"  class="form-control" name="email" placeholder="Email" required value="{{old('email')}}" >
                </div>
                </br>

                <div class="input-group">
                    <span class="input-group-addon"><i class="fa fa-user"></i></span>
                    <select  onchange="getDroits(this.value)" class="form-control"  name="profil" required="required">
                        <option selected disabled value="">Sélectionner une position ...</option>
                            <option value="0"> Administrateur</option>
                            <option value="1"> Opérateur</option>
                    </select>
                </div>
                </br>
                <div class="input-group hidden" id="droits">
                    <span class="input-group-addon"><i class="fa fa-cog"></i></span>
                    <select  class="form-control" id="profil_droit" name="profil_droit" required="required">
                        <option selected disabled value="">Sélectionner un profil des droits ...</option>
                        @foreach($profils as $profil)
                            <option   value="{{$profil->id}}">{{$profil->libelle}}</option>
                        @endforeach

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

                <div class="input-group">
                    <span class="input-group-addon"><i class="fa fa-user-secret"></i></span>
                    <input type="text" class="form-control" name="login" placeholder="Identifiant" required value="{{old('login')}}">
                </div>
                </br>
                <div class="input-group">
                    <span class="input-group-addon"><i class="fa fa-unlock-alt"></i></span>
                    <input type="password" class="form-control" name="password" id="password" placeholder="Mot de passe" required value="{{old('password')}}" >
                    <input type="password" class="form-control" name="password_confirmation" id="password_confirmation" placeholder="Confirmation mot de passe" required value="{{old('password_confirmation')}}">
                </div>
                </br>


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

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

            </div>
        </div>







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


<script>
    function getProfil(type){
        //  alert(idDevice);
        $.get("{{url('utilisateur/type?ID=')}}"+type, function(device,stat){

            alert(device);

        });
    }
    var sites = {!! json_encode($profils->toArray(), JSON_HEX_TAG) !!};
    var sites_mobile = {!! json_encode($profils_mobile->toArray(), JSON_HEX_TAG) !!};

    function getDroits(profil){
        //alert(idOption);
       // alert(profil);
       // alert(sites.length);
        var droits_acces = document.getElementById("profil_droit");
        var droits_div = document.getElementById("droits");
        droits_div.className="input-group";
        droits_acces.innerHTML = "<option selected disabled value=''>Sélectionner un profil des droit ...</option>";
        if(profil==0) {
            for (var i = 0; i < sites.length; i++) {
                var option = "<option value='" + sites[i].id + "'> " + sites[i].libelle + "</option>";
                droits_acces.innerHTML = droits_acces.innerHTML + option;
            }
        }else{
            for (var i = 0; i < sites_mobile.length; i++) {
                var option = "<option value='" + sites_mobile[i].id + "'> " + sites_mobile[i].libelle + "</option>";
                droits_acces.innerHTML = droits_acces.innerHTML + option;
            }
        }
        /* $.get("{{url('utilisateur/profil?ID=')}}"+profil, function(res,stat){
            //  alert(typeOption.length);
            var droits_acces = document.getElementById("profil_droit");
            var droits_div = document.getElementById("droits");

            droits_div.className="";
         //   phone.value=res;
          //  alert(res);
            droits_acces.innerHTML = "<option selected disabled value=''>Sélectionner un profil des droit ...</option>";

            for(var i=0;i<res.length;i++)
            {
                var option = "<option value='"+res[i].id+"'> "+res[i].libelle+"</option>";
                droits_acces.innerHTML = droits_acces.innerHTML + option;
            }
            //oits[0].length);
//alert(option[0].demo);
           /* if (droits.length >0  ) {
                droits_acces.options.length=droits.length;
                for (i=0; i<droits.length; i++) {
                    droits_acces.options[i].value = droits[i].id;
                    droits_acces.options[i].text =  droits[i].libelle;
                }
            }
            else
            {
                // alert(solutions.length);
                droits_acces.options.length=0;


            }

        });*/
    }
</script>
@endsection