@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-file-text-o"></i> Conferência de Faturas</span></span>
                                        <hr>
                                    </div>
                                </div>
                                <div class="portlet box blue-madison">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="icon-eye"></i>Filtros
                                        </div>
                                    </div>
                                    <div class="portlet-body">
                                        <div class="panel-group">
                                            {!! Form::open(['route' => $action->route, 'method' => $action->method]) !!}
                                                <div class="row">
                                                    <div class="form-group col-md-4">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            {!! Form::text('name', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off']) !!}
                                                            {!! Form::label('', 'Nome:') !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-md-2">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            {!! Form::select('tipo', ['' => '', 'prepago' => 'Pré Pago', 'pospago' => 'Pós Pago'], '',['class'=>'form-control']) !!}
                                                            {!! Form::label('', 'Tipo de Conta:') !!}
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <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-calendar"></i>
                                                                </span>
                                                                {!! Form::text('dt_ger_ini', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off', 'id' => 'dt_ger_ini']) !!}
                                                                {!! Form::label('', 'Data Inicial') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <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-calendar"></i>
                                                                </span>
                                                                {!! Form::text('dt_ger_fim', '', ['class' => 'form-control',  'autocomplete' => 'off', 'id' => 'dt_ger_fim']) !!}
                                                                {!! Form::label('', 'Data Final') !!}
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="form-group col-md-1">
                                                        <button type="submit" name="tipo_relatorio" value='relatorio' class="btn blue-madison popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Gerar Novo relatório com base nos filtros ao lado">
                                                            <i class="glyphicon glyphicon-search"></i> Filtrar
                                                        </button>
                                                    </div>
                                                    <div class="form-group col-md-1">  
                                                        <div class="clearfix"></div>
                                                        {!! Form::label('', '  ') !!}
                                                        <button type="submit" name="tipo_relatorio" value='excel' class="btn blue-madison popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Gerar Novo relatório e exportar em Excel com base nos filtros ao lado">
                                                            <i class="fa fa-file-excel-o"></i> Exportar
                                                        </button>
                                                    </div>
                                                    <br/>
                                                </div>
                                            {!! Form::close() !!}
                                        </div>
                                    </div>
                                </div>

                                {{--
                                <table class="table table-striped table-hover table-light">
                                    <tr class="uppercase">
                                        <th class="col-md-1">Faturas Pagas: {{ $vlrTotal->paid }}</th>
                                        <th class="col-md-1">Faturas Vencidas: {{ $vlrTotal->vencido }}</th>
                                        <th class="col-md-1">Faturas Pendentes: {{ $vlrTotal->pending }}</th>
                                        <!--th class="col-md-1">faturas Canceladas: {{ $vlrTotal->canceled }}</th-->
                                    </tr>
                                </table>
                                --}}
                                <table class="table table-striped table-hover table-light">
                                    <thead>
                                        <tr class="uppercase bg-blue-madison">
                                            <th class="col-md-1 font-white orderby">#</th>
                                            <th class="col-md-2 font-white orderby">Cliente</th>
                                            <th class="col-md-2 font-white orderby">Vendedor</th>
                                            <th class="col-md-1 orderby font-white">Tipo</th>
                                            <th class="col-md-1 orderby font-white">Dt. Ger.</th>
                                            <th class="col-md-1 orderby font-white">Dt. Venc.</th>
                                            <th class="col-md-1 orderby font-white">Valor</th>
                                            <th class="col-md-2 orderby font-white">Ações Disponíveis</th>
                                        </tr>
                                    </thead>
                                    <tbody> 
                                        @if(count($invoices)>0)
                                            @foreach($invoices as $fatura)
                                               <tr>
                                                    <td>{!! $fatura->id !!}</td>
                                                    <td>{!! $fatura->nome !!}
                                                        @if($fatura->customerUnlimited)
                                                            <span class="badge badge-danger">Conta Voip Ilimitada</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if(is_null($fatura->vendedor))
                                                            Venda Online
                                                        @else
                                                            {!! $fatura->vendedor !!}
                                                        @endif
                                                    </td>
                                                    <td>{!! $fatura->type_account !!}</td>
                                                    <td>{!! dateToBR($fatura->created_at) !!}</td>
                                                    <td>{!! dateToBR($fatura->data_vencimento) !!}</td>
                                                    
                                                    <td>{!! financialPrice($fatura->valor) !!}</td>
                                                    <td>
                                                        <a title="Info Cliente" class="btn btn-xs blue-madison popovers fancybox fancybox.iframe" data-container="body" data-trigger="hover" data-placement="top" data-content="Ver detalhes do cliente" href="{{ route('admin.customers.details',['id' => $fatura->user_id]) }}"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></a>

                                                        

                                                        <a title = "Itens" onclick="detalhe({{$fatura->id}})"  class="showhide-{{$fatura->id}} btn btn-xs green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Mostrar itens"><span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span></a>

                                                        <a onclick="detalhe({{$fatura->id}})" class="showhide-{{$fatura->id}} btn btn-xs grey popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Esconder itens" style="display:none;"><span class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span></a>

                                                        @if(routeAcess('admin.customers.acounts'))
                                                            <a class='btn btn-xs grey popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Clique aqui para gerenciar as contas voip do cliente" href="{{ route('admin.customers.acounts', ['id' => $fatura->user_id]) }}">
                                                                <i class="fa fa-phone"></i>
                                                            </a>
                                                        @endif

                                                        @if(routeAcess('admin.customers.logged'))
                                                            <a class='btn btn-xs green popovers' data-container="body" data-trigger="hover" data-placement="top" onclick='loaderOnClick()' data-content="Clique aqui para efetuar login na conta do cliente" href="{{ route('admin.customers.logged', ['id' => $fatura->user_id]) }}">
                                                                <i class="fa fa-home"></i>
                                                            </a>
                                                        @endif

                                                        <a class='btn btn-xs red-thunderbird popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Clique aqui para cancelar a fatura #{{$fatura->id}}" onclick="removeRegistro('cancel-conferenciafatura/','{{ $fatura->id }}')">
                                                            <i class="fa fa-times"></i>
                                                        </a>
                                                        
                                                        <a class='btn btn-xs yellow-soft popovers fancybox fancybox.iframe' data-container="body" data-trigger="hover" data-placement="top" data-content="Clique aqui para aprovar a geração do boleto da fatura #{{$fatura->id}}" href="{{ route('admin.conferencia.conferir-faturas', ['id' => $fatura->id]) }}">
                                                            <i class="fa fa-book"></i>
                                                        </a>
                                                        
                                                        @if(routeAcess('admin.customers.historico')) 
                                                            <a class='btn btn-xs yellow-gold popovers fancybox fancybox.iframe' data-container="body" data-trigger="hover" data-placement="top" data-content="Clique aqui para adicionar anotações do Cliente" href="{{ route('admin.customers.historico', ['id' => $fatura->user_id]) }}">
                                                                <i class="fa fa-exclamation-triangle"></i>
                                                            </a>
                                                        @endif 
                                                        
                                                        @if(routeAcess('admin.reports.financial')) 
                                                            <a class='btn btn-xs green-seagreen popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Clique aqui para acessar o relatório financeiro deste cliente" href="/admin/relatorio-financeiro?name={{$fatura->nome}}">
                                                                <i class="fa fa-money"></i>
                                                            </a>
                                                        @endif
                                                    </td>
                                                </tr>

                                                <tr style="display:none;background:#dedede;" class="uppercase detalhe-{{$fatura->id}}">
                                                    <td><strong>Tipo</strong></td> 
                                                    <td colspan="4"><strong>Descrição</strong></td> 
                                                    <td colspan="2"><strong>Valor Unitário</strong></td>
                                                </tr>
                                                @foreach($fatura->itens as $tipo => $itens)
                                                    @if($tipo == 'servicos' or $tipo == 'produtos')
                                                        @if(strlen($tipo)>0)
                                                            @foreach($itens as $item)
                                                            <tr style="display:none;background:#dedede;" class="detalhe-{{$fatura->id}}">
                                                                <td>{{$tipo}}</td> 
                                                                <td colspan="4">{{$item['descricao']}}</td> 
                                                                <td colspan="2">R$ {{formatMoney($item['valor'])}}</td>
                                                            </tr>
                                                            @endforeach
                                                        @endif
                                                    @endif
                                                    @if($tipo == 'consumo')
                                                        @if(is_array($itens))
                                                            <tr style="display:none;background:#dedede;" class="detalhe-{{$fatura->id}}">
                                                                <td>{{$tipo}}</td>
                                                                <td colspan="4">Consumo de Voz {{gmdate("H:i:s", $fatura->itens['tempoTotal']) }}</td> 
                                                                <td colspan="2">R$ {{formatMoney($itens[0]['valor'])}}</td>
                                                            </tr>
                                                        @else
                                                            @if($itens > 0)
                                                                <tr style="display:none;background:#dedede;" class="detalhe-{{$fatura->id}}">
                                                                    <td>{{$tipo}}</td>
                                                                    <td colspan="4">Consumo de Voz {{gmdate("H:i:s", $fatura->itens['tempoTotal']) }}</td> 
                                                                    <td colspan="2">R$ {{formatMoney($itens)}}</td>
                                                                </tr>
                                                            @endif
                                                        @endif
                                                    @endif
                                                @endforeach
                                             @endforeach
                                        @else
                                            <tr>
                                                <td colspan="8"><center><h4>Nenhum registro encontrado.</h4></center></td>
                                            </tr>
                                        @endif
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td colspan="8" align="center">
                                                {!! $invoices->appends($data)->render() !!}
                                            </td>
                                        </tr>
                                    </tfoot>
                                </table>                        
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop()
<style>
.expander {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 16px;
    height: 16px;
    padding: 4px;
    z-index: 99999;   
    cursor: pointer;
}
</style>
@section('js-admin-financial')
    <script src="{{ asset('/assets/global/plugins/jquery-ui/jquery-ui.1.10.3.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="{{ asset('/assets/global/plugins/fancybox/source/jquery.fancybox.css?v=2.1.5') }}" media="screen" />
    <script type="text/javascript">
        $(document).ready(function() {
            $('.fancybox-nd').fancybox({
                afterShow: function() { 
                    $('<div class="expander"><a href="javascript:;" class="btn btn-icon-only grey-cascade"><i class="fa fa-print"></i></a></div>').appendTo(this.inner).click(function() {
                        $("iframe").get(0).contentWindow.print();
                    });
                },
            }); 
            $.datepicker.regional['pt-BR'] = {
                closeText: 'Fechar',
                prevText: '&#x3c;Anterior',
                nextText: 'Pr&oacute;ximo&#x3e;',
                currentText: 'Hoje',
                monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
                'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
                'Jul','Ago','Set','Out','Nov','Dez'],
                dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                weekHeader: 'Sm',
                dateFormat: 'dd/mm/yy',
                firstDay: 0,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: ''
            };

            $.datepicker.setDefaults($.datepicker.regional['pt-BR']);

            $("#dt_ger_ini").datepicker();
            $("#dt_ger_fim").datepicker();

            $("#periodo").focus();
        });

        function detalhe(id){
            $(".showhide-"+id).toggle();
            $(".detalhe-"+id ).toggle();
        }

        function detalhaCancelamento(id){
            $(".cancel-"+id ).toggle( "slow" );
            $(".motivo-cancelamento-"+id ).toggle( "slow" );
        }

    </script>

@stop()