@extends('layouts.app')

@section('content')
    <div class="container">
        <h3>Consulta financeira</h3>

        <hr/>

        <div class="row">
            <div style="display: flex; flex-direction: row; flex-grow: 1;">
                <div class="panel panel-default" style="width: 30%;">
                    <div class="panel-body" >
                        <ul class="nav nav-tabs" role="tablist" style="margin-bottom: 5px">
                            <li role="presentation" class="active"><a href="#tabreceber" aria-controls="tabreceber" role="tab" data-toggle="tab">Contas a Receber</a></li>
                            <li role="presentation"><a href="#tabpagar" aria-controls="tabpagar" role="tab" data-toggle="tab">Contas a Pagar</a></li>
                        </ul>

                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="tabreceber">
                                <div class="form-group">
                                    {{Form::label('clienteid', trans('validation.attributes.cliente'), array('class' => 'control-label'))}}
                                    <select class="mask-chosen-autocomplete-allow-deselect" name="clienteid" id="clienteid" data-ajax--url="{{ URL::action('ClientesController@autocomplete') }}">
                                        <option></option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    {{Form::label('dataemissaoini', trans('validation.attributes.dataemissao'), array('class' => 'control-label'))}}

                                    <div class="row">
                                        <div class="col-lg-4">
                                            <p class="form-control-static">Inicial</p>
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                {{Form::text('dataemissaoini', $dataemissaoini, array('class' => 'form-control mask-data', 'id' => 'dataemissaoini'))}}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-4">
                                            <p class="form-control-static">Final</p>
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                {{Form::text('dataemissaofim', $dataemissaofim, array('class' => 'form-control mask-data', 'id' => 'dataemissaofim'))}}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    {{Form::label('datavencimentoini', trans('validation.attributes.datavencimento'), array('class' => 'control-label'))}}

                                    <div class="row">
                                        <div class="col-lg-4">
                                            <p class="form-control-static">Inicial</p>
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                {{Form::text('datavencimentoini', $datavencimentoini, array('class' => 'form-control mask-data', 'id' => 'datavencimentoini'))}}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-4">
                                            <p class="form-control-static">Final</p>
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                {{Form::text('datavencimentofim', $datavencimentofim, array('class' => 'form-control mask-data', 'id' => 'datavencimentofim'))}}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group" id="datapagamento1">
                                    {{Form::label('datapagamentoini', trans('validation.attributes.datapagamento'), array('class' => 'control-label'))}}

                                    <div class="row">
                                        <div class="col-lg-4">
                                            <p class="form-control-static">Inicial</p>
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                {{Form::text('datapagamentoini', $datapagamentoini, array('class' => 'form-control mask-data', 'id' => 'datapagamentoini'))}}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-4">
                                            <p class="form-control-static">Final</p>
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                {{Form::text('datapagamentofim', $datapagamentofim, array('class' => 'form-control mask-data', 'id' => 'datapagamentofim'))}}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    {{Form::label('tipocobrancaid', trans('validation.attributes.tipocobrancaid'), array('class' => 'control-label'))}}
                                    <select class="mask-chosen-autocomplete-allow-deselect-autoload" name="tipocobrancaid" id="tipocobrancaid" data-ajax--url="{{ URL::action('TiposCobrancaController@autocomplete') }}">
                                        <option></option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    {{Form::label('situacao', trans('validation.attributes.situacao'), array('class' => 'control-label'))}}

                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="sit-emaberto" value="S" checked> Em aberto
                                        </label>
                                    </div>

                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="sit-pagamentopendente" value="S" checked> Pagamento Pendente
                                        </label>
                                    </div>

                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="sit-pagas" value="S" checked> Pagas
                                        </label>
                                    </div>

                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="sit-canceladas" value="S" checked> Canceladas
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <button type="submit" id="botaoConsultar" class="btn btn-primary">Consultar</button>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane " id="tabpagar">
                                <div class="form-group">
                                    {{Form::label('fornecedorid', trans('validation.attributes.fornecedor'), array('class' => 'control-label'))}}
                                    <select class="mask-chosen-autocomplete-allow-deselect" name="fornecedorid" id="fornecedorid" data-ajax--url="{{ URL::action('FornecedoresController@autocomplete') }}">
                                        <option></option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    {{Form::label('datavencimentoini', trans('validation.attributes.datavencimento'), array('class' => 'control-label'))}}

                                    <div class="row">
                                        <div class="col-lg-4">
                                            <p class="form-control-static">Inicial</p>
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                {{Form::text('datavencimentoini', $datavencimentoini, array('class' => 'form-control mask-data', 'id' => 'datavencimentoini'))}}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-4">
                                            <p class="form-control-static">Final</p>
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                {{Form::text('datavencimentofim', $datavencimentofim, array('class' => 'form-control mask-data', 'id' => 'datavencimentofim'))}}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group" id="datapagamento2">
                                    {{Form::label('datapagamentoini', trans('validation.attributes.datapagamento'), array('class' => 'control-label'))}}

                                    <div class="row">
                                        <div class="col-lg-4">
                                            <p class="form-control-static">Inicial</p>
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                {{Form::text('datapagamentoini', $datapagamentoini, array('class' => 'form-control mask-data', 'id' => 'datapagamentoini'))}}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-4">
                                            <p class="form-control-static">Final</p>
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                {{Form::text('datapagamentofim', $datapagamentofim, array('class' => 'form-control mask-data', 'id' => 'datapagamentofim'))}}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    {{Form::label('situacao', trans('validation.attributes.situacao'), array('class' => 'control-label'))}}

                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="sit-emaberto1" value="S" checked> Em aberto
                                        </label>
                                    </div>

                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="sit-pagos" value="S" checked> Pagos
                                        </label>
                                    </div>

                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="sit-cancelados" value="S" checked> Cancelados
                                        </label>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <button type="submit" id="botaoConsultarPagar" class="btn btn-primary">Consultar</button>
                                </div>
                            </div>

                        </div>
                    </div>
            </div>
            <div style="width: 70%;">
                <div id="espaco-grade" style="margin-left: 10px;">
                    <p>Informe os filtros ao lado e clique em Consultar.</p>
                </div>
            </div>
        </div>
    </div>

    @push('scripts-footer')
        <script>
            var urlgrade = "{{ URL::action('ConsultasController@getContentFinanceira') }}";
            var urlgradePagar = "{{ URL::action('ConsultasController@getContentPagar') }}";

            $(document).ready(function(){

                $("#botaoConsultar").click(function(){
                    loadConteudo();
                });

                $("#botaoConsultarPagar").click(function(){
                    loadConteudoPagar();
                });

                function loadConteudoPagar() {
                    $("#espaco-grade").html('');
                    $("#espaco-grade").addClass('loader');

                    var clienteid = $("#fornecedorid").val();

                    var datavencimentoini = $("#datavencimentoini").val();
                    var datavencimentofim = $("#datavencimentofim").val();

                    var datapagamentoini = $("#datapagamentoini").val();
                    var datapagamentofim = $("#datapagamentofim").val();

                    var sitpagas = $("#sit-pagos:checked").val();
                    if(sitpagas != "S") sitpagas = 'N';

                    var sitcanceladas = $("#sit-cancelados:checked").val();
                    if(sitcanceladas != "S") sitcanceladas = 'N';

                    var sitemaberto = $("#sit-emaberto1:checked").val();
                    if(sitemaberto != "S") sitemaberto = 'N';

                    var parametros = {
                        clienteid: clienteid,
                        datavencimentoini: datavencimentoini,
                        datavencimentofim: datavencimentofim,
                        datapagamentoini: datapagamentoini,
                        datapagamentofim: datapagamentofim,
                        sitpagas: sitpagas,
                        sitcanceladas: sitcanceladas,
                        sitemaberto: sitemaberto,
                    };

                    $.get(urlgradePagar, parametros, function (data) {
                        $("#espaco-grade").html(data);
                    }).always(function() {
                        $("#espaco-grade").removeClass('loader');
                    });
                }

                function loadConteudo() {
                    $("#espaco-grade").html('');
                    $("#espaco-grade").addClass('loader');

                    var clienteid = $("#clienteid").val();
                    var tipocobrancaid = $("#tipocobrancaid").val();

                    var dataemissaoini = $("#dataemissaoini").val();
                    var dataemissaofim = $("#dataemissaofim").val();

                    var datavencimentoini = $("#datavencimentoini").val();
                    var datavencimentofim = $("#datavencimentofim").val();

                    var datapagamentoini = $("#datapagamentoini").val();
                    var datapagamentofim = $("#datapagamentofim").val();

                    var sitpagas = $("#sit-pagas:checked").val();
                    if(sitpagas != "S") sitpagas = 'N';

                    var sitcanceladas = $("#sit-canceladas:checked").val();
                    if(sitcanceladas != "S") sitcanceladas = 'N';

                    var sitemaberto = $("#sit-emaberto:checked").val();
                    if(sitemaberto != "S") sitemaberto = 'N';

                    var sitpagpendente = $("#sit-pagamentopendente:checked").val();
                    if(sitpagpendente != "S") sitpagpendente = 'N';

                    var parametros = {
                        clienteid: clienteid,
                        tipocobrancaid: tipocobrancaid,
                        dataemissaoini: dataemissaoini,
                        dataemissaofim: dataemissaofim,
                        datavencimentoini: datavencimentoini,
                        datavencimentofim: datavencimentofim,
                        datapagamentoini: datapagamentoini,
                        datapagamentofim: datapagamentofim,
                        sitpagas: sitpagas,
                        sitcanceladas: sitcanceladas,
                        sitemaberto: sitemaberto,
                        sitpagamentopendente: sitpagpendente
                    };

                    $.get(urlgrade, parametros, function (data) {
                        $("#espaco-grade").html(data);
                    }).always(function() {
                        $("#espaco-grade").removeClass('loader');
                    });
                }
            });
        </script>
    @endpush
@stop