@extends('template')

@section('content')
<div class="page-content">
    <div class="container-fluid">
        <div class="page-content-inner">
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet light">
                        <div class="portlet-body">
                            <div class="row">
                                <div class="col-md-12">
                                 <span class="font-blue-madison title"><i class="fa fa-user-plus"></i> Colaboradores (Usuários)</span>
                                 <a href="{{ route('admin.users') }}" class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Voltar para consulta de Colaboradores"><i class="fa fa-arrow-circle-left"></i>  Voltar</a>
                                 <hr>
                             </div>
                         </div>
                         @if (count($errors) > 0)
                         <div class="alert alert-danger">
                            <strong> O Formulário está com os erros abaixo:</strong><br><br>
                            <ul>
                                @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                        @endif

                        {!! Form::open(['route' => $action->route, 'method' => $action->method, 'id'=>'usuarios']) !!}
                        {!! Form::hidden('id', $user->id ,['id'=>'id']) !!}
                        <div class="col-md-12">
                            <ul class="nav nav-tabs">
                                <li class="active">
                                    <a href="#tab_dados" data-toggle="tab"> Dados Pessoais </a>
                                </li>
                                <li>
                                    <a href="#tab_perfil" data-toggle="tab"> Perfil de Usuário </a>
                                </li>
                                <li>
                                    <a href="#tab_permissoes" data-toggle="tab"> Permissões de Acesso </a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane fade active in" id="tab_dados">
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-user-plus"></i>
                                                    </span>
                                                    {!! Form::text('name', $user->name, ['class' => 'form-control', 'autocomplete' => 'off','id'=>'name']) !!}
                                                    {!! Form::label('name', 'Nome do Usuário') !!}
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-envelope"></i>
                                                    </span>
                                                    {!! Form::email('email', $user->email,['class' => 'form-control', 'autocomplete' => 'off','id'=>'email']); !!}
                                                    {!! Form::label('email', 'Endereço de Email') !!}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="tab_perfil">
                                    <div class="row">
                                        <div class="form-group col-md-3">
                                         <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                            <div class="input-group left-addon">
                                                <span class="input-group-addon has-personalizado">
                                                    <i class="fa fa-tripadvisor"></i>
                                                </span>
                                                {!! Form::select('perfil_id',$perfis, $user->perfil_id, ['class'=>'form-control', 'onchange'=>'carregaPermissoes(this.value);']) !!}
                                                {!! Form::label('perfil_id', 'Selecione o perfil do colaborador') !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                            <div class="input-group left-addon">
                                                <span class="input-group-addon has-personalizado">
                                                    <i class="fa fa-tripadvisor"></i>
                                                </span>
                                                {!! Form::select('profile',$profiles, $user->profile, ['class'=>'form-control']) !!}
                                                {!! Form::label('profile', 'Cargo') !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="tab_permissoes">
                                @foreach($modulos as $modulo)
                                @if($modulo->id > 1)
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <strong><br/>{{$modulo->module_name}}<br/></strong>
                                    </div>
                                </div>
                                @endif
                                <div class="row">
                                    @foreach($routes as $route)
                                    @if($route->module_id == $modulo->id)
                                    <div class="form-group col-md-3">
                                       <div class="md-checkbox">
                                        @if($route->label != 'Dashboard')
                                        {!! Form::checkbox('permission[]', $route->id, $check[$route->id], ['id'=>$route->id,'class'=>'md-check']) !!}
                                        <label for="{{$route->id}}" class="has-personalizado">
                                          <span></span>
                                          <span class="check has-personalizado"></span>
                                          <span class="box"></span> {{ $route->label }}
                                      </label>
                                      @else
                                      {!! Form::hidden('permission[]', $route->id) !!}
                                      @endif
                                  </div>
                              </div>
                              @endif
                              @endforeach
                          </div>
                          @endforeach
                      </div>
                </div>
            </div>

            <div class="row">
                <div class="form-group col-md-6">
                    <button type="submit" name="Salvar" value='Salvar' class="btn green-jungle popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Salvar Informações">
                        <i class=" fa fa-save"></i> Salvar
                    </button>
                    <a href="{{route('admin.users')}}" class="btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Ao cancelar você perderá todas as informações não salvas!"><i class="fa fa-close"></i> Cancelar</a>
                </div>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>
</div>
</div>
<!-- END PAGE CONTENT INNER -->
</div>
</div>
@stop()

@section('js-admin-user')
<script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>

<script>
    $(document).ready( function() {

    $("#usuarios").validate({
        rules: {
            name: "required",
            email: {required:true,email:true},
        },
        messages: {
            name: "Por favor digite um nome para o perfil.",
            email: "Por favor digite um email válido.",
        }
    });
});

    function carregaPermissoes(id){
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });

        var user_id = $("#id").val();
        if(user_id == '')user_id = '0';

        $(".md-check").each(function() {
            $(this).prop("checked", false);
        });

        $.ajax({
            type: "GET",
            url: '{{ route('admin.users.perfis.get') }}',
            data: {id: id, user_id:user_id},
            success: function(data) {
                var json = JSON.parse(data);
                $.each(json, function(i, item) {
                    $("#"+item).prop('checked', true);
                });
            }
        });
    }
</script>
@stop