@extends('adminlte::page')

@section('title', 'AdminLTE')

@section('content_header')
    <h1>Dados da Mensalidade: 
    @if( isset($payment->client_id))
        {{ ' ID Cliente - '.$payment->client_id }}
    @endif
    </h1>
@stop

@section('content')

<div class="row">
    <div class="col-xs-12">
        <div class="box box-primary">
            <!-- /.box-header -->
            <div class="box-body">   

            @include('flash-message')    
            
            <form action="{{route('payment.update', $payment->id)}}" method="POST">
                {!! method_field('PUT') !!}    
                <input type="hidden" name="client_id" value="{{ $payment->client_id }}">

                <div class="col-md-12 text-yellow"><strong>Dados Principal</strong>
                @if( isset($filters) && $filters <> '')
                    <a href="{{ url('/admin/payment/') }}/?{{ $filters }}" class="small-box-footer pull-right"> <i class="fa fa-arrow-circle-left"></i> Voltar</a> 
                    <input type="hidden" name="filters" value="{{ $filters }}"> 
                @endif
                </div>    
                
                @if( isset($payment->status_client))
                <div class="col-md-3" id="divStatus">
                    <div class="form-group">    
                    <label for="status">* Status <span id="msgTipo"></span></label>                   
                    <select class="form-control" name="status_client" id="status_client" >
                        @foreach ($status_client as $value)
                            <option value="{{ $value }}"
                                @if( isset($payment->status_client))
                                    @if($payment->status_client == $value)
                                        selected
                                    @endif    
                                @endif
                            >{{ $value }}</option>                             
                        @endforeach
                    </select>    
                    </div>
                </div>
                @endif
                
                <div class="col-md-3" id="divTipo">
                    <div class="form-group">
                    <label for="tipo">* Tipo <span id="msgTipo"></span></label>
                    <select class="form-control" name="tipo" id="tipo" onChange="tipoPessoa();" >
                        @foreach ($tipos as $tipo)
                            <option value="{{ $tipo }}"
                            @if( isset($payment->tipo))
                                @if($payment->tipo == $tipo)
                                    selected
                                @endif    
                            @endif
                            >{{ $tipo }}</option>
                        @endforeach 
                    </select>    
                    </div>
                </div>
                <div id="layerCPF">
                    <div class="col-md-3" id="divCPF">
                        <div class="form-group">
                            <label class="control-label" for="cpf">* CPF <span id="msgCPF"></span></label>    
                            <input type="text" id="cpf" class="form-control" name="cpf" OnKeyPress="multiMascara(this, '###.###.###-##')" maxlength="14" onblur="validacaoCampoVazio(this.id,'msgCPF','divCPF','col-md-3 has-error','col-md-3 has-success',9)" value="{{ isset($payment->cpf) ? $payment->cpf : old('cpf') }}" />
                        </div>    
                    </div>    
                </div>

                <div id="layerNomePagador">
                    <div class="col-md-3" id="divNomeCobranca">
                        <div class="form-group">
                            <label class="control-label" for="contato_cobranca">* Contato Cobrança <span id="msgNomeCobranca"></span></label>    
                            <input type="text" class="form-control" name="contato_cobranca" id="contato_cobranca" onblur="validacaoCampoVazio(this.id,'msgNomeCobranca','divNomeCobranca','col-md-3 has-error','col-md-3 has-success',8); copyValue('contato_cobranca','contato');"  value="{{ isset($payment->contato_cobranca) ? $payment->contato_cobranca : old('contato_cobranca') }}" />
                        </div>    
                    </div>    
                </div>

                <div id="layerCNPJ">
                    <div class="col-md-3" id="divCNPJ">
                        <div class="form-group">
                            <label class="control-label" for="cnpj">* CNPJ <span id="msgCNPJ"></span></label>    
                            <input type="text" class="form-control" name="cnpj" id="cnpj" OnKeyPress="multiMascara(this, '##.###.###/####-##')" maxlength="18" onblur="validacaoCampoVazio(this.id,'msgCNPJ','divCNPJ','col-md-3 has-error','col-md-3 has-success',9)" value="{{ isset($payment->cnpj) ? $payment->cnpj : old('cnpj') }}" />
                        </div>    
                    </div>    
                </div>
                
                <div id="layerRazaoSocial">
                    <div class="col-md-3" id="divRazaoSocial">
                        <div class="form-group">
                            <label class="control-label" for="razao_social">* Razão Social <span id="msgRazaoSocial"></span></label>    
                            <input type="text" class="form-control" aria-label="Razão Social" name="razao_social" id="razao_social"onblur="validacaoCampoVazio(this.id,'msgRazaoSocial','divRazaoSocial','col-md-3 has-error','col-md-3 has-success',9)" value="{{ isset($payment->razao_social) ? $payment->razao_social : old('razao_social') }}" />
                        </div>    
                    </div>    
                </div>

                <div class="col-md-3" id="divContato">
                    <div class="form-group">
                        <label class="control-label" for="contato">* Contato <span id="msgContato"></span></label> </label>    
                        <input type="text" class="form-control" name="contato" id="contato" onblur="validacaoCampoVazio(this.id,'msgContato','divContato','col-md-3 has-error','col-md-3 has-success',8)" value="{{ isset($payment->contato) ? $payment->contato : old('contato') }}"  required/>
                    </div>    
                </div>

                <div class="col-md-3" id="divEmail">
                    <div class="form-group">
                        <label class="control-label" for="email" >* E-mail <span id="msgemail"></span></label>    
                        <input type="email" class="form-control" id="email" name="email" onblur="validacaoEmail(this,'msgemail','divEmail','col-md-3 has-error','col-md-3 has-success')" value="{{ isset($payment->email) ? $payment->email : old('email') }}" required/>
                    </div>   
                </div>

                
                <div class="col-md-3" id="divEmailC">
                    <div class="form-group">
                        <label class="control-label" for="email_cobranca" >* E-mail Cobrança <span id="msgemailC"></span></label> 
                        <input type="email" class="form-control" id="email_cobranca" name="email_cobranca" onblur="validacaoEmail(this,'msgemailC','divEmailC','col-md-3 has-error','col-md-3 has-success')" value="{{ isset($payment->email_cobranca) ? $payment->email_cobranca : old('email_cobranca') }}" required/>
                    </div> 
                </div>    
                
                
                <div class="col-md-3" id="divTelefone">
                    <div class="form-group">
                        <label class="control-label" for="telefone">* Telefone <span id="msgTelefone"></span>  </label>    
                        <input type="text" class="form-control" id="telefone" name="telefone" onkeyup="mascaraTel(this, mtel)" placeholder="(  ) ____-____" maxlength="15" onblur="validacaoCampoVazio(this.id,'msgTelefone','divTelefone','col-md-3 has-error','col-md-3 has-success',13)" value="{{ isset($payment->telefone) ? $payment->telefone : old('telefone') }}" required/>
                    </div>    
                </div>

                <div class="col-md-3" id="divTelefone3">
                    <div class="form-group">
                        <label class="control-label" for="telefone_cobranca"> Telefone Cobrança <span id="msgTelefone3"></span>  </label>    
                        <input type="text" class="form-control" id="telefone_cobranca" name="telefone_cobranca" onkeyup="mascaraTel(this, mtel)" placeholder="(  ) ____-____" maxlength="15" onblur="validacaoCampoVazio(this.id,'msgTelefone3','divTelefone3','col-md-3 has-error','col-md-3 has-success',13)" value="{{ isset($payment->telefone_cobranca) ? $payment->telefone_cobranca : old('telefone_cobranca') }}" />
                    </div>    
                </div>   

                <div class="col-md-3" id="divURL">
                    <div class="form-group">
                        <label class="control-label" for="urlsite">URL Site <span id="msgURL"></span></label>    
                        <input type="url" class="form-control" id="urlsite" onblur="validateURL('urlsite','msgURL','divURL','col-md-3 has-error','col-md-3 has-success')" name="urlsite" value="{{ isset($payment->urlsite) ? $payment->urlsite : old('urlsite') }}">
                    </div>    
                </div>

                <div class="col-md-3" id="divNomeFantasia">
                    <div class="form-group">
                        <label class="control-label" for="nome_fantasia">* Nome Fantasia <span id="msgNomeFantasia"></span></label>    
                        <input type="text" class="form-control" name="nome_fantasia" id="nome_fantasia" onblur="validacaoCampoVazio(this.id,'msgNomeFantasia','divNomeFantasia','col-md-3 has-error','col-md-3 has-success',3)" value="{{ isset($payment->nome_fantasia) ? $payment->nome_fantasia : old('nome_fantasia') }}" required/>
                    </div>    
                </div>

                <div id="layerEnderecoCobranca">
                    <div class="col-md-12 box-footer  text-yellow"><strong>Dados de cobrança</strong>
                    @if( isset($filters) && $filters <> '')
                        <a href="{{ url('/admin/payment/') }}/?{{ $filters }}" class="small-box-footer pull-right"> <i class="fa fa-arrow-circle-left"></i> Voltar</a> 
                        <input type="hidden" name="filters" value="{{ $filters }}"> 
                    @endif
                    </div>

                    <div class="col-md-2" id="divCEP">
                        <div class="form-group">
                            <label class="control-label" for="cep">* CEP <span id="msgCEP"></span></label>    
                            <input type="text" class="form-control" name="cep" id="cep" onblur="pesquisacep(this.value); validacaoCampoVazio(this.id,'msgCEP','divCEP','col-md-2 has-error','col-md-2 has-success',8)" OnKeyPress="multiMascara(this, '#####-###')" maxlength="9" value="{{ isset($payment->cep) ? $payment->cep : old('cep') }}" />
                        </div>    
                    </div>


                    <div class="col-md-4" id="divEndereco">
                        <div class="form-group">
                            <label class="control-label" for="endereco">* Endereço <span id="msgEndereco"></span></label>    
                            <input type="text" class="form-control" name="endereco" id="endereco" onblur="validacaoCampoVazio(this.id,'msgEndereco','divEndereco','col-md-2 has-error','col-md-4 has-success',8)" value="{{ isset($payment->endereco) ? $payment->endereco : old('endereco') }}"  />
                        </div>    
                    </div>

                    <div class="col-md-2" id="divBairro">
                        <div class="form-group">
                            <label class="control-label" for="bairro">Bairro <span id="msgBairro"></span></label>    
                            <input type="text" class="form-control" name="bairro" id="bairro" onblur="validacaoCampoVazio(this.id,'msgBairro','divBairro','col-md-2 has-error','col-md-2 has-success',4)" value="{{ isset($payment->bairro) ? $payment->bairro : old('bairro') }}" />
                        </div>    
                    </div>

                    <div class="col-md-2" id="divCidade">
                        <div class="form-group">
                            <label class="control-label" for="cidade">* Cidade <span id="msgCidade"></span></label>    
                            <input type="text" class="form-control" name="cidade" id="cidade" onblur="validacaoCampoVazio(this.id,'msgCidade','divCidade','col-md-2 has-error','col-md-2 has-success',8)" value="{{ isset($payment->cidade) ? $payment->cidade : old('cidade') }}"  />
                        </div>    
                    </div>

                    <div class="col-md-2" id="divEstado">
                        <div class="form-group">
                            <label class="control-label" for="estado">* Estado <span id="msgEstado"></span></label>    
                            <input type="text" class="form-control" name="estado" id="estado" onblur="validacaoCampoVazio(this.id,'msgEstado','divEstado','col-md-2 has-error','col-md-2 has-success',1)" value="{{ isset($payment->estado) ? $payment->estado : old('estado') }}"  />
                        </div>    
                    </div>

                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="numero">* Número</label>    
                            <input type="number" class="form-control" name="numero" id="numero" value="{{ isset($payment->numero) ? $payment->numero : old('numero') }}"  />
                        </div>    
                    </div>
                    
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="complemento">Compl.</label>    
                            <input type="text" class="form-control" name="complemento" value="{{ isset($payment->complemento) ? $payment->complemento : old('complemento') }}">
                        </div>    
                    </div>

                    <div class="col-md-2">
                        <div class="form-group">
                        <label for="forma_pagamento"> Forma de pgto</label>
                        <select class="form-control" name="forma_pagamento" id="forma_pagamento" >
                        @foreach ($pagamentos as $pgto)
                            <option value="{{ $pgto }}"
                                @if( isset($payment->forma_pagamento))
                                    @if($payment->forma_pagamento == $pgto)
                                        selected
                                    @endif    
                                @endif
                            >{{ $pgto }}</option>
                        @endforeach
                        </select>    
                        </div>
                    </div>

                    <div class="col-md-2">
                        <div class="form-group">
                        <label for="dia_vencimento"> Vencimento</label>
                        <select class="form-control" name="dia_vencimento" id="dia_vencimento" >
                        @foreach ($vencimentos as $venc)
                            <option value="{{ $venc }}"
                                @if( isset($payment->dia_vencimento))
                                    @if($payment->dia_vencimento == $venc)
                                        selected
                                    @endif    
                                @endif
                            >{{ $venc }}</option>
                        @endforeach 
                        </select>    
                        </div>
                    </div>

                </div>
                
                <div id="layerObs">
                    <div class="col-md-12 box-footer  text-yellow">
                        @if( isset($filters) && $filters <> '')
                            <a href="{{ url('/admin/payment/') }}/?{{ $filters }}" class="small-box-footer pull-right"> <i class="fa fa-arrow-circle-left"></i> Voltar</a> 
                            <input type="hidden" name="filters" value="{{ $filters }}"> 
                        @endif
                        <strong>Dados da Mensalidade</strong>
                    </div>
                    
                    <div class="col-md-2" id="divStatus">
                        <div class="form-group">    
                        <label for="status">* Status <span id="msgTipo"></span></label>                   
                        <select class="form-control" name="status" id="status" >
                            @foreach ($status as $value => $opt)
                            <option value="{{ $value }}"
                                @if( isset($payment->status))
                                    @if($payment->status == $value)
                                        selected
                                    @endif    
                                @endif
                            >{{ $value }}</option>                             
                            @endforeach
                        </select>  
                        </div>
                    </div>

                    <div class="col-md-2 col-md-12" id="divTipo">
                        <div class="form-group">
                            <label>Vencimento:</label>
                            <div class="input-group date">
                                <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" name="data_vencimento" class="form-control pull-right" id="datepicker" value="{{ isset($payment->data_vencimento) ? $payment->data_vencimento : old('data_vencimento') }}" required />
                            </div>
                        <!-- /.input group -->
                        </div>
                    </div>

                    <div class="col-md-2 col-md-12" id="divTipo">
                        <div class="form-group">
                            <label>Data Pagamento:</label>
                            <div class="input-group date">
                                <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" name="data_baixa_pagamento" class="form-control pull-right" id="datepicker2" value="{{ isset($payment->data_baixa_pagamento) ? $payment->data_baixa_pagamento : old('data_baixa_pagamento') }}">
                            </div>
                        <!-- /.input group -->
                        </div>
                    </div>

                    <div class="col-md-2 col-md-12" id="divTipo">
                        <div class="form-group">
                            <label>Data NF:</label>
                            <div class="input-group date">
                                <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" name="data_nota_fiscal" class="form-control pull-right" id="datepicker3" value="{{ isset($payment->data_nota_fiscal) ? $payment->data_nota_fiscal : old('data_nota_fiscal') }}">
                            </div>
                        <!-- /.input group -->
                        </div>
                    </div>

                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="valor_mensalidade">Mensalidade</label>    
                            <input type="text" class="form-control" name="valor_mensalidade" onKeydown="numberFormat(this,20,event,2)" value="{{ isset($payment->valor_mensalidade) ? $payment->valor_mensalidade : old('valor_mensalidade') }}">
                        </div>    
                    </div>

                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="valor_adicional">Valor Adicional</label>    
                            <input type="text" class="form-control" name="valor_adicional" onKeydown="numberFormat(this,20,event,2)" value="{{ isset($payment->valor_adicional) ? $payment->valor_adicional : old('valor_adicional') }}">
                        </div>    
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="descricao_valor_adicional">Descrição valor adicional</label>    
                            <input type="text" class="form-control" name="descricao_valor_adicional" value="{{ isset($payment->descricao_valor_adicional) ? $payment->descricao_valor_adicional : old('descricao_valor_adicional') }}">
                        </div>    
                    </div>
                    
                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="control-label" for="obs"> Observações <span id="details"></span></label>    
                            <textarea class="form-control" name="obs" style="height: 150px;">{{ isset($payment->obs) ? $payment->obs : old('obs') }}</textarea>
                        </div>    
                    </div>
                    
                </div>
                
                <div class="col-md-12">&nbsp;</div> 
                <div class="col-md-12 box-footer text-center">
                    
                    {!! csrf_field() !!}

                    @if( isset($filters) && $filters <> '')
                        <a href="{{ url('/admin/payment/') }}/?{{ $filters }}" class="small-box-footer pull-right"> <i class="fa fa-arrow-circle-left"></i> Voltar</a> 
                        <input type="hidden" name="filters" value="{{ $filters }}"> 
                    @endif

                    <button type="submit" class="btn btn-primary" id="submit_button">Gravar</button>
                </div>
            </form>    

            </div><!-- /.box-body -->
        </div><!-- /.box primary -->
    </div><!-- /.col-xs-12 -->
