@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="row">
                                <div class="col-md-12">
                                    <span class="font-blue-madison title"><i class="fa fa-user"></i> Cliente</span>
                                    <hr>
                                </div>
                            </div>
                            <div class="portlet-body">
                                @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

                                @if (session('message'))
                                    <div class="alert alert-success">
                                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                        {{ session('message') }}
                                    </div>
                                @endif

                                {!! Form::open(['route' => 'admin.customers.create.siptek', 'method' => 'POST', 'id'=>'frm_migra_pos']) !!}
                                    <input type="hidden" name="code" id="code">
                                    <input type="hidden" name="tipo_migracao" value="pospago">
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-6"> 
                                                <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                    {!! Form::text('name', '', ['class' => 'form-control', 'autocomplete' => 'off', 'onblur' => 'search_siptek(this.value); return false;','id'=>'name']) !!}  
                                                    {!! Form::label('name', 'Nome do Cliente no Siptek', ['class' => 'control-label']) !!}                                            
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                    {!! Form::text('id_siptek', '', ['class' => 'form-control', 'autocomplete' => 'off', 'id' => 'id_siptek']) !!}
                                                    {!! Form::label('id_siptek', 'ID Cliente Siptek', ['class' => 'control-label']) !!}   
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                    {!! Form::text('email', '', ['class' => 'form-control', 'autocomplete' => 'off', 'id' => 'email']) !!}
                                                    {!! Form::label('email', 'E-mail Principal', ['class' => 'control-label']) !!}   
                                                </div>
                                            </div>
                                            <div class="col-sm-2" style="text-align:right;">
                                                <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                    {!! Form::label('add_mail', '&nbsp;', ['class' => 'control-label']) !!}
                                                    <span class="btn green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Clique aqui para adicionar um novo email" onclick="aditional_mail();"><i class="fa fa fa-plus-circle"></i> Adicionar Contato</span>
                                                    <input type='hidden' name="marcador" id="marcador" value="0">
                                                    <input type='hidden' name="qtdEmails" id="qtdEmails" value="0">
                                                </div>
                                            </div>
                                        </div>                                                         
                                    </div>

                                    <div class="row" id="aditional_mail" style="display:none">
                                        <div class="col-md-12">
                                            <table id="tbl_email" class="table table-striped table-light">
                                                <tr class="uppercase bg-blue-madison">
                                                    <th class="col-sm-2 font-white">Nome</th>
                                                    <th class="col-sm-1 font-white">Email</th>
                                                    <th class="col-sm-1 font-white">Telefone</th>
                                                    <th class="col-sm-1 font-white popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Emails que receberão os boletos"><i class="fa fa-dollar"></i> Financeiro</th>
                                                    <th class="col-sm-1 font-white popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Se um desses emails estiver marcdo, ele receberá a cópia da NF, caso contrário o email principal receberá a cópia da NF."><i class="fa fa-file"></i> Fiscal</th>
                                                    <th class="col-sm-1"></th>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="form-group col-sm-3">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                
                                                {!! Form::text('cpf_cnpj', '', ['class' => 'form-control cpf_cnpj', 'autocomplete' => 'off', 'id' => 'cpf_cnpj','onblur'=>'valida_cpf_cnpj(this.value);']) !!}
                                                {!! Form::label('cpf_cnpj', 'CPF / CNPJ', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-3">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('rg_ie', '', ['class' => 'form-control', 'autocomplete' => 'off']) !!}
                                                {!! Form::label('rg_ie', 'RG/IE') !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('phone', '', ['class' => 'form-control', 'id' => 'mask_phone', 'autocomplete' => 'off', 'id'=>'mask_phone']) !!}
                                                {!! Form::label('phone', 'Telefone') !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('mobile', '', ['class' => 'form-control', 'autocomplete' => 'off', 'id'=>'mask_cellphone']) !!}
                                                {!! Form::label('mobile', 'Celular') !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('tempo_contrato_id', $contratos, '', ['id'=>'tempo_contrato_id', 'class'=>'form-control','onchange'=>'carregavaloresContrato(this.value);']) !!}
                                                {!! Form::label('tempo_contrato_id', 'Tempo de Contrato ', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('zip_code', '', ['id'=> 'zip_code', 'class' => 'form-control','autocomplete' => 'off']) !!}
                                                {!! Form::label('zip_code', 'CEP', ['class' => 'control-label']) !!}   
                                            </div>
                                        </div>
                                        <div class="col-sm-2" style="text-align:right;">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::label('address', '&nbsp;', ['class' => 'control-label']) !!}
                                                <button type="button" class="btn blue-madison" onclick="search_zipcode();">Buscar Cep</button>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('address', '', ['class' => 'form-control', 'autocomplete' => 'off','id'=>'endereco']) !!}
                                                {!! Form::label('address', 'Endereço', ['class' => 'control-label']) !!}    
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('number', '', ['class' => 'form-control', 'autocomplete' => 'off']) !!}
                                                {!! Form::label('number', 'Número', ['class' => 'control-label']) !!}    
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-sm-4">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('neighborhood', '', ['class' => 'form-control', 'autocomplete' => 'off', 'id'=>'bairro']) !!}
                                                {!! Form::label('neighborhood', 'Bairro', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-4">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('city', '', ['class' => 'form-control', 'autocomplete' => 'off', 'id'=>'city']) !!}
                                                {!! Form::label('city', 'Cidade', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-4">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('state', $options->states, '', ['id'=>'estado', 'class'=>'form-control select2']) !!}
                                                {!! Form::label('state', 'Estado', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-sm-1">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('tem_iss', ['nao'=>'Não','sim'=>'Sim'], '', ['id'=>'tem_iss', 'class'=>'form-control']) !!}
                                                {!! Form::label('tem_iss', 'Retém ISS?', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('possui_contrato', ['sim'=>'Sim','nao'=>'Não'], '', ['id'=>'possui_contrato', 'class'=>'form-control']) !!}
                                                {!! Form::label('tem_iss', 'Cliente possui Contrato?', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-md-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('type_account', ['prepago'=>'PréPago', 'pospago'=>'PósPago'], '', ['id'=>'type_account', 'class'=>'form-control', 'onchange'=>'carregaFormaVenda();']) !!}
                                                {!! Form::label('type_account', 'Conta:', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-md-1 dia_vencimento_div">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('dia_vencimento', getDataFatura(), '', ['id'=>'dia_vencimento', 'class'=>'form-control']) !!}
                                                {!! Form::label('dia_vencimento', 'Vencimento', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-md-2 data_vencimento_div">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('data_vencimento', '', ['class' => 'form-control', 'autocomplete' => 'off','id'=>'data_vencimento']) !!}
                                                {!! Form::label('data_vencimento', 'Data Vencimento') !!}
                                            </div>
                                        </div>

                                        <div class="form-group col-md-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('api_password', '', ['class' => 'form-control', 'autocomplete' => 'off','id'=>'api_password']) !!}
                                                {!! Form::label('api_password', 'Senha conta Voip', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                
                                        <div class="form-group col-sm-3"> 
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::label('nf_antecipada', 'Gerar NF antes do pagamento?', ['class' => 'control-label']) !!}
                                                {!! Form::select('nf_antecipada', ['0'=>'Não','1'=>'Sim'],'', ['id'=>'nf_antecipada', 'class'=>'form-control']) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="form-group col-md-12">
                                            <div class="form-group col-md-2">
                                                <span class="font-blue-madison title"><i class="fa fa-list-alt"></i> Serviços</span>
                                            </div>
                                            @if(routeAcess('admin.servicos.create'))
                                                <a class="btn green-jungle popovers fancybox fancybox.iframe" data-container="body" data-trigger="hover" data-placement="top" data-content="Clicando aqui você pode adicionar um novo serviço" href="{{route('admin.servicos.create.proposta',['serv'=>'serv'])}}"><i class="fa fa fa-plus-circle"></i> Adicionar Serviço</a>
                                            @endif 
                                            <hr>
                                        </div>
                                    
                                        <div class="form-group col-md-5">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('servico', $servicos, '', ['id'=>'servico', 'class'=>'form-control select2']) !!}
                                                {!! Form::label('servico', 'Serviço', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group col-md-2">
                                            <br/>
                                            <a onclick="carregaServico();" class="btn blue-madison popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Selecione um serviço ao lado e clique aqui para anexá-lo"><i class="fa fa-plus-circle"></i> Inserir Serviço</a>
                                            {!! Form::hidden('contador_servicos', '0',['id'=>'contador_servicos']) !!}
                                            {!! Form::hidden('ids_servicos', '',['id'=>'ids_servicos']) !!}
                                        </div>

                                        <div class="form-group col-md-12">
                                            <table class="table table-striped table-bordered table-advance table-hover" style="display:none;" id="tbl_servicos">
                                                <thead>
                                                    <tr>
                                                        <th class='col-sm-1'>&nbsp;</th>
                                                        <th class='col-sm-1'>Cód. Serviço</th>
                                                        <th class='col-sm-1'><i class="fa fa-briefcase"></i> Serviço</th>
                                                        <th class='col-sm-1'>Tipo Conta</th>
                                                        <th class='col-sm-2'>Franquia</th>
                                                        <th class='col-sm-2'>Tarifas Venda</th>
                                                        <th class='col-sm-1'>Cobrança</th>
                                                        <th class='col-sm-1'>Quantidade</th>
                                                        <th class='col-sm-1'><i class="fa fa-dollar"></i> Desconto</th>
                                                        <th class='col-sm-1'><i class="fa fa-shopping-cart"></i> Valor</th>
                                                    </tr>
                                                </thead>
                                                <tbody id='servicos'></tbody>
                                            </table>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="form-group col-sm-5">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('plano_id', '', ['class' => 'form-control plano_id', 'autocomplete' => 'off', 'id' => 'plano_id']) !!}
                                                {!! Form::label('plano_id', 'Nome do Plano', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                        <!--div class="form-group col-sm-5">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('plano_id', $options->plans, '', ['id'=>'plano_id', 'class'=>'form-control select2', 'data-rule-min'=>'1' , 'data-msg-min'=>'Selecione um plano!', 'onchange'=>'carregDadosPlano()']) !!}
                                                {!! Form::label('plano_id', 'Plano', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                        @if(routeAcess('admin.plans.create'))
                                            <div class="form-group col-md-1">
                                                <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                    <a class="btn green-jungle popovers fancybox fancybox.iframe" data-container="body" data-trigger="hover" data-placement="top" data-content="Clicando aqui você pode adicionar um novo plano" href="{{route('admin.plans.create_sale',['prop'=>'prop'])}}"><i class="fa fa fa-plus-circle"></i> Add.</a>
                                                </div>
                                            </div>
                                        @endif

                                        <div class="form-group col-sm-2 franquia_local">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('franquia_local', [''=>''], '', ['id'=>'franquia_local', 'class'=>'form-control']) !!}
                                                {!! Form::label('franquia_local', 'Franquia Local', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group col-sm-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('franquia_aberta', [''=>''], '', ['id'=>'franquia_aberta', 'class'=>'form-control']) !!}
                                                {!! Form::label('franquia_aberta', 'Franquia Aberta', ['class' => 'control-label']) !!}
                                            </div>
                                        </div-->
                                    </div>

                                    <div class="row">
                                            <div class="col-md-12">
                                                <div class='row'>
                                                    <div class="col-md-2 right">
                                                        {!! Form::text('total_servicos', '0,00', ['class' => 'form-control input_vlr', 'autocomplete' => 'off','id'=>'total_servicos', 'readonly'=>'readonly']) !!}
                                                    </div>
                                                    <div class="col-md-4 right top7 right-20">
                                                        <span class='right'><strong>Total Final dos Serviços :</strong></span>
                                                    </div>
                                                </div>
                                                <div class='row'>
                                                    <div class="col-md-2 right">
                                                        {!! Form::text('total_geral', '0,00', ['class' => 'form-control input_vlr', 'autocomplete' => 'off','id'=>'total_geral', 'readonly'=>'readonly']) !!}
                                                    </div>
                                                    <div class="col-md-4 right top7 right-20">
                                                        <span class='right'><strong>Total da Fatura: (Sem consumo) :</strong></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <span class="html"></span>
                                    </div>

                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <button type="submit" id="btnSalvar" name="Salvar" value='Salvar' class="btn green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Finalizar e salvar o registro.">
                                                <i class="fa fa-save"></i> Salvar
                                            </button>
                                            <a href="{{route('admin.customers')}}" 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-customer')
    <script src="{{ asset('/assets/global/plugins/jquery-ui/jquery-ui.1.10.3.js') }}"></script>    
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/scripts/valida-cpf-cnpj.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/plugins/jquery.blockui.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/pages/scripts/ui-blockui.min.js') }}" type="text/javascript"></script>
    <link href="{{ asset('/assets/global/plugins/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('/assets/global/plugins/select2/css/select2-bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
    <script src="{{ asset('/assets/global/plugins/select2/js/select2.full.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/pages/scripts/components-select2.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/apps/scripts/jquery.maskMoney.js') }}" type="text/javascript"></script>
    <script type="text/javascript">  
        $(document).ready( function() {
            carregaFormaVenda();
            $("#frm_migra_pos").validate({
                rules: {
                    name: "required",
                    email: {required:true,email:true},
                    data_vencimento: "required",
                    tempo_contrato_id: "required",
                    plano_id: "required",
                },
                highlight: function (element) {
                    $(element).closest('.control-group').removeClass('success').addClass('error');
                },
                success: function (element) {
                    element.text('').closest('.control-group').removeClass('error').addClass('success');
                },
                messages: {
                    name: "Por favor digite o Nome/Razão Social.",
                    email: "Por favor digite um email válido.",
                    data_vencimento: "*",
                    plano_id: "Informe o nome do plano do cliente.",
                }
            });

            $.datepicker.regional['pt-BR'] = {
                closeText: 'Fechar',
                prevText: '&#x3c;Anterior',
                nextText: 'Pr&oacute;ximo&#x3e;',
                currentText: 'Hoje',
                monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
                'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
                'Jul','Ago','Set','Out','Nov','Dez'],
                dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                weekHeader: 'Sm',
                dateFormat: 'dd/mm/yy',
                firstDay: 0,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: ''
            };
            
            $.datepicker.setDefaults($.datepicker.regional['pt-BR']);
            $("#data_vencimento").datepicker();

        });

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

                $.ajax({ 
                    type: "GET", 
                    url: '{{ route('admin.customers.search.siptek') }}', 
                    data: {name: name}, 
                    success: function(data) { 
                        var json = JSON.parse(data);
                        
                        if (json.cpf == '') {
                            cpf_cnpj = json.cnpj;
                        } else {
                            cpf_cnpj = json.cpf;
                        }

                        if(json.email==''){
                            mail = json.login;
                        } else{
                            mail = json.email;
                        }

                        $("#name").val(json.nome);
                        $("#id_siptek").val(json.id).focus();                    
                        $("#cpf_cnpj").val(cpf_cnpj).focus();
                        $("#rg_ie").val(json.inscricao_estadual).focus();
						$("#email").val(mail).focus();
                        $("#mask_phone").val(json.telefone).focus();
                        $("#api_password").val(json.senha).focus();
                        $("#endereco").val(json.endereco).focus();
                        $("#estado").val(json.estado).change().focus();
                        $("#bairro").val(json.bairro).change().focus();

                    } 
                });
            }
        } 

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

            $.ajax({ 
                type: "GET", 
                url: '{{ route('register.zipcode') }}', 
                data: {zip_code: $('#zip_code').val()}, 
                success: function(data) { 
                    var json = JSON.parse(data);
                    $("#endereco").val(json.logradouro).focus();
                    $("#bairro").val(json.bairro).focus();
                    $("#city").val(json.localidade).focus();
                    $("#estado").val(json.uf).focus();
                    $("#code").val(json.ibge);
                } 
            });
        } 

        function editaInputServicoSelect(valor){
            $('#select2-servico-container').html(valor);
        }

        ////////////////////////////////////////////////////////////////
        //                  Inicio script serviços                    //
        ////////////////////////////////////////////////////////////////

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

            var servico = $("#servico").val();
            var ids_servicos = $('#ids_servicos').val();
            var contador_servicos = $("#contador_servicos").val();
            var tempo_contrato_id = $("#tempo_contrato_id").val();
            
            $.ajax({ 
                type: "GET", 
                url: '{{ route('admin.servicos.get.service') }}', 
                data: {id:servico,ids_servicos:ids_servicos,tempo_contrato_id:tempo_contrato_id}, 
                success: function(data) { 
                    if(data=='erro'){
                        swal({"title":"Ops!","text":"O serviço solicitado não foi encontado!","showConfirmButton":true,"type":"error"});
                    }else if(data=='existe'){
                        swal({"title":"Ops!","text":"O serviço solicitado já está dentre os selecionados! Para dicionar mais unidades altere a quantidade!","showConfirmButton":true,"type":"error"});
                    }else{
                        if(contador_servicos == 0){
                            $('#tbl_servicos').show('slow');
                        }
                        $('#servicos').append(data);
                        contador_servicos++;   
                        $('#contador_servicos').val(contador_servicos);
                        $("#servico").val('');
                        $('#select2-servico-container').html("::Selecione::");
                        $('#ids_servicos').val(ids_servicos+servico+'|');
                        somaServicos();
                        carregaFranquia(servico);
                    }
                } 
            });
            return false;
        }

        function carregaFranquia(servico, local=null, aberta=null){

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

            $.ajax({ 
                type: "GET", 
                url: '{{ route('admin.servicos.get.franquia') }}', 
                data: {id:servico}, 
                success: function(data) { 
                    var json = JSON.parse(data);
                    if(json.local > 0){
                        $('#franquia_local').append($('<option>', {
                            value: json.local_value,
                            text: json.local_option
                        }));
                        if(local){
                            $('#franquia_local option[value='+json.local_value+']').attr('selected','selected').focus();
                        }
                    }
                    if(json.aberta > 0){
                        $('#franquia_aberta').append($('<option>', {
                            value: json.aberta_value,
                            text: json.aberta_option
                        }));
                        if(aberta){
                            $('#franquia_aberta option[value='+json.aberta_value+']').attr('selected','selected').focus();
                        }
                    }
                } 
            });

        }

        function removeFranquia(servico){

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

            $.ajax({ 
                type: "GET", 
                url: '{{ route('admin.servicos.get.franquia') }}', 
                data: {id:servico}, 
                success: function(data) { 
                    var json = JSON.parse(data);
                    if(json.local > 0){
                        $("#franquia_local option[value='"+json.local_value+"']").remove();
                    }
                    if(json.aberta > 0){
                        $("#franquia_aberta option[value='"+json.aberta_value+"']").remove();
                    }
                } 
            });

        }

        function removerServico(ref){

            var contador_servicos = $("#contador_servicos").val();
            contador_servicos--;
            var ids_servicos = '';
            var ids = $("#ids_servicos").val().split('|');
            
            $('#servico_'+ref).remove();
            $('#servico_total'+ref).remove();

            $('#contador_servicos').val(contador_servicos);
            
            $.each(ids, function( index, value ) {
                if(ref != value && value.length > 0)
                    ids_servicos = ids_servicos + value + '|';
            });
            
            $("#ids_servicos").val(ids_servicos);

            
            if(contador_servicos==0){
               $('#tbl_servicos').hide('slow'); 
            }

            somaServicos();      
            removeFranquia(ref);
            
        }

        function calculaValorUnitarioServico(ref){
            $("#vlr_unitario_servico_"+ref).maskMoney({symbol:'', showSymbol:false, thousands:'', decimal:'.', symbolStay: true,precision :2});

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

            var servico = ref;
            var contrato = $("#tempo_contrato_id").val();
            var valor = $("#vlr_unitario_servico_"+ref).val();

            $.ajax({ 
                type: "GET", 
                url: '{{ route('admin.servicos.get.valor') }}', 
                data: {id:servico, contrato:contrato}, 
                success: function(data) { 
                    if(parseInt(data) > parseInt(valor)){

                        swal({"title":"Atenção","text":"Descontos só são permitidos através do campo de descontos!<br/> Caso necessite conceder um desconto, solicite a um admnistrador do sistema.","showConfirmButton":true,"type":"error","html":true});
                        vlr = parseFloat(Math.round(data * 100) / 100).toFixed(2);
                        $("#vlr_unitario_servico_"+ref).val(vlr);
                        // Apply maskMoney now that precision is fixed
                        $("#vlr_unitario_servico_"+ref).maskMoney({symbol:'', showSymbol:false, thousands:'', decimal:'.', symbolStay: true,precision :2});
                    }

                    calculaValorServico(ref)
                    
                } 
            });

        }

        function calculaValorServico(ref){

            $("#vlr_desconto_servico_"+ref).maskMoney({symbol:'', showSymbol:false, thousands:'', decimal:'.', symbolStay: true});
            
            @if(routeAcess('admin.servicos.get.desconto'))
                var vlr_desc = $("#vlr_desconto_servico_"+ref).val();
            @else
                var vlr_desc = '0.000';
                $("#vlr_desconto_servico_"+ref).val(vlr_desc);
            @endif

            var vlr_atual = $("#vlr_unitario_servico_"+ref).val();
            var qtd_atual = $("#qtd_servico_"+ref).val();

            if(qtd_atual<1 || qtd_atual==''){
                swal({"title":"Ops!","text":"Não é possível vender serviços com quantidade zerada!","showConfirmButton":true,"type":"error"});
                $("#qtd_servico_"+ref).val('1');
                qtd_atual = 1;
            }

            if(parseInt(vlr_desc) > parseInt(vlr_atual)){
                swal({"title":"Ops!","text":"O valor de desconto não pode ser maior do que o valor do Produto!","showConfirmButton":true,"type":"error"});
                var vlr_desc = '0.000';
                $("#vlr_desconto_servico_"+ref).val(vlr_desc);
            }
            
            var novo_vlr  = (vlr_atual-vlr_desc) * qtd_atual;
            novo_vlr = parseFloat(Math.round(novo_vlr * 100) / 100).toFixed(2);
            $("#vlr_total_servico_"+ref).val(novo_vlr);
            $("#total_servico_"+ref).html("R$ "+novo_vlr);

            somaServicos();

        }

        function somaServicos(){

            var total = parseFloat('0.00');
            $( ".vlr_total_servico" ).each(function() {
                vlr = $(this).val();
                total = parseFloat(total) + parseFloat(vlr);
                total = parseFloat(total).toFixed(2);
            });
            if(total==0)
                total = '0000';
            else{
                //total = parseFloat(Math.round(total * 100) / 100).toFixed(3);
                total = total.replace('.','');
            }
            $("#total_servicos").val(formatReal(total));
            somaTotal();

        }
        ////////////////////////////////////////////////////////////////
        //                    Fim script serviços                     //
        ////////////////////////////////////////////////////////////////

        function carregavaloresContrato(id){

            var contador_servicos = $("#contador_servicos").val();
            
            if(contador_servicos==0){
               return;
            }

            $.blockUI({ message: "Olá {!! Auth::user()->name !!}, por favor aguarde um momento enquanto os valores são atualizados <img src='{{ asset('/assets/global/img/loading.gif') }}'>" });

            var ids_servicos = $("#ids_servicos").val();

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

            $.ajax({ 
                type: "GET", 
                url: '{{ route('admin.servicos.getval.servicos') }}', 
                data: {ids_servicos:ids_servicos,contrato_id:id}, 
                success: function(data) { 
                    if(data=='erro'){
                        swal({"title":"Ops!","text":"Houve um erro durante o processamento, por favor tente novamente!","showConfirmButton":true,"type":"error"});
                    }else{
                        var json = JSON.parse(data);
                        $.each(json, function(i, item) {
                            $("#vlr_unitario_servico_"+i).val(item);
                            $("#unitario_servico_"+i).html("R$ "+item);
                            calculaValorServico(i);
                        });
                        $.unblockUI();
                    }
                } 
            });

        }

        function somaTotal(){

            var servicos = $("#total_servicos").val();
                        
            //remove pontos e substitui vírgulas por pontos
            servicos = servicos.replace('.','');
            servicos = servicos.replace(',','.');
            
            var total = parseFloat(servicos);
            
            if(total==0)
                total = '000';
            else{
                total = parseFloat(Math.round(total * 100) / 100).toFixed(2);
                total = total.replace('.','');
            }

            $("#total_geral").val(formatReal(total));

        }

        function carregavaloresContrato(id){

            var contador_servicos = $("#contador_servicos").val();
            
            if(contador_servicos==0){
               return;
            }

            $.blockUI({ message: "Olá {!! Auth::user()->name !!}, por favor aguarde um momento enquanto os valores são atualizados <img src='{{ asset('/assets/global/img/loading.gif') }}'>" });

            var ids_servicos = $("#ids_servicos").val();

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

            $.ajax({ 
                type: "GET", 
                url: '{{ route('admin.servicos.getval.servicos') }}', 
                data: {ids_servicos:ids_servicos,contrato_id:id}, 
                success: function(data) { 
                    if(data=='erro'){
                        swal({"title":"Ops!","text":"Houve um erro durante o processamento, por favor tente novamente!","showConfirmButton":true,"type":"error"});
                    }else{
                        var json = JSON.parse(data);
                        $.each(json, function(i, item) {
                            $("#vlr_unitario_servico_"+i).val(item);
                            $("#unitario_servico_"+i).html("R$ "+item);
                            calculaValorServico(i);
                        });
                        $.unblockUI();
                    }
                } 
            });

        }

        function aditional_mail(){

            var marcador = $("#marcador").val()
            var qtdEmails = $("#qtdEmails").val();

            var append = '<tr id="line_mail'+qtdEmails+'"><td class="col-sm-2"><div class="form-group form-md-line-input has-personalizado form-md-floating-label"><input onkeyup="IsEmail(this.value);" type="text" name="name'+marcador+'" id="name" class="form-control" ><label class="control-label">Nome do Contato</label></div></td><td class="col-sm-1"><div class="form-group form-md-line-input has-personalizado form-md-floating-label"><input onkeyup="IsEmail(this.value);" type="text" name="email'+marcador+'" id="email" class="form-control" ><label class="control-label">Email </label></div></td><td class="col-sm-1"><div class="form-group form-md-line-input has-personalizado form-md-floating-label"><input onkeyup="IsEmail(this.value);" type="text" name="telefone'+marcador+'" id="telefone" class="form-control" ><label class="control-label">Telefone </label></div></td><td class="col-sm-1"><div class="md-checkbox"><input type="checkbox" id="recebe_boleto'+marcador+'" name="recebe_boleto'+marcador+'" value="'+marcador+'" class="md-check"><label for="recebe_boleto'+marcador+'" class="has-personalizado"><span></span><span class="check has-personalizado"></span><span class="box"></span></label></div></td><td class="col-sm-1"><div class="md-radio-list"><div class="md-radio"><input type="radio" id="recebe_nf'+marcador+'" name="recebe_nf" class="md-radiobtn" value="'+marcador+'"><label for="recebe_nf'+marcador+'"><span class="inc"></span><span class="check"></span><span class="box"></span></label></div></div></td><td><a onclick="removerEmail('+qtdEmails+')" href="javascript:void(0);" class="btn btn-outline btn-sm red"><i class="fa fa-remove"></i> Remover </a></td></tr>';

            marcador++;
            qtdEmails++;

            $("#tbl_email").append(append);
            $("#aditional_mail").show('slow');
            $("#marcador").val(marcador);
            $("#qtdEmails").val(qtdEmails);

        }

        function removerEmail(id){
            var qtdEmails = $("#qtdEmails").val();
            qtdEmails--;
            $("#line_mail"+id).remove();
            $("#qtdEmails").val(qtdEmails);
            if(qtdEmails == '0'){
                $("#aditional_mail").hide('slow');
                $("#btnSalvar").removeAttr('disabled');
            }
        }

        function IsEmail(email){
            
            if(email==''){
                $("#btnSalvarEmail").removeAttr('disabled');
            }else{
                var exclude=/[^@\-\.\w]|^[_@\.\-]|[\._\-]{2}|[@\.]{2}|(@)[^@]*\1/;
                var check=/@[\w\-]+\./;
                var checkend=/\.[a-zA-Z]{2,3}$/;
                if(((email.search(exclude) != -1)||(email.search(check)) == -1)||(email.search(checkend) == -1)){
                    $("#btnSalvar").attr('disabled','disabled');
                }else {
                    $("#btnSalvar").removeAttr('disabled');
                }
            }
        }

        function carregaFormaVenda(){

            var tipo = $("#type_account").val()

            if(tipo=='pospago'){
                $('.dia_vencimento_div').show('slow');
                $('.data_vencimento_div').hide('slow');
            }else{
                $('.dia_vencimento_div').hide('slow');
                $('.data_vencimento_div').show('slow');
            }

        }

    </script>
@stop()