@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>
                                   @if(routeAcess('admin.users.create'))
                                   <a href="{{ route('admin.users.create') }}" class="right btn green-jungle popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Cadastrar um novo Colaborador"><i class="fa fa-plus-circle"></i> Novo Usuário</a>
                                   @endif
                                   <hr>
                               </div>
                           </div>
                           <table class="table table-striped table-hover table-light" id="table-users">
                            <thead>
                                <tr class="uppercase bg-blue-madison">
                                    <th class="col-md-5 font-white">Nome</th>
                                    <th class="col-md-4 font-white">Email</th>
                                    <th class="col-md-3 font-white">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($users as $user)
                                <tr>
                                    <td>{{ $user->name }}</td>
                                    <td>{{ $user->email }}</td>
                                    <td>

                                        @if(routeAcess('admin.users.edit'))
                                            <a class='btn blue-madison popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Editar Usuário" href="{{ route('admin.users.edit', ['id' => $user->id]) }}">
                                                <i class="fa fa-edit"></i>
                                            </a>
                                        @endif

                                        @if(routeAcess('admin.users.remove'))
                                            <a class='btn red popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Remover Usuário" onclick="removeRegistro('remover-usuario/','{{ $user->id }}')">
                                                <i class="fa fa-times"></i>
                                            </a>
                                        @endif

                                        @if(routeAcess('admin.users.departamento'))
                                            <a class='btn green-jungle popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Vincular usuário a um ou mais departamentos" href="{{ route('admin.users.departamento',['id' => $user->id]) }}">
                                                <i class="fa fa-building"></i>
                                            </a>
                                        @endif

                                        @if(routeAcess('admin.users.grupos.email'))
                                            <a class='btn default popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Vincular usuário a um ou mais grupos de email" href="{{ route('admin.users.grupos.email',['id' => $user->id]) }}">
                                                <i class="fa fa-group"></i>
                                            </a>
                                        @endif
                                        @if(routeAcess('admin.users.edit') && in_array($user->profile, $perfis))
                                            <a class='btn yellow-gold popovers gerir-comissao' data-container="body" data-trigger="hover" data-placement="top" data-content="Consultar comissão" data-user="{{ $user->id }}" data-name-user="{{ $user->name }}" >
                                                <i class="fa fa-list-alt"></i>
                                            </a>
                                        @endif 
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>

                        <div class="modal fade" id="gerir-comissao" tabindex="-1" role="basic" aria-hidden="true">
                            <div class="modal-dialog">

                               {!! Form::open(['route' => 'admin.users.gerir.comissao', 'method' => 'post', 'id'=>'frm_gerir_comissao']) !!}
                               {!! Form::hidden('user_id', $user->id,['id'=>'user_id']) !!}
                               <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                    <h4 class="modal-title">Comissão de Vendas</h4>
                                </div>
                                <div class="modal-body">
                                    <div class="row">
                                        <div class="form-group form-md-line-input">
                                            <label class="col-md-5 control-label font-blue-madison" >
                                                Lançar Comissão de Venda
                                            </label>
                                            <div class="col-md-7">
                                                <div class="md-radio-inline">
                                                    <div class="md-radio">
                                                        <input type="radio" id="aliquota_padrao" name="tipo_lancamento" class="md-radiobtn" value="default">
                                                        <label for="aliquota_padrao" class="font-blue-madison">
                                                            <span></span>
                                                            <span class="check"></span>
                                                            <span class="box"></span> Perfil de Venda</label>
                                                        </div>
                                                        <div class="md-radio">
                                                            <input type="radio" id="aliquota_personalizada" name="tipo_lancamento" class="md-radiobtn" value="custom">
                                                            <label for="aliquota_personalizada" class="font-blue-madison">
                                                                <span></span>
                                                                <span class="check"></span>
                                                                <span class="box"></span> Personalizado </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                @foreach($periodo_contrato as $periodo)
                                                <div class="form-group col-md-4">
                                                    <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                        {!! Form::label('comissao_contrato['.$periodo->tempo.']', '(%) Contrato: '. $periodo->tempo .' meses', ['class' => 'control-label']) !!}
                                                        {!! Form::text('comissao_contrato['.$periodo->tempo.']', 0, ['id' => 'comissao_contrato_'.$periodo->tempo, 'class' => 'form-control mask-number', 'autocomplete' => 'off']) !!}
                                                    </div>
                                                </div>
                                                @endforeach
                                                @foreach($periodo_contrato as $periodo)
                                                <div class="form-group col-md-4">
                                                    <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                        {!! Form::label('comissao_mensal['.$periodo->tempo.']', '(%) Cobr. Recorrente: '. $periodo->tempo .' meses', ['class' => 'control-label']) !!}
                                                        {!! Form::text('comissao_mensal['.$periodo->tempo.']', 0, ['id' => 'comissao_mensal_'.$periodo->tempo, 'class' => 'form-control mask-number', 'autocomplete' => 'off']) !!}
                                                    </div>
                                                </div>
                                                @endforeach

                                                @foreach (range(1,$parametros->meses_comissao) as $mes)
                                                <div class="form-group col-md-4">
                                                    <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                        {!! Form::label('comissao_consumo['.$mes.']', '(%) Consumo: '. $mes .'º Mês', ['class' => 'control-label']) !!}
                                                        {!! Form::text('comissao_consumo['.$mes.']', 0, ['id' => 'comissao_consumo_'.$mes, 'class' => 'form-control mask-number', 'autocomplete' => 'off']) !!}
                                                    </div>
                                                </div>
                                                @endforeach

                                                <div class="form-group col-md-4">
                                                    <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                        {!! Form::label('comissao_produto[0]', '(%) Produto', ['class' => 'control-label']) !!}
                                                        {!! Form::text('comissao_produto[0]', 0, ['id' => 'comissao_produto_0', 'class' => 'form-control mask-number', 'autocomplete' => 'off']) !!}
                                                    </div>
                                                </div>

                                                <div class="form-group col-md-4">
                                                    <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                        {!! Form::label('comissao_unica[0]', '(%) Cobr. Única', ['class' => 'control-label']) !!}
                                                        {!! Form::text('comissao_unica[0]', 0, ['id'=> 'comissao_unica_0', 'class' => 'form-control mask-number', 'autocomplete' => 'off']) !!}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="pull-left btn dark" data-dismiss="modal">Cancelar
                                            </button>
                                            <button id="btn-atualizar" type="submit" class="pull-right btn blue-madison">Atualizar
                                            </button>
                                        </div>
                                    </div>
                                    <!-- /.modal-content -->
                                    {!! Form::close() !!}
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@stop()

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

    function limparInputs(){

        $("#gerir-comissao input").attr("readonly", false);

        $('.mask-number').each(function(){
            $(this).val('0,00').trigger("change");
        });

    }

    $(document).ready( function() {  

        $(".gerir-comissao").click(function(){

            limparInputs();

            $(".modal-title").text('Comissão de Venda - [' + $(this).data('name-user') + ']');

            $("#aliquota_padrao").attr('data-user', $(this).data('user'));

            $("#user_id").val($(this).data('user'));

            $.post('{{ route("admin.users.consultar.comissao") }}', {user : $(this).data('user'), _token : "{{ csrf_token() }}"}, function(data){

                $.each(data.comissao, function(name, value) {
                    $("#"+name).val(value);
                });

                $("#"+data.tipo).prop('checked',true).trigger('change');

            });

            $("#gerir-comissao").modal();

        });

        $("#frm_gerir_comissao").submit(function(){});

        $("input[name=tipo_lancamento]").change(function(){

            if($(this).val() == "default"){

                $("#gerir-comissao input").attr("readonly", true);

                $.post('{{ route("admin.users.comissao.default") }}', {user : $("#user_id").val(), _token : "{{ csrf_token() }}"}, function(data){

                    $.each(data.comissao, function(name, value) {
                        $("#"+name).val(value);
                    });

                });

            }else{
                $("#gerir-comissao input").attr("readonly", false);
            }
        });

        $(".mask-number").maskMoney({
            symbol:'',
            showSymbol:false,
            thousands:'.',
            decimal:',',
            symbolStay: true,
            numeralMaxLength: false
        }).attr('maxlength', 6);

        $('.mask-number').each(function(){
            $(this).maskMoney('mask', $(this).val());
        });

        /**
         * Tabela padrão, com paginação, busca registros por página 
         */
         $('#table-users').DataTable({
            "aoColumnDefs": [
            {'bSortable': false, 'aTargets': ["no-sort"]}
            ],
            "iDisplayLength": 15,
            "language": {
                "lengthMenu": "Exibir _MENU_",
                "zeroRecords": "Nenhum registro",
                "info": "Exibindo página(s) _PAGE_ de _PAGES_",
                "infoEmpty": "Não há registros disponíveis",
                "search" : "Pesquisar ",
                "paginate": {
                    "first":    "Primeiro",
                    "previous": "Anterior",
                    "next":     "Próximo",
                    "last":     "Último"
                }
            }
        });
     });
 </script>
 @stop()