</div> <!-- /.row -->   

<div class="row">
    <div class="col-xs-12">
        <div class="box box-primary">
            <!-- /.box-header -->
            <div class="box-body"> 
                <div class="col-md-6 text-yellow">
                    <strong>Boletos Gerados</strong>
                </div>
                
                <div class="col-md-6">
                    @if($payment->status <> 'Pago')
                    <div class="pull-right">
                    <form action="{{route('bankslip.store')}}" method="post">
                        {!! csrf_field() !!}
                        <input type="hidden" name="id" value="{{ $payment->id }}">
                        <input type="hidden" name="replace" value="1">
                        <input type="hidden" name="filters" value="{{ $filters }}"> 
                        <button type="submit" id="loading" data-loading-text="Processando..." class="btn btn-primary btn-xs">GERAR 2 VIA DE BOLETO</button>
                    </form>                    
                    </div>
                    @endif
                </div>
                <div class="col-md-12">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th style="width: 10px">#</th>
                                <th>Status</th>
                                <th>Nosso numero</th>
                                <th>Link boleto</th>
                                <th>Vencimento</th>
                                <th>Pagamento</th>
                                <th>Criação</th>
                                <th class="text-center">Enviar e-mail</th>
                                <th class="text-center">Data envio e-mail</th>
                                <th class="text-center">Cancelar</th>
                            </tr>
                        </thead>    
                        <tbody>
                            @forelse($bankslips as $bankslip)    
                            <tr>
                                <td>{{ $countbankslip++ }}</td>
                                <td>{{ $bankslip->statuspagamento }}</td>
                                <td>{{ $bankslip->nossonumero }}</td>
                                <td> 
                                    <a href="{{ $bankslip->link_boleto }}" target="_blank">
                                        Link
                                    </a>
                                </td>
                                <td>{{ $bankslip->vencimento }}</td>
                                <td>{{ $bankslip->pagamento }}</td>
                                <td>{{ $bankslip->created_at }}</td>
                                <td class="text-center">
                                    @if($bankslip->statuspagamento <> 'Pago' && $bankslip->statuspagamento <> 'Cancelado')
                                    <form action="{{route('mail.update', $bankslip->id)}}" method="POST">
                                        {!! method_field('PUT') !!}   
                                        {!! csrf_field() !!}
                                        <input type="submit" id="loading{{ $countbankslip }}" data-loading-text="Processando..." class="btn btn-primary btn-xs" value="ENVIAR">
                                    </form>
                                    @else
                                        Não se aplica
                                    @endif
                                </td>
                                <td  class="text-center">
                                    @if($bankslip->data_envio_email)
                                    {{ $bankslip->data_envio_email }}
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if($bankslip->statuspagamento <> 'Pago' && $bankslip->statuspagamento <> 'Cancelado')
                                    <form action="{{route('bankslip.destroy', $bankslip->id)}}" method="POST">
                                        {{ csrf_field() }}
                                        {{ method_field('DELETE') }}
                                        <div class="form-group">
                                            <input type="submit" class="btn btn-danger btn-xs btn-flat delete-list" value="CANCELAR">
                                        </div>
                                    </form>  
                                    @else
                                        Não se aplica
                                    @endif
                                </td>
                            </tr>
                            @empty  
                            <tr>  
                                <td colspan="4">
                                    <P>Nenhum registro encontrado </P>
                                </td>
                            </tr>    
                            @endforelse
                        </tbody>    
                    </table>
                </div>
            </div><!-- /.box-body -->
        </div><!-- /.box primary -->
    </div><!-- /.col-xs-12 -->
