@extends('layouts.app')

@section('title', 'Relatórios')

@section('content')
<style>
    .btn-mt-top{ margin-top: 27px; }
    .row-mt{ margin-top: 15px; }
    .row-mt-2{ margin-top: 30px; }
    .fa-2x{ font-size: 1.35em !important; }
    .select2-container .select2-selection--single{ height: 33px; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; right: 1px; background: #ccc; border: 1px solic #ccc; border-bottom-right-radius: 3px; border-top-right-radius: 3px;}
    .section-page{ margin-top: 45px; margin-left: 8px; width: 100%;}
    .js-single-full{ width: 100% !important; }
    .border-col{ border: 1px solid #CCC; border-radius: 5px;}
    .btn-width-lg{ width: 25% }
</style>
<header class="page-header">
    <h2>Relatórios</h2>

    <div class="right-wrapper pull-right">
        <ol class="breadcrumbs">
            <li><a href="{{ route('index.relatorios') }}">Relatórios</a></li>
            <li><span>Centro custo</span></li>
        </ol>

        <a class="sidebar-right-toggle"><i class="fa fa-chevron-left"></i></a>
    </div>
</header>

<div class="section-page">
    <form action="{{ route('gera.relatorio.centro-custo') }}" method="post" class="form">@csrf
        <div class="panel panel-default">
            <div class="panel-heading">
                <span class="text-uppercase text-bold">Tipo de relatório</span>
                <div class="row">
                    <div class="col-md-3">
                        <div class="radio">
                            <label>
                                <input type="radio" name="tp_relatorio" id="sintetico" value="sintetico" checked>
                                Sintético
                            </label>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="radio">
                            <label>
                                <input type="radio" name="tp_relatorio" id="sintetico_frpagto" value="sintetico_frpagto">
                                Sintético por forma pagamento
                            </label>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="radio">
                            <label>
                                <input type="radio" name="tp_relatorio" id="cad_centro_custo" value="cad_centro_custo">
                                Cadastro centro custo - Item Centro
                            </label>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="radio">
                            <label>
                                <input type="radio" name="tp_relatorio" id="analitico_centro_custo" value="analitico_centro_custo">
                                Analítico - Centro custo
                            </label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="radio">
                            <label>
                                <input type="radio" name="tp_relatorio" id="analitico_centro_custo_ex" value="analitico_centro_custo_ex">
                                Analítico - Centro custo (Excel)
                            </label>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="radio">
                            <label>
                                <input type="radio" name="tp_relatorio" id="sintetico_mensal" value="sintetico_mensal">
                                Sintético - Mensal
                            </label>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="radio">
                            <label>
                                <input type="radio" name="tp_relatorio" id="sintetico_ex" value="sintetico_ex">
                                Sintético (Excel)
                            </label>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="radio">
                            <label>
                                <input type="radio" name="tp_relatorio" id="sintetico_grupo" value="sintetico_grupo">
                                Sintético (Grupo)
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-body">
                    <div class="row form-group">
                        <div class="col-md-2">
                            <label for="dt_inicio">Data inicial</label>
                            <input type="text" name="dt_inicio" id="dt_inicio" class="form-control datepicker" placeholder="___/___/_____">
                        </div>
                        <div class="col-md-2">
                            <label for="dt_final">Data final</label>
                            <input type="text" name="dt_final" id="dt_final" class="form-control datepicker" placeholder="___/___/_____">
                        </div>
                        <div class="col-md-8 border-col">
                            <label for="dt_final">Tipo de data</label>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="tp_data" id="dt_pagto" value="0" checked>
                                            Data pagamento
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="tp_data" id="dt_venc" value="1">
                                            Data vencimento
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="tp_data" id="dt_conc" value="2">
                                            Data conciliação
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="tp_data" id="dt_emis" value="3">
                                            Data emissão
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class="col-md-4">
                            <label for="id_grupocentro">Grupo</label>
                            <select name="id_grupocentro" id="id_grupocentro" class="form-group js-single js-single-full">
                                <option value="0" selected disabled>Selecione o grupo</option>
                                @foreach ( $grupos_centro_custo as $item )
                                    <option value="{{ $item->id }}">{{ $item->ds_grupocentro }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="id_centrocusto">Centro custo</label>
                            <select name="id_centrocusto" id="id_centrocusto" class="form-group js-single js-single-full">
                                <option value="0" selected disabled>Selecione o grupo</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="id_item_centro_custo">Item centro custo</label>
                            <select name="id_item_centro_custo" id="id_item_centro_custo" class="form-group js-single js-single-full">
                                <option value="0" selected disabled>Selecione o centro custo</option>
                            </select>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class="col-md-4">
                            <label for="array_bancoemp">Contas relacionadas</label>
                            <select name="array_bancoemp[]" id="id_bancoemp" class="form-group js-single js-single-full" multiple="multiple">
                                @foreach ( $bancos_empresas as $item )
                                    <option value="{{ $item->id }}">{{ $item->ds_banco }} - {{ $item->nr_agencia }} - {{  $item->nr_conta  }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="array_departamento">Departamentos</label>
                            <select name="array_departamento[]" id="array_departamento" class="form-group js-single js-single-full" multiple="multiple">
                                @foreach ( $departamentos as $item )
                                    <option value="{{ $item->id }}">{{ $item->ds_departamento }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="array_empresa">Empresa relacionada</label>
                            <select name="array_empresa[]" id="array_empresa" class="form-group js-single js-single-full" multiple>
                                @foreach ( $empresas as $item )
                                    <option value="{{ $item->id }}" selected>{{ $item->nm_fantasia }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class="col-md-10">
                            <label for="array_centrocusto">Centro custo</label>
                            <select name="array_centrocusto[]" id="array_centrocusto" class="form-group js-single js-single-full" multiple>
                                @foreach ( $centro_custo as $item )
                                    <option value="{{ $item->id }}">{{ $item->ds_centrocusto }} \ {{ $item->ds_itemcentro }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label for="">Filtar centros custo</label>
                            <button type="button" id="btn-filtar-centro-custo" class="btn btn-info btn-block">
                                <i class="fa fa-search fa-fw"></i>
                            </button>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class="col-md-3 border-col">
                            <label for="">Tipos de contas</label>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="tp_conta" id="ct_paga" value="0">
                                            Pagas
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="tp_conta" id="ct_apagar" value="1">
                                            A pagar
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="tp_conta" id="ct_ambas" value="2" checked>
                                            Ambas
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 border-col">
                            <label for="">Tipos centro custo</label>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="tp_centrocusto" id="cc_credito" value="0">
                                            Crédito
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="tp_centrocusto" id="cc_debito" value="1">
                                            Débito
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="tp_centrocusto" id="cc_ambas" value="2" checked>
                                            Ambas
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 border-col">
                            <label for="">Buscar contas a receber c/ vinculo na MB</label>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="cc_vinculo" id="vinc_sim" value="1" disabled>
                                            SIM
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="cc_vinculo" id="vinc_nao" value="0" disabled checked>
                                            NÃO
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 border-col">
                            <label for="">Multi empresa</label>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="multi_emp" id="emp_sim" value="1" disabled>
                                            SIM
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="multi_emp" id="emp_nao" value="0" disabled checked>
                                            NÃO
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class="col-md-3 border-col">
                            <label for="">Trazer saldo anterior</label>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="sd_anterior" id="ant_sim" value="1">
                                            SIM
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="sd_anterior" id="ant_nao" value="0" checked>
                                            NÃO
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <label for="dt_saldo_anterior">Trazer saldo anterior a partir da data</label>
                            <input type="text" name="dt_saldo_anterior" id="dt_saldo_anterior" class="form-control datepicker" placeholder="___/___/_____" disabled>
                        </div>
                        <div class="col-md-6 text-right">
                            <button type="submit" class="btn btn-success btn-sm btn-mt-top">
                                <i class="fa fa-print fa-fw"></i>
                                Visualizar impressão
                            </button>
                            <a href="{{ route('index.relatorios') }}" class="btn btn-default btn-sm btn-mt-top btn-width-lg">
                                <i class="fa fa-sign-out fa-fw"></i>
                                Sair
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<script>
    $(document).ready(function(){
        $("#btn-filtar-centro-custo").on("click", function(){
            var id_centrocusto  = $("#id_centrocusto").children(":selected").val();
            var _token          = $("meta[name='csrf-token']").attr("content");
            var btn_filtro      = "S";

            $.ajax({
                url: "{{ route('filtraItemCentroCusto') }}",
                method: "POST",
                data: { id_centrocusto: id_centrocusto, btn_filtro:btn_filtro, _token: _token },
                dataType: "JSON",
                success: function (result){   console.log(result.query);
                    $("#array_centrocusto").empty(); //limpa o selectbox para a escolha do próxima centro de custo
                    $("#array_centrocusto").append('<option class="item" value=""> Selecione o item centro de custo </option>');
                    $.each(result, function (key, value) {
                        $("#array_centrocusto").append('<option class="item" value="'+value.id+'">' + value.ds_centrocusto + ' / ' + value.ds_itemcentro + '</option>');
                    });
                }
            });
        });

        $("#ant_sim").on("click", function(){
            var saldo = $(this).val();

            if(saldo === '1'){
                $("#dt_saldo_anterior").prop("disabled", false);
            }
        });

        $("#ant_nao").on("click", function(){
            var saldo = $(this).val();

            if(saldo === '0'){
                $("#dt_saldo_anterior").val("").prop("disabled", true);
            }
        });

        $("#id_centrocusto").on("change", function(){
            var id_centrocusto  = $(this).children(":selected").val();
            var _token          = $("meta[name='csrf-token']").attr("content");
            var btn_filtro      = "N";

            $.ajax({
                url: "{{ route('filtraItemCentroCusto') }}",
                method: "POST",
                data: { id_centrocusto: id_centrocusto, btn_filtro:btn_filtro, _token: _token },
                dataType: "JSON",
                success: function (result){
                    $("#id_item_centro_custo").empty(); //limpa o selectbox para a escolha do próxima centro de custo
                    $("#id_item_centro_custo").append('<option class="item" value=""> Selecione o item centro de custo </option>');
                    $.each(result, function (key, value) {
                        $("#id_item_centro_custo").append('<option class="item" value="'+value.id+'">' + value.ds_itemcentro + '</option>');
                    });
                }
            });
        });

        $("#id_grupocentro").on("change", function(){
            var id_grupocentro    = $(this).children(":selected").val();
            var _token      = $("meta[name='csrf-token']").attr("content");

            $.ajax({
                url: "{{ route('filtraCentroCusto') }}",
                method: "POST",
                data: { id_grupocentro: id_grupocentro, _token: _token },
                dataType: "JSON",
                success: function (result){
                    $("#id_centrocusto").empty(); //limpa o selectbox para a escolha do próxima centro de custo
                    $("#id_centrocusto").append('<option class="item" value=""> Selecione o centro de custo </option>');
                    $.each(result, function (key, value) {
                        $("#id_centrocusto").append('<option class="item" value="'+value.id+'"> ' + value.ds_centrocusto + ' - ' + value.ds_departamento + '</option>');
                    });
                }
            });
        });
    });
</script>
@endsection