@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-users"></i> Grupos de Vendas</span>
                                        <a href="{{ route('admin.grupos.venda') }}" class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Voltar para a consulta de Grupos de Venda"><i class="fa fa-arrow-circle-left"></i>  Voltar</a>
                                        <hr>
                                    </div>
                                </div>
                                {!! Form::open(['route' => $action->route, 'method' => $action->method, 'id'=>'grupos']) !!}
                                    {!! Form::hidden('id', $grupo->id) !!}
                                    <div class="row">
                                        <div class="form-group col-md-8">
                                            <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-info"></i>
                                                    </span>
                                                    {!! Form::text('name', $grupo->name, ['class' => 'form-control', 'autocomplete' => 'off','id'=>'name']) !!}
                                                    {!! Form::label('name', 'Grupo') !!}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-2">
                                            <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-toggle-on"></i>
                                                    </span>
                                                    {!! Form::select('status', ativoinativo(), $grupo->status, ['class'=>'form-control']) !!}
                                                    {!! Form::label('status', 'Status', ['class' => 'control-label']) !!}
                                                </div>
                                            </div>
                                        </div>    
                                        <div class="form-group col-md-2">
                                            <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="icon-grid"></i>
                                                    </span>
                                                    {!! Form::select('tipo', ['Interno'=>'Interno','Externo'=>'Externo',], $grupo->tipo, ['class'=>'form-control', 'onchange'=>'alteraTipo(this.value);']) !!}
                                                    {!! Form::label('tipo', 'Tipo', ['class' => 'control-label']) !!}
                                                </div>
                                            </div>
                                        </div>                                    
                                    </div>

                                    <div class="row">
                                        <div class="form-group col-md-4">
                                            <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="icon-user-follow"></i>
                                                    </span>
                                                    {!! Form::select('gerente_id', $gerentes, $grupo->gerente_id, ['class'=>'form-control', 'onchange'=>'hideUser(this.value);', 'id'=>'gerente_id']) !!}
                                                    {!! Form::label('gerente_id', 'Gerente do Grupo', ['class' => 'control-label']) !!}
                                                </div>
                                            </div>
                                        </div>    
                                        <div class="form-group col-md-4">
                                            <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="icon-user-following"></i>
                                                    </span>
                                                    {!! Form::select('supervisor_id', $supervisores, $grupo->supervisor_id, ['class'=>'form-control', 'onchange'=>'hideUser(this.value);', 'id'=>'supervisor_id']) !!}
                                                    {!! Form::label('supervisor_id', 'Supervisor do grupo', ['class' => 'control-label']) !!}
                                                </div>
                                            </div>
                                        </div>                                    
                                    </div>
                                    <div class="row" id="Interno">
                                        <div class="form-group col-md-12">
                                            <h4 class='font-blue-madison'>Vendedores</h4>
                                            <hr>
                                            <div class="row">
                                                @foreach($vendedores as $vendedor)
                                                    <div class="form-group col-md-3" id='user_{{$vendedor->id}}'>
                                                        <div class="md-checkbox">
                                                            {!! Form::checkbox('vendedor_id[]', $vendedor->id, $checkVendedor[$vendedor->id], ['id'=>$vendedor->id,'class'=>'md-check']) !!} 
                                                            <label for="{{$vendedor->id}}" class="has-personalizado">
                                                                <span></span>
                                                                <span class="check has-personalizado"></span>
                                                                <span class="box"></span> {{ $vendedor->name }}
                                                            </label>
                                                        </div>
                                                    </div>
                                                @endforeach   
                                            </div> 
                                        </div>
                                    </div>
                                    <div class="row" id="Externo">                                        
                                        <div class="form-group col-md-12">
                                            <h4 class='font-blue-madison'>Representantes Comerciais</h4>
                                            <hr>
                                            <div class="row">
                                                @foreach($representantes as $representante)
                                                    <div class="form-group col-md-3"  id='user_{{$representante->id}}'>
                                                        <div class="md-checkbox">
                                                            {!! Form::checkbox('representante_id[]', $representante->id, $checkRepresentante[$representante->id], ['id'=>$representante->id,'class'=>'md-check']) !!} 
                                                            <label for="{{$representante->id}}" class="has-personalizado">
                                                                <span></span>
                                                                <span class="check has-personalizado"></span>
                                                                <span class="box"></span> {{ $representante->name }}
                                                            </label>
                                                        </div>
                                                    </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 Grupo de Email">
                                                <i class=" fa fa-save"></i> Salvar
                                            </button>
                                            <a href="{{ route('admin.grupos.email') }}" class="btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Ao cancelar você perderá 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-grupo-email')
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready( function() { 
            $("#grupos").validate({
                rules: {
                    name: "required",
                    gerente_id: "required",
                },
                messages: {
                    name: "Por favor digite o nome para do Grupo.",
                    gerente_id: "Informe o gerente do Grupo."
                }
            });

            alteraTipo('{{$grupo->tipo}}');
            hideUser('{{$grupo->supervisor_id}}');
            hideUser('{{$grupo->gerente_id}}');
        }); 

        function alteraTipo(tipo){
            if(tipo=='Interno'){
                $("#Externo").hide("slow");
                $("#Interno").show("slow");
            }

            if(tipo=='Externo'){
                $("#Interno").hide("slow");
                $("#Externo").show("slow");
            }
        }

        function hideUser(user_id){

            var gerente = $("#gerente_id").val();
            var supervisor = $("#supervisor_id").val();

            
            if(gerente == user_id || supervisor == user_id){
                $("#user_"+user_id).hide("slow");
            }else{
                $("#user_"+user_id).show("slow");
            }
            
            $(".md-check").each(function() {
                if($(this).val() != gerente && $(this).val() !=supervisor){
                    var item = $(this).val();
                    $("#user_"+item).show("slow");
                }
            });

        }
    </script>
@stop()