</div> <!-- /.row -->       

<script>
    
    function formaPagamento(){
        if(document.getElementById('forma_pagamento').value == 'Boleto'){
            document.getElementById('layerEnderecoCobranca').style.display = "block";
            document.getElementById('cep').required = true;
            document.getElementById('endereco').required = true;
            document.getElementById('bairro').required = true;
            document.getElementById('cidade').required = true;
            document.getElementById('estado').required = true;
            document.getElementById('numero').required = true;
        } else {
            // Layer
            document.getElementById('layerEnderecoCobranca').style.display = "none";

            // not required
            document.getElementById('cep').required = false;
            document.getElementById('endereco').required = false;
            document.getElementById('bairro').required = false;
            document.getElementById('cidade').required = false;
            document.getElementById('estado').required = false;
        }
    }
    
    function tipoPessoa(){
        if(document.getElementById('tipo').value == 'PF'){
            // layer
            document.getElementById('layerCNPJ').style.display = "none";
            document.getElementById('layerRazaoSocial').style.display = "none";
            document.getElementById('layerCPF').style.display = "block";
            document.getElementById('layerNomePagador').style.display = "block";

            // required
            document.getElementById('cnpj').required = false;
            document.getElementById('razao_social').required = false;
            document.getElementById('cpf').required = true;
            document.getElementById('contato_cobranca').required = true;

        }else{
            // layer
            document.getElementById('layerCNPJ').style.display = "block";
            document.getElementById('layerRazaoSocial').style.display = "block";
            document.getElementById('layerCPF').style.display = "none";
            document.getElementById('layerNomePagador').style.display = "none";

            // required
            document.getElementById('cnpj').required = true;
            document.getElementById('razao_social').required = true;
            document.getElementById('cpf').required = false;
            document.getElementById('contato_cobranca').required = false;
        }
    }

    function reset(){
        @if(isset($payment->tipo) && $payment->tipo == 'PF')
            document.getElementById('cpf').required = true;
            document.getElementById('contato_cobranca').required = true;
            document.getElementById('cnpj').required = false;
            document.getElementById('razao_social').required = false;
            document.getElementById('layerCPF').style.display = "block";
            document.getElementById('layerNomePagador').style.display = "block";
            document.getElementById('layerCNPJ').style.display = "none";
            document.getElementById('layerRazaoSocial').style.display = "none";
        @elseif(isset($payment->tipo) && $payment->tipo == 'PJ')                        
            document.getElementById('cpf').required = false;
            document.getElementById('contato_cobranca').required = false;
            document.getElementById('cnpj').required = true;
            document.getElementById('razao_social').required = true;
            document.getElementById('layerCNPJ').style.display = "block";
            document.getElementById('layerRazaoSocial').style.display = "block";
            document.getElementById('layerCPF').style.display = "none";
            document.getElementById('layerNomePagador').style.display = "none";    
        @endif
    }    

    window.onload=reset();
</script>

<script src="{{ asset('js/script.js') }}"></script>
@stop