@extends('layouts.dashboard')

@section('title', 'Nova Recorrência GetNet')

@section('title-dashboard')
<a class="btn btn-primary btn-xs" href="{{ url('vendas-recorrencias-getnet') }}" title="Voltar"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"/></a>
Nova Recorrência GetNet
@endsection

@section('content')
@parent

@if ($errors->any())
    <ul class="alert alert-danger">
        @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
    </ul>
@endif

@if(Session::has('erro_assinatura'))
    <div class="alert alert-danger">
        {{ Session::get('erro_assinatura') }}
    </div>
@endif

<div class="row">
    <div class="col-md-12">
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-credit-card"></i> Dados da Recorrência GetNet
                </div>
            </div>
            <div class="portlet-body form">
                {!! Form::open(['route' => 'vendas_recorrencias_getnetCadastrargo', 'class' => 'horizontal-form', 'id' => 'form_assinar_getnet', 'files' => true]) !!}
                
                <input type="hidden" name="cliente_id" value="{{ $listar->id }}">
                <input type="hidden" name="plano_id" value="2">
                
                <div class="form-body">

                    <!-- DADOS DO ASSINANTE -->
                    @include('vendas_recorrencias_getnet.form_dados_assinante')
                    
                    <!-- TIPO E VALORES -->
                    <h3 class="form-section clearboth">Tipo de Plano e Valores</h3>
                    
                    <div class="col-md-3 clearboth">
                        {!! Form::label('tipo', 'Tipo') !!}
                        <select class="form-control" name="tipo" id="tipo" required onchange="verificaTipo();">
                            <option value="Normal" selected>Normal</option>
                            @if(!$is_cliente_empresarial)
                            <option value="Voucher">Voucher / Convênio</option>
                            @endif
                        </select>
                    </div>
                    
                    <div class="col-md-3">
                        {!! Form::label('tipo_plano', 'Plano') !!}
                        <select class="form-control" name="tipo_plano" id="tipo_plano" required onchange="verificaTipo();">
                            <option value="Light" selected>Light</option>
                            <option value="Plus">Plus</option>
                        </select>
                    </div>
                    
                    <div class="col-md-3">
                        {!! Form::label('fidelidade', 'Fidelidade') !!}
                        <select class="form-control" name="fidelidade" id="fidelidade" required onchange="verificaFidelidade();">
                            <option value="Nao" selected>Não</option>
                            <option value="Sim">Sim</option>
                        </select>
                    </div>
                    
                    <div class="col-md-3">
                        {!! Form::label('vendedor_id', 'Vendedor') !!}
                        <select class="form-control select2" name="vendedor_id" id="vendedor_id">
                            <option value="">Selecione</option>
                            @foreach($funcionarios as $func)
                                <option value="{{ $func->id }}">{{ $func->nome }}</option>
                            @endforeach
                        </select>
                    </div>
                    
                    <div class="col-md-4 clearboth">
                        {!! Form::label('valor_recorrencia', 'Valor Mensalidade') !!}
                        {!! Form::text('valor_recorrencia', number_format($config->valor_recorrencia, 2, ',', '.'), ['class' => 'form-control money', 'required', 'id' => 'valor_recorrencia']) !!}
                    </div>
                    
                    <div class="col-md-4">
                        {!! Form::label('valor_plano', 'Valor Plano') !!}
                        {!! Form::text('valor_plano', number_format($config->valor_recorrencia, 2, ',', '.'), ['class' => 'form-control money', 'required', 'id' => 'valor_plano']) !!}
                    </div>
                    
                    <div class="col-md-4">
                        {!! Form::label('valor_primeira_parcela', 'Valor 1ª Parcela') !!}
                        {!! Form::text('valor_primeira_parcela', number_format($primeira_parcela, 2, ',', '.'), ['class' => 'form-control money', 'required', 'id' => 'valor_primeira_parcela']) !!}
                    </div>
                    
                    <!-- DADOS DO CARTÃO -->
                    <h3 class="form-section clearboth">Dados do Cartão</h3>
                    
                    <div class="col-md-4 clearboth">
                        {!! Form::label('nome_cartao', 'Nome no Cartão') !!}
                        {!! Form::text('nome_cartao', null, ['class' => 'form-control', 'required', 'placeholder' => 'Nome conforme impresso no cartão']) !!}
                    </div>
                    
                    <div class="col-md-3">
                        {!! Form::label('cpf_cartao', 'CPF do Titular') !!}
                        {!! Form::text('cpf_cartao', null, ['class' => 'form-control', 'required', 'maxlength' => '14', 'OnKeyPress' => 'formatar("###.###.###-##", this); return SomenteNumero(event);']) !!}
                    </div>
                    
                    <div class="col-md-2">
                        {!! Form::label('nasc_cartao', 'Nasc. Titular') !!}
                        {!! Form::text('nasc_cartao', null, ['class' => 'form-control', 'required', 'maxlength' => '10', 'onkeypress' => 'formatar("##/##/####", this); return SomenteNumero(event);']) !!}
                    </div>
                    
                    <div class="col-md-3">
                        {!! Form::label('telefone_cartao', 'Tel. Titular') !!}
                        {!! Form::text('telefone_cartao', null, ['class' => 'form-control', 'maxlength' => '13', 'onkeypress' => 'formatar("##-#####-####", this); return SomenteNumero(event);']) !!}
                    </div>
                    
                    <div class="col-md-4 clearboth">
                        {!! Form::label('numero_cartao', 'Número do Cartão') !!}
                        {!! Form::text('numero_cartao', null, ['class' => 'form-control', 'required', 'maxlength' => '16', 'placeholder' => 'Sem espaços']) !!}
                    </div>
                    
                    <div class="col-md-2">
                        {!! Form::label('mes_cartao', 'Mês') !!}
                        {!! Form::text('mes_cartao', null, ['class' => 'form-control', 'required', 'maxlength' => '2', 'placeholder' => 'MM']) !!}
                    </div>
                    
                    <div class="col-md-2">
                        {!! Form::label('ano_cartao', 'Ano') !!}
                        {!! Form::text('ano_cartao', null, ['class' => 'form-control', 'required', 'maxlength' => '2', 'placeholder' => 'AA']) !!}
                    </div>
                    
                    <div class="col-md-2">
                        {!! Form::label('cvv_cartao', 'CVV') !!}
                        {!! Form::text('cvv_cartao', null, ['class' => 'form-control', 'required', 'maxlength' => '4', 'placeholder' => 'CVV']) !!}
                    </div>
                    
                    <!-- ENDEREÇO DE COBRANÇA -->
                    <h3 class="form-section clearboth">Endereço de Cobrança</h3>
                    
                    <div class="col-md-5 clearboth">
                        {!! Form::label('rua_fatura', 'Rua') !!}
                        {!! Form::text('rua_fatura', $listar->rua, ['class' => 'form-control', 'required']) !!}
                    </div>
                    
                    <div class="col-md-2">
                        {!! Form::label('numero_fatura', 'Número') !!}
                        {!! Form::text('numero_fatura', $listar->numero, ['class' => 'form-control', 'required']) !!}
                    </div>
                    
                    <div class="col-md-2">
                        {!! Form::label('cep_fatura', 'CEP') !!}
                        {!! Form::text('cep_fatura', $listar->cep, ['class' => 'form-control', 'required', 'maxlength' => '10', 'OnKeyPress' => 'formatar("##.###-###", this); return SomenteNumero(event);']) !!}
                    </div>
                    
                    <div class="col-md-3">
                        {!! Form::label('bairro_fatura', 'Bairro') !!}
                        {!! Form::text('bairro_fatura', $listar->bairro, ['class' => 'form-control', 'required']) !!}
                    </div>
                    
                    <div class="col-md-6 clearboth">
                        {!! Form::label('estado_fatura', 'Estado') !!}
                        {!! Form::select('estado_fatura', $estados_fatura, isset($listar->estados) ? $listar->estados->uf : null, ['class' => 'form-control select2', 'required', 'id' => 'estado_id_fatura', 'onchange' => 'getCidadesFatura();']) !!}
                    </div>

                    <div class="col-md-6">
                        {!! Form::label('cidade_fatura', 'Cidade') !!}
                        {!! Form::select('cidade_fatura', $cidades, isset($listar->cidade_id) ? $listar->cidade_id : null, ['class' => 'form-control select2', 'required', 'id' => 'cidade_id_fatura']) !!}
                    </div>
                    
                    <!-- DEPENDENTES -->
                    <div id="div_dependentes">
                        @include('vendas_recorrencias_getnet.form_dependentes')
                    </div>
                    
                    <div class="col-md-12 clearboth margin-top5px">
                        <div class="alert alert-info">
                            <strong>GetNet:</strong> A assinatura será criada na GetNet e as cobranças serão automáticas mensalmente. Não é necessário cron diário.
                        </div>
                    </div>
                    
                    <input type="hidden" name="data_abert_nasc" value="{{ $listar->data_abert_nasc }}">
                </div>
                
                <div class="form-actions clearboth right">
                    <a href="{{ url('vendas-recorrencias-getnet') }}" class="btn default">Cancelar</a>
                    <button type="submit" class="btn blue-steel" onclick="getModalAguarde();"><i class="fa fa-check"></i> Criar Recorrência GetNet</button>
                </div>
                
                {!! Form::close() !!}
            </div>
        </div>
    </div>
