@extends('template')

@section('content')
    <div class="page-content">
        <div class="container-fluid">
            <div class="page-content-inner">
                <div class="row">
                    <div class="col-md-12">
                        <div class="portlet light">
                            <div class="portlet-body">
                                <div class="row">
                                    <div class="col-md-12">
                                       <span class="font-blue-madison title"><i class="fa fa-money"></i> Forma de Pagamento</span>
                                        <a href="{{ route('admin.forma.pagamento') }}" class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Voltar para colsulta de Formas de pagamento"><i class="fa fa-arrow-circle-left"></i>  Voltar</a>
                                        <hr>
                                    </div>
                                </div>
                                {!! Form::open(['route' => $action->route, 'method' => $action->method, 'id'=>'formaPagamento']) !!}
                                    {!! Form::hidden('id', $formadepagamento->id) !!}
                                    {!! Form::hidden('qtd_parcelas', 1 , ['id'=>'qtd_parcelas']) !!}
                                    <div class="row">
                                        <div class="form-group col-md-9">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-money"></i>
                                                    </span>
                                                    {!! Form::text('name', $formadepagamento->name, ['class' => 'form-control', 'id' => 'name' , 'id'=>'name']) !!}
                                                    {!! Form::label('name', 'Forma de Pagamento') !!}
                                                </div>
                                            </div>
                                        </div>
                                         
                                        <div class="form-group col-md-3">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-toggle-on"></i>
                                                    </span>
                                                    {!! Form::select('status', ['Ativo'=>'Ativo','Inativo'=>'Inativo'], $formadepagamento->status, ['class'=>'form-control']) !!}
                                                    {!! Form::label('status', 'Status', ['class' => 'control-label']) !!}
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <br/>

                                    <div class="row">
                                        <div class="col-md-12">
                                           <span class="font-blue-madison title"><i class="fa fa-calendar"></i> Informe os prazos em dias </span> 
                                           <span class="btn blue-madison popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Adiciona nova parcela ao prazo de pagamento" onclick="addPrazo();"><i class="fa fa-plus-circle"></i></span>
                                            <span class="btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Remove última parcela adicionada ao prazo de pagamento" id="btn-rm" style='display:none;' onclick="remPrazo();"><i class="fa fa-minus-circle"></i></span>
                                        </div>
                                        <div class="col-md-12">
                                            
                                        </div>
                                    </div>

                                    <div class="row" id="parcelas">
                                        <div class="form-group col-md-1" >
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <input type="number" id="parcela1" name="parcela[]" class="form-control" data-rule-min='1' data-msg-min='1' data-rule-required=true data-msg-required='*'>
                                                {!! Form::label('parcela[]', 'Parcela 1') !!}
                                            </div>
                                        </div>
                                    </div>

                                    <p>&nbsp;</p><p>&nbsp;</p>

                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <button type="submit" name="Salvar" value='Salvar' class="btn green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Salvar Forma de Pagamento"><i class=" fa fa-save"></i> Salvar</button>
                                            <a href="{{route('admin.forma.pagamento')}}" class="btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Ao cancelar você perderá os dados não salvos!"><i class="fa fa-close"></i> Voltar</a>
                                        </div>
                                    </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
@stop()

@section('js-admin-servico')
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready( function() { 
            $("#formaPagamento").validate({
                rules: {
                    name: "required",
                    parcela1: "required",
                },
                messages: {
                    name: "Por favor digite a descrição da forma de pagamento.",
                    parcela1: "*",
                }
            });
        });    

        function addPrazo(){

            var qtd = $("#qtd_parcelas").val();
            qtd++;
            $("#qtd_parcelas").val(qtd);
            var prazo = '<div class="form-group col-md-1" style="display:none;" id="'+qtd+'"" ><div class="form-group form-md-line-input has-personalizado form-md-floating-label"><input id="parcela'+qtd+'" type="number" name="parcela[]" class="form-control"><label for="parcela[]">Parcela '+qtd+'</label></div></div>';
            $("#parcelas").append(prazo);
            $('#'+qtd).show('slow');
            $("#btn-rm").show('slow');
        }

        function remPrazo(){

            var qtd = $("#qtd_parcelas").val();
            $('#'+qtd).remove();
            if(qtd > '1')qtd--;
            $("#qtd_parcelas").val(qtd);
            if(qtd == '1')$("#btn-rm").hide('slow');

        }

    </script>

    @if($formadepagamento->id != '')
        <script>            
            populaParcelas();

            function populaParcelas(){

                var contador = 1;

                @foreach($parcelas as $parcela)

                    if(contador > 1)addPrazo();

                    $("#parcela"+contador).val('{{$parcela}}');

                    contador++;

                @endforeach

            }
        </script>    
    @endif

@stop()