{!! Form::hidden('user_id', Auth::user()->id, ['class' => 'form-control']) !!}
{!! Form::hidden('empresa_id', Session::get('empresa_id'), ['class' => 'form-control']) !!}

<div class="col-md-5 margin-bottom10px">
    {!! Form::label('cliente_id', trans('relatorios.cliente_id'), ['class' => 'control-label']) !!}
    <div class="input-icon right displaynone" id="div_cliente_selected_on3">
        <i class="fa fa-close tooltips" data-original-title="Remover Seleção" onclick="removeClienteSearch();" data-container="body"></i>
        <input type="text" readonly class="form-control" id="cliente_selected_on3" value=""> 
    </div>
    <div class="input-icon right displayblock" id="div_cliente_selected_off3">
        <i class="fa fa-caret-down tooltips" data-original-title="Escolha" onclick="getModalCliente();" data-container="body"></i>
        <input type="text" readonly class="form-control" id="cliente_selected_off3" onfocus="getModalCliente();" placeholder="TODOS OS CLIENTES"> 
    </div>
    <input type="hidden" id="cliente_form" name="cliente_id" value="">
</div>
<div class="col-md-3">
    <div class="form-group {{ $errors->has('plano_id') ? 'has-error' : ''}}">
        {!! Form::label('plano_id', trans('mensalidades.plano_id'), ['class' => 'control-label']) !!}
        <select class="form-control select2" required id="plano_id" name="plano_id" onchange="setValidade();">
            @foreach($planos as $list)
            <option value="{{$list->id}}" tipo="{{$list->tipo}}" dir="{{$list->qtd_dias}}" label="{{number_format($list->valor,2,',','.')}}">{{$list->nome}}</option>
            @endforeach
        </select>
        {!! $errors->first('plano_id', '<p class="help-block">:message</p>') !!}
    </div>
</div>
<div class="col-md-3">
    <div class="form-group {{ $errors->has('status_id') ? 'has-error' : ''}}">
    {!! Form::label('status_id', trans('mensalidades.status_id'), ['class' => 'control-label']) !!}
        {!! Form::select('status_id', $status, null, ['class' => 'form-control select2','required' => 'required','id' => 'status_id']) !!}
        {!! $errors->first('status_id', '<p class="help-block">:message</p>') !!}
    </div>
</div>
<div class="col-md-3">
    <div class="form-group {{ $errors->has('data_vencimento') ? 'has-error' : ''}}">
        {!! Form::label('data_vencimento', 'Data Pagamento', ['class' => 'control-label']) !!}
        {!! Form::text('data_vencimento', date('d/m/Y'), ['class' => 'form-control date-picker', 'required' => 'required', "maxlength"=>"10", "onchange"=>"formatar('##/##/####', this); setValidade(); return SomenteNumero(event);"]) !!}
        {!! $errors->first('data_vencimento', '<p class="help-block">:message</p>') !!}
    </div>
</div>
<div class="col-md-3">
    <div class="form-group {{ $errors->has('data_validade') ? 'has-error' : ''}}">
        {!! Form::label('data_validade', 'Data Validade', ['class' => 'control-label']) !!}
        {!! Form::text('data_validade', null, ['class' => 'form-control', 'required' => 'required', 'readonly']) !!}
        {!! $errors->first('data_validade', '<p class="help-block">:message</p>') !!}
    </div>
</div>
<div class="col-md-3">
    <div class="form-group {{ $errors->has('valor') ? 'has-error' : ''}}">
        {!! Form::label('valor', trans('mensalidades.valor'), ['class' => 'control-label']) !!}
        {!! Form::text('valor', null, ['class' => 'form-control text-alignright', "onkeyup"=>"maskIt(this,event,'###.###.###,##',true);", "placeholder"=>"0,00"]) !!}
        {!! $errors->first('valor', '<p class="help-block">:message</p>') !!}
    </div>
</div>
<div class="col-md-2">
    <div class="form-group {{$errors->has('qtd') ? 'has-error' : ''}}">
        {!! Form::label('qtd', 'Quant. Parcelas', ['class' => 'control-label']) !!}
        {!! Form::text('qtd', 1, ['class' => 'form-control text-alignright', 'id'=>'qtd', 'onkeyup'=>'setQtd();', "placeholder"=>"0", "required"]) !!}
        {!! $errors->first('qtd', '<p class="help-block">:message</p>') !!}
    </div>
</div>
<div class="col-md-12 clearboth">
    <div class="form-group {{$errors->has('descricao_cortesia') ? 'has-error' : ''}}">
        {!! Form::label('descricao_cortesia', 'Descrição', ['class' => 'control-label']) !!}
        {!! Form::textarea('descricao_cortesia', null, ['class' => 'form-control', 'id'=>'descricao_cortesia', "placeholder"=>"Descrição", "required"]) !!}
        {!! $errors->first('descricao_cortesia', '<p class="help-block">:message</p>') !!}
    </div>
</div>
<script>
        
    function setValidade(){
        $("#qtd").val(1);
        var vencimento = $("#data_vencimento").val();
        var qtd_dias = parseInt($("#plano_id option:selected").attr("dir"));
        var valor_plano = $("#plano_id option:selected").attr("label");
        var tipo = parseInt($("#plano_id option:selected").attr("tipo"));
        var i = 0;
        if(tipo == 0){
           var i = 1;
        }
        $("#valor").val(valor_plano);
        $("#data_validade").val(calcularData(DataAmericana(vencimento), qtd_dias-i));
    }
    
    function setQtd(){
        var qtd = $("#qtd").val();
        var vencimento = $("#data_vencimento").val();
        var qtd_dias = parseInt($("#plano_id option:selected").attr("dir"));
        var tipo = parseInt($("#plano_id option:selected").attr("tipo"));
        var i = 0;
        if(tipo == 0){
           var i = 1;
        }
        qtd_dias = eval(qtd_dias*qtd);
        var valor_plano = isNaN( valor = parseFloat($("#plano_id option:selected").attr("label").replace(/\./g, "").replace(",", "."))) ? 0 : valor;
        valor_plano = eval(valor_plano*qtd);
        $("#valor").val(number_format(valor_plano,2,',','.'));
        $("#data_validade").val(calcularData(DataAmericana(vencimento), qtd_dias-i));
    }
    
    function calcularData(data,DiasAdd) 
    {
      var future = new Date(data);      
        future.setDate(future.getDate() + DiasAdd);
        
        dia = future.getDate();
        mes = future.getMonth() + 1;
        
        if(dia < 10){
            dia = '0'+dia.toString();
        }
        if(mes < 10){
            mes = '0'+mes.toString();
        }
        
        var newdata = dia  +"/" + mes + "/" + future.getFullYear();
      return newdata;
    }
    
    function DataAmericana(data){
        split = data.split('/');
        novadata =  split[2] + "/" + split[1]+ "/" +split[0];
        return novadata; 
    }
</script>