@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-dollar"></i> Relatório de Vendas</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' => 'admin.report.sales', 'method' => 'get']) !!}
                                                <div >
                                                    <div class="form-group-custom col-md-4">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            {!! Form::select('vendaTipo', $vendaTipos, $vendaTipo, ['class'=>'form-control','id' => 'vendaTipoSelect']) !!}
                                                            {!! Form::label('', 'Venda Tipo:') !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group-custom col-md-4">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            {!! Form::select('statusVenda', $statusList, $statusVenda, ['class'=>'form-control']) !!}
                                                            {!! Form::label('', 'Venda Status:') !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group-custom col-md-4">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            {!! Form::select('vendedor', $vendedores, $vendedor, ['class'=>'form-control','id'=>'vendedorId']) !!}
                                                            {!! Form::label('', 'Vendedor:') !!}
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-12"></div>
                                                    <div class="form-group-custom col-md-4">
                                                        <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_ini', $data_ini, ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off', 'id' => 'data_ini']) !!}
                                                                {!! Form::label('', 'Data Inicial:') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group-custom col-md-4">
                                                        <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_fim', $data_fim, ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off', 'id' => 'data_fim']) !!}
                                                                {!! Form::label('', 'Data Final:') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-md-1 col-xs-6    ">
                                                        {!! Form::label('', ' ',['class'=>'btn-margin']) !!}
                                                        <button type="submit" name="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 col-xs-6    ">    
                                                        {!! Form::label('', ' ',['class'=>'btn-margin']) !!}
                                                        <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" id='excelBlock'>
                                                            <i class="fa fa-file-excel-o"></i> Exportar <span id='excelBlockType'></span>
                                                        </button>
                                                    </div>    
                                                    <br/><br/>
                                                </div>
                                                {!! Form::hidden('tipo', 'sintetico',['id'=>'tipo']) !!}
                                            {!! Form::close() !!}
                                        </div>
                                    </div>
                                </div>

                                <p>&nbsp;</p>         

                                <div class="tabbable tabbable-tabdrop">
                                    <ul class="nav nav-pills tab-controll panel-to-col">
                                        <li @if($tipo =='Sintetico') class="active" @endif>
                                            <a data-toggle="tab" href="#tabSintetico" data-text="Sintético" class="font-blue-madison"><i class="fa fa-list"></i> Sintético</a>
                                        </li>
                                        <li @if($tipo =='Analitico') class="active" @endif>
                                            <a data-toggle="tab" href="#tabAnalitico" data-text="Analítico" class="font-blue-madison"><i class="fa fa-bar-chart"></i> Analítico</a>
                                        </li>
                                    </ul>
                                </div>  

                                    <div class="tab-content">
                                        <div id="tabSintetico" class="tab-pane @if($tipo =='Sintetico') active @endif">
                                            
                                            @if($pedidosSintetico)
                                            <div class="row">
                                                <div class="portlet light portlet-fit">
                                                    <div class="portlet-title">
                                                            <table class="table table-striped table-hover table-light">
                                                                <thead>
                                                                    <tr class="uppercase bg-blue-madison">
                                                                        <th class="col-md-1 font-white">Cod. Vendedor(a)</th>
                                                                        <th class="col-md-1 font-white">Vendedor(a)</th>
                                                                        <th class="col-md-1 font-white">Total de Vendas</th>
                                                                        <th class="col-md-1 font-white">Quant. de vendas</th>
                                                                        <th class="col-md-1 font-white">Ticket Médio das Vendas</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody> 
                                                                        @foreach($pedidosSintetico as $venda)
                                                                            <tr>
                                                                                <td>{!! $venda->id !!}</td>
                                                                                <td>{!! $venda->vendedor !!}</td>
                                                                                <td>R$ {!! number_format($venda->total,2,',','.') !!}</td>
                                                                                <td>{!! $venda->quantidade_de_vendas !!}</td>
                                                                                <td>R$ {!! number_format($venda->total/$venda->quantidade_de_vendas,2,',','.') !!}</td>
                                                                            </tr>
                                                                        @endforeach 
                                                                </tbody>
                                                            </table>  
                                                    </div>
                                                </div>
                                            </div>
                                            @else
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="portlet light portlet-fit">
                                                        <div class="portlet-title">
                                                            <h3>Não há vendas correspondentes aos filtros nesse período!</h3>  
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                        </div>
                                        <div id="tabAnalitico" class="tab-pane @if($tipo !='Sintetico') active @endif">

                                            @if($pedidosAnalitico)
                                            <div class="row">
                                                    <div class="portlet light portlet-fit">
                                                        <div class="portlet-title">
                                                            <table class="table table-striped table-hover table-light">
                                                                <thead>
                                                                    <tr>
                                                                        <td colspan="8" align="center">
                                                                            {!! $paginacaoAnalitico !!}
                                                                        </td>
                                                                    </tr>
                                                                    <tr class="uppercase bg-blue-madison">
                                                                        <th class="col-md-1 font-white">Nro.Pedido</th>
                                                                        <th class="col-md-2 font-white">Cliente</th>
                                                                        <th class="col-md-1 font-white">Vendedor(a)</th>
                                                                        <th class="col-md-2 font-white">Status</th>
                                                                        <th class="col-md-2 font-white">Tipo</th>
                                                                        <th class="col-md-1 font-white">Dt. Ger.</th>
                                                                        <th class="col-md-1 font-white">Dt. Pgto.</th>
                                                                        <th class="col-md-1 font-white">Dt. Fatura.</th>
                                                                        <th class="col-md-1 font-white">Valor</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody> 
                                                                    @foreach($pedidosAnalitico as $venda)            
                                                                       <tr>
                                                                            <td>{!! $venda->venda_id !!}</td>
                                                                            <td>{!! $venda->cliente !!}</td>
                                                                            <td>{!! $venda->vendedor !!}</td>
                                                                            <td>{!! $venda->status !!}</td>
                                                                            <td>{!! $venda->tipo !!}</td>
                                                                            <td>{!! $venda->data_venda !!}</td>
                                                                            <td>{!! $venda->data_pagamento !!}</td>
                                                                            <td>{!! $venda->data_faturamento !!}</td>
                                                                            <td>R$ {!! number_format($venda->valor_venda,2,',','.') !!}</td>
                                                                        </tr>
                                                                     @endforeach                                       
                                                                </tbody>
                                                                <tfoot>
                                                                    <tr>
                                                                        <td colspan="8" align="center">
                                                                            {!! $paginacaoAnalitico !!}
                                                                        </td>
                                                                    </tr>
                                                                </tfoot>
                                                            </table>  
                                                        </div>
                                                    </div>
                                                
                                            </div>
                                            @else
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="portlet light portlet-fit">
                                                        <div class="portlet-title">
                                                            <h3>Não há vendas correspondentes aos filtros nesse período!</h3>  
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@stop()

@section('js-admin-report-sales')
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/plugins/echarts/echarts.js') }}" type="text/javascript"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script type="text/javascript"> 
        var vendedoresInternos = {!! json_encode($vendedoresInternos) !!};
        var agentesAutorizados = {!! json_encode($agentesAutorizados)!!};
        var vendedores = {!! json_encode($vendedores)!!};

        $(document).ready( function() { 
            $.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']);
            
            $("#data_ini").datepicker();
            $("#data_fim").datepicker();

            $("#vendaTipoSelect").on( "load change ", function() {
              changeVendaTipo();
            });
                changeVendaTipo();
            });

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

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

        function changeTipoVisualizacao(){
            $('#excelBlock').attr('disabled','');
            var tabControllActiveA = $('.tab-controll .active a');

            var tipo = tabControllActiveA.attr('href');
            
            var tipoText = tipo.replace("#tab", "");
            
            $('#tipo').val(tipoText);
            var texts = tabControllActiveA.data('text');
            $('#excelBlockType').text(texts);

            $('#excelBlock').removeAttr('disabled');
        }
        changeTipoVisualizacao();
        $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
            changeTipoVisualizacao();
        });

        function changeVendaTipo(){
            var vendaTipoSelect = $('#vendaTipoSelect');
            var vendedorId = $('#vendedorId');

            var vendaTipoSelectVal = vendaTipoSelect.val();
            var data = {};

            /* vendedor interno */
            if( vendaTipoSelectVal=='admin'){
                data = vendedoresInternos;
            }
            /* vendedor externo */
            if( vendaTipoSelectVal=='agente'){
                data = agentesAutorizados;
            }
            if( vendaTipoSelectVal=='0'){
                data = vendedores;
            }
            var vendedorIdSelect = vendedorId.val();

            vendedorId.find('option').remove();
            $.each(data, function (i, d) {
                $('<option>').val(i).text(d).appendTo(vendedorId);
            });

        }
    </script>
@stop()