</div>

<script>
    var config_valor_recorrencia = {{ $config->config_valor_recorrencia }};
    var valor_recorrencia_adesao = {{ $config->valor_recorrencia_adesao }};
    var primeira_mens_rec_familia = {{ $config->primeira_mens_rec_familia }};
    var valor_recorrencia_plus = {{ $config->valor_recorrencia_plus }};
    var valor_primeira_recorrencia_plus = {{ $config->valor_primeira_recorrencia_plus }};
    var primeira_mens_rec_familia_plus = {{ isset($config->primeira_mens_rec_familia_plus) ? $config->primeira_mens_rec_familia_plus : 0 }};
    var valor_recorrencia_promocional = {{ $config->valor_recorrencia_promocional }};
    var valor_recorrencia_promocional_plus = {{ isset($config->valor_recorrencia_promocional_plus) ? $config->valor_recorrencia_promocional_plus : 0 }};
    var valor_recorrencia_voucher = {{ isset($config->valor_recorrencia_voucher) ? $config->valor_recorrencia_voucher : 0 }};
    var valor_desconto = {{ $valor_desconto }};
    var config_menses = {!! json_encode($config_menses) !!};
    
    function verificaFidelidade(){
        var fidelidade = document.getElementById('fidelidade').value;
        if(fidelidade == 'Sim'){
            document.getElementById('valor_primeira_parcela').value = formatarMoeda(config_valor_recorrencia);
        }else{
            verificaTipo();
        }
    }
    
    function verificaTipo(){
        var tipo = document.getElementById('tipo').value;
        var tipo_plano = document.getElementById('tipo_plano').value;
        
        if(tipo == 'Normal'){
            document.getElementById('div_dependentes').style.display = 'block';
            if(tipo_plano == 'Light'){
                document.getElementById('valor_recorrencia').value = formatarMoeda(config_valor_recorrencia);
                document.getElementById('valor_plano').value = formatarMoeda(config_valor_recorrencia);
                document.getElementById('valor_primeira_parcela').value = formatarMoeda(valor_recorrencia_adesao - valor_desconto);
            }else if(tipo_plano == 'Plus'){
                document.getElementById('valor_recorrencia').value = formatarMoeda(valor_recorrencia_plus);
                document.getElementById('valor_plano').value = formatarMoeda(valor_recorrencia_plus);
                document.getElementById('valor_primeira_parcela').value = formatarMoeda(valor_primeira_recorrencia_plus - valor_desconto);
            }
            contarItens();
        }else{
            document.getElementById('div_dependentes').style.display = 'none';
            document.getElementById('valor_recorrencia').value = formatarMoeda(valor_recorrencia_voucher);
            document.getElementById('valor_plano').value = formatarMoeda(valor_recorrencia_voucher);
            document.getElementById('valor_primeira_parcela').value = formatarMoeda(valor_recorrencia_voucher);
        }
    }
    
    function contarItens(){
        var tipo_plano = document.getElementById('tipo_plano').value;
        var tabela = document.getElementById('tbl_dependentes');
        if(!tabela) return;
        var linhas = tabela.getElementsByTagName('tr');
        var qtd_itens = linhas.length + 1;
        
        var valor_base = config_valor_recorrencia;
        var valor_adesao = valor_recorrencia_adesao;
        if(tipo_plano == 'Plus'){
            valor_base = valor_recorrencia_plus;
            valor_adesao = valor_primeira_recorrencia_plus;
        }
        
        if(qtd_itens > 1){
            var qtd_percent = qtd_itens > 12 ? 12 : qtd_itens;
            var percent = config_menses[qtd_percent] || 0;
            var total = valor_base * qtd_itens;
            var desconto = (total / 100) * percent;
            var valor_final = total - desconto;
            
            var total_adesao = valor_adesao * qtd_itens;
            var desconto_adesao = (total_adesao / 100) * percent;
            var valor_adesao_final = total_adesao - desconto_adesao - valor_desconto;
            
            document.getElementById('valor_recorrencia').value = formatarMoeda(valor_final);
            document.getElementById('valor_plano').value = formatarMoeda(valor_base);
            document.getElementById('valor_primeira_parcela').value = formatarMoeda(valor_adesao_final);
        }else{
            document.getElementById('valor_recorrencia').value = formatarMoeda(valor_base);
            document.getElementById('valor_plano').value = formatarMoeda(valor_base);
            document.getElementById('valor_primeira_parcela').value = formatarMoeda(valor_adesao - valor_desconto);
        }
    }
    
    function formatarMoeda(valor){
        return parseFloat(valor).toFixed(2).replace('.', ',');
    }

    function getCidadesAssinante(){
        var uf = document.getElementById('estado_id_assinante').value;
        $.get('get-cidades/' + uf, function (cidades) {
            document.getElementById('cidade_id_assinante').innerHTML = cidades;
        });
    }

    function getCidadesFatura(){
        var uf = document.getElementById('estado_id_fatura').value;
        $.get('get-cidades-fatura/' + uf, function (cidades) {
            document.getElementById('cidade_id_fatura').innerHTML = cidades;
        });
    }
</script>
@endsection