@extends('adminlte::page')

@section('title', ' -  Novo Cliente - resources/views/admin/client/create.blade.php
')

@section('content_header')
    <h1>
    @if(isset($client))
        Cria Novo Cliente - ID {{ $client->id }}
    @else
        Novo Cliente - resources/views/admin/client/create.blade.php
    @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')

                
        @if(isset($client)) 
            <form action="{{route('client.update', $client->id)}}" method="POST">
                {!! method_field('PUT') !!}    
        @else
            <form action="{{route('client.store')}}" method="POST">
        @endif        
                <div class="col-md-12 text-yellow"><strong>Dados Principal</strong></div>    
                
                @if( isset($client->status))
                <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" id="status" >
                        @foreach ($status as $value => $opt)
                        <option value="{{ $value }}"
                            @if( isset($client->status))
                                @if($client->status == $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($client->tipo))
                                @if($client->tipo == $tipo)
                                    selected
                                @endif   
                            @elseif (old('tipo') == $tipo)
                                    selected
                            @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($client->cpf) ? $client->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">* Nome 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($client->contato_cobranca) ? $client->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($client->cnpj) ? $client->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',4)" value="{{ isset($client->razao_social) ? $client->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($client->contato) ? $client->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($client->email) ? $client->email : old('email') }}" required/>
                    </div>   
                </div>

                @if(isset($client)) 
                <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($client->email_cobranca) ? $client->email_cobranca : old('email_cobranca') }}" required/>
                    </div> 
                </div>    
                @endif
                
                <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($client->telefone) ? $client->telefone : old('telefone') }}" required/>
                    </div>    
                </div>

                @if(isset($client)) 
                <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($client->telefone_cobranca) ? $client->telefone_cobranca : old('telefone_cobranca') }}" />
                    </div>    
                </div>   
                @endif

                <div class="col-md-6" 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($client->urlsite) ? $client->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($client->nome_fantasia) ? $client->nome_fantasia : old('nome_fantasia') }}" required/>
                    </div>    
                </div>
				
				<div class="col-md-12 text-yellow"><strong>Dados Servidor</strong></div>    

				  <div class="col-md-4" id="divUsuarioSite">
                    <div class="form-group">
                        <label class="control-label" for="usuariosite">* Usuário banco de dados <span id="msgUsuarioSite"></span></label>    
                        <input type="text" class="form-control" name="usuariosite" id="" onblur="validacaoCampoVazio(this.id,'msgUsuarioSite','divUsuarioSite','col-md-3 has-error','col-md-3 has-success',3)" name="usuariosite" value="{{ isset($client->usuariosite) ? $client->usuariosite : old('usuariosite') }}"required/>
                    </div>    
                </div>
					<div class="col-md-4" id="divSenhaSite">
                    <div class="form-group">
                        <label class="control-label" for="senhasite">* Senha Banco de Dados <span id="msgSenhaSite"></span></label>    
                        <input type="text" class="form-control" name="senhasite" id="" onblur="validacaoCampoVazio(this.id,'msgSenhaSite','divSenhaSite','col-md-3 has-error','col-md-3 has-success',3)" name="senhasite" value="{{ isset($client->senhasite) ? $client->senhasite : old('senhasite') }}"required/>
                    </div>    
                </div>
				<div class="col-md-4" id="divHostSite">
                    <div class="form-group">
                        <label class="control-label" for="hostsite">* Host banco de dados <span id="msgHostSite"></span></label>    
                        <input type="text" class="form-control" name="hostsite" id="" onblur="validacaoCampoVazio(this.id,'msgHostSite','divHostSite','col-md-3 has-error','col-md-3 has-success',3)" name="hostsite" value="{{ isset($client->hostsite) ? $client->hostsite : old('hostsite') }}"required/>
                    </div>    
                </div>
			
				  <div class="col-md-4" id="divFtpUserName">
                    <div class="form-group">
                        <label class="control-label" for="ftp_user_name">* FTP usuário site <span id="msgFtpUserName"></span></label>    
                        <input type="text" class="form-control" name="ftp_user_name" id="" onblur="validacaoCampoVazio(this.id,'msgFtpUserName','divFtpUserName','col-md-3 has-error','col-md-3 has-success',3)" value="{{ isset($client->ftp_user_name) ? $client->ftp_user_name : old('ftp_user_name') }}"required/>
                    </div>    
                </div>
				<div class="col-md-4" id="divFtpUserPass">
                    <div class="form-group">
                        <label class="control-label" for="ftp_user_pass">* FTP senha site <span id="msgFtpUserPass"></span></label>    
                        <input type="text" class="form-control" name="ftp_user_pass" id="" onblur="validacaoCampoVazio(this.id,'msgFtpUserPass','divFtpUserPass','col-md-3 has-error','col-md-3 has-success',3)" value="{{ isset($client->ftp_user_pass) ? $client->ftp_user_pass : old('ftp_user_pass') }}"required/>
                    </div>    
                </div>
					<div class="col-md-4" id="divFtpServer">
                    <div class="form-group">
                        <label class="control-label" for="ftp_server">* FTP servidor site<span id="msgFtpServer"></span></label>    
                        <input type="text" class="form-control" name="ftp_server" id="" onblur="validacaoCampoVazio(this.id,'msgFtpServer','divFtpServer','col-md-3 has-error','col-md-3 has-success',3)" value="{{ isset($client->ftp_server) ? $client->ftp_server : old('ftp_server') }}"required/>
                    </div>    
                </div>
			<!--div class="col-md-12 text-yellow"><strong>Dados IP Host Remoto</strong></div-->    

					<!--div class="col-md-4" id="divHostRemoto">
                    <div class="form-group">
                        <label class="control-label" for="host_remoto">* IP Host Remoto<span id="msgFtpServer"></span></label>    
                        <input type="text" class="form-control" name="host_remoto" id="" onblur="validacaoCampoVazio(this.id,'msgFtpServer','divFtpServer','col-md-3 has-error','col-md-3 has-success',3)" value="{{ isset($client->host_remoto) ? $client->host_remoto : old('host_remoto') }}"/>
                    </div>    
                </div-->
                <div class="col-md-12 box-footer  text-yellow"><strong>Dados de Cobrança</strong></div>    

                <div class="col-md-3">
                    <div class="form-group">
                    <label for="plano">* Plano</label>
                    <select class="form-control" name="plano" id="plano" >
                    @foreach ($planos as $value)
                        <option value="{{ $value }}"
                            @if( isset($client->plano))
                                @if($client->plano == $value)
                                    selected
                                @endif    
                            @endif
                        >{{ $value }}</option>                             
                    @endforeach
                    </select>    
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="form-group">
                    <label for="forma_pagamento">* Forma de pagamento</label>
                    <select class="form-control" name="forma_pagamento" id="forma_pagamento" onChange="formaPagamento();" >
                    @foreach ($pagamentos as $pgto)
                        <option value="{{ $pgto }}"
                            @if( isset($client->forma_pagamento))
                                @if($client->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($client->dia_vencimento))
                                @if($client->dia_vencimento == $venc)
                                    selected
                                @endif    
                            @endif
                        >{{ $venc }}</option>
                    @endforeach 
                    </select>    
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="form-group">
                        <label for="valor_taxa">Implantação</label>    
                        <input type="text" class="form-control" name="valor_taxa" placeholder="300,00" onKeydown="formataMoeda(this,20,event,2)" value="{{ isset($client->valor_taxa) ? $client->valor_taxa : old('valor_taxa') }}">
                    </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="formataMoeda(this,20,event,2)" value="{{ isset($client->valor_mensalidade) ? $client->valor_mensalidade : old('valor_mensalidade') }}">
                    </div>    
                </div>

                <div id="layerEnderecoCobranca">
                    <div class="col-md-12 box-footer  text-yellow"><strong>Endereço de Cobrança</strong></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($client->cep) ? $client->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($client->endereco) ? $client->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($client->bairro) ? $client->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($client->cidade) ? $client->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($client->estado) ? $client->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($client->numero) ? $client->numero : old('numero') }}"  />
                        </div>    
                    </div>
                    
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="complemento">Compl.</label>    
                            <input type="text" class="form-control" name="complemento" value="{{ isset($client->complemento) ? $client->complemento : old('complemento') }}">
                        </div>    
                    </div>
                </div>
                
                <div id="layerObs">
                    <div class="col-md-12 box-footer  text-yellow"><strong>Observações de alteração (Opcional)</strong></div>

                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="control-label" for="details"> Descrição <span id="details"></span></label>    
                            <textarea class="form-control" name="details" row="10">{{ isset($client->details) ? $client->details : old('details') }}</textarea>
                        </div>    
                    </div>
                </div>
                
                <div class="col-md-12">&nbsp;</div> 
                <div class="col-md-12 box-footer text-center">
                    {!! csrf_field() !!}
                    <button type="submit" class="btn btn-primary">GRAVAR</button>
                </div>
            </form>    

            </div><!-- /.box-body -->
        </div><!-- /.box primary -->


        <div class="box box-warning collapsed-box">
            <div class="box-header with-border">
                <div class="col-md-12 text-yellow"><strong>Observações de cobrança</strong></div>    
                <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i></button>
                </div>
                <!-- /.box-tools -->
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                @if( isset($observacoes))
                    @forelse($observacoes as $obs)
                        @if( isset($obs->obs))
                            @if($obs->obs <> '')
                                <strong>Vencimento: {{ $obs->vencimento }}</strong> - {{ $obs->obs }} <hr />
                            @endif    
                        @endif                                                       
                    @empty   
                    
                    @endforelse
                @endif
            </div>
            <!-- /.box-body -->
        </div>
 
            
    </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($client->tipo) && $client->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($client->tipo) && $client->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";
    @else
        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";      
	    document.getElementById('layerUsuarioSite').required = false;
        document.getElementById('layerSenhaSite').required = false;
        document.getElementById('layerHostSite').required = false;
        document.getElementById('layerFtpUserName').required = false;
        document.getElementById('layerFtpUserPass').required = false;
        document.getElementById('layerFtpServer').required = false;

    @endif

    @if(isset($client->forma_pagamento) && $client->forma_pagamento == 'Depósito') 
        document.getElementById('layerEnderecoCobranca').style.display = "none";
    @else   
        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;
    @endif    
        //document.getElementById('layerEnderecoCobranca').style.display = "none";

        
    }    

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

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