@extends('layouts.dashboard')

@section('title', 'Vendas Recorrências')

@section('title-dashboard')
Assinar
@endsection

@section('pg-home')
@endsection

@section('content')
@parent

<div class="row">
    <div class="col-md-12">                
        <div class="tabbable-line boxless tabbable-reversed">
            <div class="tab-pane" id="tab_1">
                <div class="portlet box blue-steel">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-check"></i> Recorrência!                                    
                        </div>
                    </div>
                    <div class="portlet-body form">
                        {!! Form::model($listar, [
                                'method' => 'POST',
                                'route' => ['vendas_recorrenciasCadastrargo'],
                                'class' => 'horizontal-form', 'onsubmit'=>'getModalAguarde();'
                            ]) !!}
                        <div class="form-body">
                            <div class="row" id="div_dados_compra" style="display: none;">
                                    <input type="hidden" name="plano_id" id="plano_id" value="2">
                                <div class="col-md-2">
                                    <!--<button type="button" class="btn green-meadow margin-top25px" onclick="assinarPlano();"><i class="fa fa-check"></i> Iniciar</button>-->
                                </div>
                            </div>
                            <div class="clearboth" style="" id="div_dados_pagamento">
                                    <input type="hidden" name="status_plano" id="status_plano" value="0">
                                    <!--Light-->
                                    <input type="hidden" name="config_valor_recorrencia_voucher" id="config_valor_recorrencia_voucher" value="{{number_format($config->valor_recorrencia_voucher,2,',','.')}}">
                                    <input type="hidden" name="config_valor_recorrencia" id="config_valor_recorrencia" value="{{number_format($config->valor_recorrencia,2,',','.')}}">
                                    <input type="hidden" name="config_valor_adesao_recorrencia" id="config_valor_adesao_recorrencia" value="{{number_format($config->valor_recorrencia_adesao,2,',','.')}}">
                                    <input type="hidden" name="primeira_parcela_familia" id="primeira_parcela_familia" value="{{number_format($primeira_parcela_familia,2,',','.')}}">
                                    <input type="hidden" name="valor_recorrencia_promocional" id="valor_recorrencia_promocional" value="{{number_format($valor_recorrencia_promocional,2,',','.')}}">
                                    <!--Plus-->
                                    <input type="hidden" name="valor_primeira_recorrencia_plus" id="valor_primeira_recorrencia_plus" value="{{number_format($valor_primeira_recorrencia_plus,2,',','.')}}">
                                    <input type="hidden" name="valor_recorrencia_plus" id="valor_recorrencia_plus" value="{{number_format($valor_recorrencia_plus,2,',','.')}}">
                                    <input type="hidden" name="primeira_parcela_familia_plus" id="primeira_parcela_familia_plus" value="{{number_format($config->primeira_mens_rec_familia_plus,2,',','.')}}">
                                    <input type="hidden" name="valor_recorrencia_promocional_plus" id="valor_recorrencia_promocional_plus" value="{{number_format($config->valor_recorrencia_promocional_plus,2,',','.')}}">
                                    
                                    <input type="hidden" name="valor_desconto" id="valor_desconto" value="{{number_format($valor_desconto,2,',','.')}}">
                                    <input type="hidden" name="valor_plano" id="valor_plano" value="{{number_format($config->valor_recorrencia,2,',','.')}}">
                                    @if($primeira_parcela > 0)
                                        <input type="hidden" name="tem_adesao" id="tem_adesao" value="Nao">
                                    @else
                                        <input type="hidden" name="tem_adesao" id="tem_adesao" value="Sim">
                                    @endif                                    
                                <div class="col-md-2 floatright displaynone">
                                    <div class="form-group {{ $errors->has('nome') ? 'has-error' : ''}}">
                                        {!! Form::select('fidelidade', array('Nao'=>'Sem Fidelidade','Sim'=>'Com Fidelidade'),null, ['class' => 'form-control select2','onchange'=>'verificaFidelidade(this);','id'=>'fidelidade','required']) !!}
                                        {!! $errors->first('fidelidade', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                
                                <div class='@if($is_cliente_empresarial) {{displaynone}} @endif'>
                                    <div class="col-md-2 floatright" style="margin-top: -25px;">
                                        <div class="form-group {{ $errors->has('tipo') ? 'has-error' : ''}}">
                                            {!! Form::select('tipo', array('Normal'=>'Normal','Voucher'=>'Convênio'),null, ['class' => 'form-control select2','onchange'=>'verificaTipo(this);','id'=>'tipo','required']) !!}
                                            {!! $errors->first('tipo', '<p class="help-block">:message</p>') !!}
                                        </div>
                                    </div>

                                    <div class="col-md-3 floatright" style="margin-top: -25px;">
                                        <div class="form-group {{ $errors->has('tipo_plano') ? 'has-error' : ''}}">
                                            {!! Form::select('tipo_plano', array('Light'=>'Recorrência Light','Plus'=>'Recorrência Plus'),null, ['class' => 'form-control select2','onchange'=>'verificaTipo(this);','id'=>'tipo_plano','required']) !!}
                                            {!! $errors->first('tipo_plano', '<p class="help-block">:message</p>') !!}
                                        </div>
                                    </div>
                                </div>
                                
                                <h3 class="form-section"><label>Plano de Recorrência Mensal </label>
                                <br><strong id="mensagem_informativa"> 
                                        {{'1ª Mensalidade R$ '.number_format($primeira_parcela,2,',','.').' - '.' Mensalidades seguintes: R$ '.number_format($config->valor_recorrencia,2,',','.')}} 
                                    </strong> </h3>
                                <input type="hidden" name="valor_recorrencia" id="valor_recorrencia" value="{{number_format($config->valor_recorrencia,2,',','.')}}">
                                <input type="hidden" name="valor_primeira_parcela" id="valor_primeira_parcela" value="{{number_format($primeira_parcela,2,',','.')}}">
                                <input name="cliente_id" type="hidden" required placeholder="Id Cliente" value="{{$listar->id}}">
                                <input id="session_id" name="session_id" type="hidden" placeholder="Id da Session">
                                <input id="indentificador_comprador" name="indentificador_comprador" type="hidden" placeholder="Identificador do Comprador">
                                <input id="tokenPagamentoCartao" name="tokenPagamentoCartao" type="hidden" placeholder="Token de Pagamento">
                                
                                <div class="col-md-4 floatright displaynone" id="div_vendedor">
                                    {!! Form::label('funcionario_id', 'Vendedor', ['class' => 'control-label']) !!}
                                    <div class="form-group {{ $errors->has('vendedor_id') ? 'has-error' : ''}}">
                                        <select class="form-control select2" name="vendedor_id" id="vendedor_id">
                                            <option value>ESCOLHA O VENDEDOR</option>
                                            @foreach($funcionarios as $list)
                                                <option value='{{$list->id}}'>{{$list->nome}}</option>
                                            @endforeach
                                        </select>
                                        {!! $errors->first('vendedor_id', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                <h3 class="form-section clearboth">Dados do Titular do Cartão</h3>
                                <div class="col-md-5">
                                    <div class="form-group {{ $errors->has('nome') ? 'has-error' : ''}}">
                                        {!! Form::label('nome_titular', 'Nome do Titular (Obs: Conforme descrito no cartão)') !!}
                                        <input class="form-control" id="nome_titular" name="nome_cartao" required type="text" placeholder="Nome do Titular do Cartão">
                                        {!! $errors->first('nome_titular', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    {!! Form::label('cpf_cartao', 'CPF do Titular', ['class' => 'control-label', 'id'=>'cpf_cartao']) !!}
                                    <div class="form-group {{ $errors->has('cpf_cartao') ? 'has-error' : ''}}">
                                        {!! Form::text('cpf_cartao', null, ['class' => 'form-control', 'placeholder'=>'CPF', 'required','maxlength' => '14', 'OnKeyPress' => 'formatar("###.###.###-##", this); return SomenteNumero(event);']) !!}
                                        {!! $errors->first('cpf_cartao', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    {!! Form::label('nasc_cartao', 'Data Nasc. do Titular', ['class' => 'control-label']) !!}
                                    <div class="form-group {{ $errors->has('nasc_cartao') ? 'has-error' : ''}}">
                                        {!! Form::text('nasc_cartao', null, ['class' => 'form-control date-picker','id'=>'nasc_cartao','required','placeholder'=>'Nasc. do Titular', "maxlength"=>"10", "onkeypress"=>"formatar('##/##/####', this);return SomenteNumero(event)"]) !!}
                                        {!! $errors->first('nasc_cartao', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    {!! Form::label('telefone_cartao', 'Telefone do Titular', ['class' => 'control-label']) !!}
                                    <div class="form-group {{ $errors->has('telefone_cartao') ? 'has-error' : ''}}">
                                        {!! Form::text('telefone_cartao', null, ['class' => 'form-control','id'=>'telefone_cartao','required','placeholder'=>'Telefone do Titular', "maxlength"=>"13", "onkeypress"=>"formatar('##-#####-####', this);return SomenteNumero(event)"]) !!}
                                        {!! $errors->first('telefone_cartao', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                <h3 class="form-section clearboth">Dados do Cartão</h3>
                                <div class="col-md-3 clearboth">
                                    <div class="form-group {{ $errors->has('numero_cartao') ? 'has-error' : ''}}">
                                        {!! Form::label('numero_cartao', 'Nº do Cartão (Sem Ponto)') !!}
                                        <input class="form-control" placeholder="Ex 4111111111111111" id="numero_cartao" name="numero_cartao" required style="background-position: right; background-image:url(''); background-repeat:no-repeat;" maxlength="16" type="text">
                                        {!! $errors->first('numero_cartao', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="form-group {{ $errors->has('mes') ? 'has-error' : ''}}">
                                        {!! Form::label('mes', 'Mês') !!}
                                        <input class="form-control" id="mes" name="mes_cartao" maxlength="2" type="text" required placeholder="Ex 12">
                                        {!! $errors->first('mes', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="form-group {{ $errors->has('ano') ? 'has-error' : ''}}">
                                        {!! Form::label('ano', 'Ano') !!}
                                        <input class="form-control" id="ano" name="ano_cartao" maxlength="2" type="text" required placeholder="Ex 30">
                                        {!! $errors->first('ano', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group {{ $errors->has('cvv') ? 'has-error' : ''}}">
                                        {!! Form::label('cvv', 'Código de segurança') !!}
                                        <input class="form-control" id="cvv" name="cvv_cartao" required maxlength="3" type="text" placeholder="Ex 123">
                                        {!! $errors->first('cvv', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                
<!--                                <h3 class="form-section clearboth" style="margin: 10px;">Endereço da Fatura do Cartão</h3>
                                <div class="col-md-6 clearboth">
                                    {!! Form::label('rua_fatura', 'Rua', ['class' => 'control-label']) !!}
                                    <div class="form-group {{ $errors->has('rua') ? 'has-error' : ''}}">
                                        {!! Form::text('rua_fatura', null, ['class' => 'form-control','required', 'placeholder' => 'Rua']) !!}
                                        {!! $errors->first('rua_fatura', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    {!! Form::label('numero_fatura', 'Número', ['class' => 'control-label']) !!}
                                    <div class="form-group {{ $errors->has('numero') ? 'has-error' : ''}}">
                                        {!! Form::text('numero_fatura', null, ['class' => 'form-control','required', 'placeholder' => 'Numero']) !!}
                                        {!! $errors->first('numero_fatura', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    {!! Form::label('cep_fatura', 'Cep', ['class' => 'control-label']) !!}
                                    <div class="form-group {{ $errors->has('cep') ? 'has-error' : ''}}">
                                        {!! Form::text('cep_fatura', null, ['class' => 'form-control','required', 'maxlength' => '10', 'OnKeyPress' => 'formatar("##.###-###", this); return SomenteNumero(event);', 'placeholder' => 'Ex: 65.900-000']) !!}
                                        {!! $errors->first('cep_fatura', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    {!! Form::label('bairro_fatura', 'Bairro', ['class' => 'control-label']) !!}
                                    <div class="form-group {{ $errors->has('bairro') ? 'has-error' : ''}}">
                                        {!! Form::text('bairro_fatura', null, ['class' => 'form-control','required', 'placeholder' => 'Bairro']) !!}
                                        {!! $errors->first('bairro_fatura', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group {{ $errors->has('estado_id_fatura') ? 'has-error' : ''}}">                
                                        {!! Form::label('estado_id_fatura', 'Estado', ['class' => 'control-label']) !!}
                                        {!! Form::select('estado_fatura', $estados_fatura, null, ['class' => 'form-control select2','required','id' => 'estado_id_fatura', 'onchange' => 'getCidadesFatura();','placeholder'=>'Escolha']) !!}
                                        {!! $errors->first('estado_id_fatura', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group {{ $errors->has('cidade_id_fatura') ? 'has-error' : ''}}">
                                        {!! Form::label('cidade_id_fatura', 'Cidade', ['class' => 'control-label']) !!}
                                        {!! Form::select('cidade_fatura', $cidades, null, ['class' => 'form-control select2','required','id' => 'cidade_id_fatura','placeholder'=>'Escolha a Cidade']) !!}
                                        {!! $errors->first('cidade_id_fatura', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>-->
                                
                                @include ('vendas_recorrencias.form_dados_assinate', ['submitButtonText' => 'Update'])
                                @include ('vendas_recorrencias.form_depententes', ['submitButtonText' => 'Create'])
                            </div>
                        </div>
                        <div class="form-actions clearboth right" id="div_btn_assinar">
                            <button type="submit" class="btn blue-steel"><i class="fa fa-check"></i> Assinar</button>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>  
            </div>  
        </div>  
        <script>    
            var titulo_init = '';
            function verificaFidelidade(e){
                var valor = $("#config_valor_recorrencia").val();
                var valor_adesao = $("#config_valor_adesao_recorrencia").val();
                var tem_adesao = $("#tem_adesao").val();
                if(e.value == 'Sim'){
                    $("#mensagem_informativa").text(' Mensalidades: R$ '+valor);
                }else{
                    if(tem_adesao == 'Sim'){
                        $("#mensagem_informativa").text(' Mensalidades: R$ '+valor);
                    }else{
                        $("#mensagem_informativa").text(' 1ª Mensalidade com Adesão R$ '+valor_adesao+' Mensalidades seguintes: R$ '+valor);
                    }
                }
            }
            function verificaTipo(e){
                var tipo = $("#tipo").val();
                var tipo_plano = $("#tipo_plano").val();
                var valor = isNaN( vl = parseFloat($("#config_valor_recorrencia").val().replace(/\./g, "").replace(",", "."))) ? 0 : vl;
                var valor_desconto = isNaN( vl = parseFloat($("#valor_desconto").val().replace(/\./g, "").replace(",", "."))) ? 0 : vl;
                var valor_voucher = isNaN( vl = parseFloat($("#config_valor_recorrencia_voucher").val().replace(/\./g, "").replace(",", "."))) ? 0 : vl;
                var valor_adesao = isNaN( vl = parseFloat($("#config_valor_adesao_recorrencia").val().replace(/\./g, "").replace(",", "."))) ? 0 : vl;
                var valor_primeira_recorrencia_plus = isNaN( vl = parseFloat($("#valor_primeira_recorrencia_plus").val().replace(/\./g, "").replace(",", "."))) ? 0 : vl;
                var valor_recorrencia_plus = isNaN( vl = parseFloat($("#valor_recorrencia_plus").val().replace(/\./g, "").replace(",", "."))) ? 0 : vl;
                var valor_recorrencia_promocional = isNaN( vl = parseFloat($("#valor_recorrencia_promocional").val().replace(/\./g, "").replace(",", "."))) ? 0 : vl;
                
                if(titulo_init == ''){titulo_init = $("#mensagem_informativa").text();}
                if(tipo_plano == 'Light'){
                    $("#valor_recorrencia").val(number_format(valor,2,',','.'));
                    $("#valor_plano").val(number_format(valor,2,',','.'));
                    $("#valor_primeira_parcela").val(number_format(eval(valor_adesao-valor_desconto),2,',','.'));
                }else{
                    if(tipo_plano == 'Plus'){
                        $("#valor_recorrencia").val(number_format(valor_recorrencia_plus,2,',','.'));
                        $("#valor_plano").val(number_format(valor_recorrencia_plus,2,',','.'));
                        $("#valor_primeira_parcela").val(number_format(eval(valor_primeira_recorrencia_plus-valor_desconto),2,',','.'));
                    }else{
                        $("#valor_recorrencia").val(number_format(valor_recorrencia_promocional,2,',','.'));
                        $("#valor_plano").val(number_format(valor_recorrencia_promocional,2,',','.'));
                        $("#valor_primeira_parcela").val(number_format(eval(valor_recorrencia_promocional-valor_desconto),2,',','.'));
                    }                        
                }
                if(tipo == 'Voucher'){
                    $("#vendedor_id").attr('required','required');
                    $("#div_vendedor").css('display','block');
                    if(tipo_plano == 'Light'){
                        $("#mensagem_informativa").text(' Próxima Mensalidade R$ '+number_format(valor_voucher,2,',','.')+' Mensalidades seguintes: R$ '+number_format(valor_voucher,2,',','.'));
                    }else{
                        if(tipo_plano == 'Plus'){
                            $("#mensagem_informativa").text(' Próxima Mensalidade R$ '+number_format(valor_voucher,2,',','.')+' Mensalidades seguintes: R$ '+number_format(valor_voucher,2,',','.'));
                        }else{
                            $("#mensagem_informativa").text(' Próxima Mensalidade R$ '+number_format(valor_voucher,2,',','.')+' Mensalidades seguintes: R$ '+number_format(valor_voucher,2,',','.'));
                        }
                    }
                    $("#valor_recorrencia").val(number_format(valor_voucher,2,',','.'));
                    $("#valor_plano").val(number_format(valor_voucher,2,',','.'));
                    $("#valor_primeira_parcela").val(number_format(eval(valor_voucher),2,',','.'));
                }else{
                    if(tipo_plano == 'Light'){
                        //$("#mensagem_informativa").text(titulo_init);
                        $("#mensagem_informativa").text(' Próxima Mensalidade R$ '+number_format(eval(valor_adesao-valor_desconto),2,',','.')+' Mensalidades seguintes: R$ '+number_format(valor,2,',','.'));
                    }else{
                        if(tipo_plano == 'Plus'){
                            $("#mensagem_informativa").text(' Próxima Mensalidade R$ '+number_format(eval(valor_primeira_recorrencia_plus-valor_desconto),2,',','.')+' Mensalidades seguintes: R$ '+number_format(valor_recorrencia_plus,2,',','.'));
                        }else{
                            $("#mensagem_informativa").text(' Próxima Mensalidade R$ '+number_format(eval(valor_recorrencia_promocional-valor_desconto),2,',','.')+' Mensalidades seguintes: R$ '+number_format(valor_recorrencia_promocional,2,',','.'));
                        }
                    }
                    $("#vendedor_id").removeAttr('required');
                    $("#div_vendedor").css('display','none');
                }
                contarItens();
            }
        </script>
    </div>
</div>      

@endsection