@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-newspaper-o"></i> Faturas - {{$user->name}}</span>

                                    <a href="{{ route('admin.financeiro.gestao-de-faturas') }}" class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Voltar para consulta de fat" data-original-title="" title=""><i class="fa fa-arrow-circle-left"></i>  Voltar</a>

                                   <hr>
                               </div>
                           </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(['method'=>'GET', 'id'=>'form']) !!}
                                <div class="row">
                                    <div class="col-xs-12 col-sm-5">
                                        <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('data', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off', 'id' => 'data']) !!}
                                                {!! Form::label('', 'Data Faturamento') !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-1">
                                        {!! Form::label('', ' ') !!}
                                        <button   class="btn blue-madison popovers"  data-container="body" data-trigger="hover" data-placement="top">
                                            <i class="glyphicon glyphicon-search"></i> Filtrar
                                        </button>
                                    </div>
                                    <div class="col-md-2">
                                        <a type="submit" style="margin-top: 20px;"  name="clean" value='clean' class="btn blue-madison popovers"  data-container="body" data-trigger="hover" data-placement="top">
                                             Todos os meses
                                        </a>
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                    <div class="portlet-body">
                        <table class="table table-striped  table-light" id="table">
                                <tbody> 
                                    @foreach($faturaAgrupada as $key => $faturas) 
                                    <tr class="uppercase bg-blue-madison bg-font-blue-steel">
                                        <td class="bg-font-blue-steel">
                                            {{ $faturas['mes'] }} de {{ $faturas['ano'] }}
                                        </td>
                                        <td>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                    <tr class="uppercase">
                                        <td class="">
                                            <strong>Faturamento Previsto:</strong>
                                            {{ dateToBR($faturas['data_faturamento'])}}
                                        </td>
                                        <td class="">
                                            <strong>Vencimento Previsto:</strong>
                                            {{ dateToBR($faturas['data_vencimento']) }}
                                        </td>
                                        <td class="">
                                        </td>
                                    </tr>
                                    @foreach($faturas['item_faturas'] as $keyitem => $item)
                                        <tr>
                                            <td>
                                                {{$item->id}} - 
                                                {{$item->descricao}}
                                            </td>  
                                            <td>
                                                <strong>Valor Total: </strong>
                                                {{formatMoney($item->vlr_total)}}
                                            </td>
                                            <td>  
                                                <a title="" onclick="detalhe({{$item->id}}{{$keyitem}} )" class="showhide-15694 btn btn-xs green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Mostrar Detalhes"  style="display: inline-block;">
                                                    <span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>
                                                </a>
                                            </td>  
                                        </tr>
                                        <tr>
                                            <td colspan="3" class="detalhe-{{$item->id}}{{$keyitem}}" style="display: none">
                                                <strong>Tipo: </strong> 
                                                {{$item->tipo}}
                                                <br/>

                                                <strong>Tipo de Conta: </strong>
                                                {{$item->tipo_conta}}
                                                <br/>

                                                <strong>Franquia Local: </strong>
                                                {{formatMoney($item->franquia_local)}}
                                                <br/>

                                                <strong>Franquia Aberta: </strong>
                                                {{formatMoney($item->franquia_aberta)}}
                                                <br/>

                                                <strong>Quantidade: </strong>
                                                {{$item->quantidade}}
                                                <br/>

                                                <strong>Valor Unitário: </strong>
                                                {{formatMoney($item->vlr_unitario)}}

                                                <strong>Desconto: </strong>
                                                {{formatMoney($item->desconto)}}
                                                <br/>
                                            </td>
                                        </tr>
                                    @endforeach 
                                    <tr>
                                        <td></td>
                                        <td colspan="3">
                                                <strong>Total: </strong>
                                            {{formatMoney($faturas['itensTotal'])}}
                                        </td>
                                    </tr>
                                    @endforeach  
                                    @if(!count($faturaAgrupada))  
                                    <tr>
                                        <td class="text-center">
                                            <strong>
                                                Não Há Faturas para visualizar.
                                            </strong>
                                        </td>
                                    </tr>
                                    @endif
                                </tbody>
                            </table>                             
                    </div>
                    <div class="text-center">
                        {!! $paginacao !!}
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop()

@section('js-admin-did')
<style>
    .expander {
        position: absolute;
        top: 5px;
        left: 5px;
        width: 16px;
        height: 16px;
        padding: 4px;
        z-index: 99999;   
        cursor: pointer;
    }
</style>
<script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
<script src="{{asset('/assets/global/plugins/datatables/datatables.min.js')}}" type="text/javascript"></script>
<script src="{{asset('/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js')}}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/fancybox/source/jquery.fancybox.js?v=2.1.5') }}" 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 src="{{ asset('/assets/global/plugins/jquery.blockui.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/jquery.blockui.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/pages/scripts/ui-blockui.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/jquery-ui/jquery-ui.1.10.3.js') }}" type="text/javascript"></script>

<script type="text/javascript"> 
    function detalhe(id){
        $(".showhide-"+id).toggle();
        $(".detalhe-"+id ).toggle();
    } 

    $(document).ready( function() {
        $("a[name='clean']").click(function () {
            $("#data").val('');
            $("#form").submit();
        });

        $('.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: 'mm/yy',
            firstDay: 0,
            isRTL: false,
            showMonthAfterYear: false,
            yearSuffix: ''
        };

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


        $("#data").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'mm/yy',
            showButtonPanel: true,
            onClose: function(dateText, inst) {  
                var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 
                var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
                $(this).datepicker('setDate', new Date(year, month, 1)); 
            }
        });

        $("#data").focus(function () {
            $(".ui-datepicker-calendar").hide();
            $("#ui-datepicker-div").position({
              my: "center top",
              at: "center bottom",
              of: $(this)
          });
        });



    });



</script>
@stop()