@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-list-alt"></i> Relatório de Faturamento Pré-Pago</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, 'id' => 'frm_faturamento']) !!}
                                        <div class="row">
                                            <div class="form-group col-md-3">
                                                <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                    {!! Form::label('', 'Período:') !!}
                                                    {!! Form::select('periodo', $datas, $periodoData,['class'=>'form-control', 'id' => 'periodo']) !!}
                                                </div>
                                            </div>  
                                            <div class="form-group col-md-1 col-sm-2">
                                                <p>&nbsp;</p>
                                                <button type="submit" name="relatorio" value='relatorio' class="btn blue-madison popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Agendar rgeração de novo relatório em XLS!">
                                                    <i class="glyphicon glyphicon-search"></i> Filtrar
                                                </button>
                                            </div>
                                            <div class="form-group col-md-1 col-sm-2">    
                                                <p>&nbsp;</p>
                                                <button type="submit" name="excel" 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> 
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                            @if(count($relatorio) > 0 )
                            <table class="table table-striped table-hover table-light">
                                <thead>
                                    <tr class="uppercase bg-blue-madison">
                                        <th class="font-white"> Cliente</th>
                                        <th class="font-white"> Número Ativacao </th>
                                        <th class="font-white" style="min-width: 100px"> Servicos </th>
                                        <th class="font-white"> Equipamentos </th>
                                        <th class="font-white"> Data Faturamento </th>
                                        <th class="font-white"> Data Vencimento </th>
                                        <th class="font-white" style="min-width: 100px"> Status </th>
                                        <th class="font-white" style="min-width: 100px"> Total </th>
                                        {{-- <th class="col-md-2 font-white"> Ações </th> --}}
                                    </tr>
                                </thead>
                                <tbody> 
                                    @foreach($relatorio as $fatura)
                                        @if(trim($fatura['cliente'])!='')
                                            <tr>
                                                <td> {{$fatura['cliente']}} </td>
                                                <td> {{$fatura['numero_ativacao']}} </td>
                                                <td> {{$fatura['servicos']}} </td>
                                                <td> {{$fatura['equipamentos']}} </td>
                                                <td> {{$fatura['data_faturamento'] }} </td>
                                                <td> {{$fatura['data_vencimento'] }} </td>
                                                <td> {{$fatura['status']}} </td>
                                                <td> {{$fatura['total']}} </td>
                                            </tr> 
                                        @endif
                                    @endforeach                                 
                                </tbody>
                            </table>  
                            @endif                      
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop()

@section('js-admin-report-customers')
<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>    
<script type="text/javascript">
    $(document).ready(function() {

        $("#frm_faturamento").validate({
            rules: {
                periodo: "required"
            },
            messages: {
                periodo: "Selecione um período.",
            }
        });

    });
</script>
@stop()