@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 Propostas e Conversão</span></span>
                                 <hr>
                             </div>
                         </div>

                         <div class="portlet box blue-madison panel-to-col">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="icon-eye"></i>Filtros
                                </div>
                            </div>
                            <div class="portlet-body panel-to-col">

                                <div class="panel-group accordion panel-to-col">
                                    {!! Form::open(['route' => 'admin.report.conversion', '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"  id="vendaStatus">
                                            <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> 

                        <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">
                                                            Vendedor(a)
                                                        </th>
                                                        <th class="col-md-1 font-white">
                                                            Quant. de Propostas
                                                        </th>
                                                        <th class="col-md-1 font-white">
                                                            Total de Propostas
                                                        </th>
                                                        <th class="col-md-1 font-white">
                                                            Quant. de Vendas
                                                        </th>
                                                        <th class="col-md-1 font-white">
                                                            Total de Vendas
                                                        </th>
                                                        <th class="col-md-1 font-white">
                                                            Índice Conversão (%)
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody> 
                                                    @foreach($pedidosSintetico as $venda)
                                                    <tr>
                                                        <td>
                                                                {!! $venda->vendedor !!}
                                                        </td>
                                                        <td>
                                                                {!! $venda->quant_proposta !!}
                                                        </td>
                                                        <td>
                                                                R$ {!! number_format($venda->val_total_proposta,2,',','.') !!}
                                                        </td>
                                                        <td>
                                                                {!! $venda->quant_de_vendas !!}
                                                        </td>
                                                        <td>
                                                            R$ {!! number_format($venda->val_total_vendas,2,',','.') !!}
                                                        </td>
                                                        <td>
                                                            @if($venda->quant_de_vendas)
                                                            {!! number_format(($venda->quant_de_vendas/$venda->quant_proposta)*100,2,',','') !!}% 
                                                            @else
                                                            0%
                                                            @endif
                                                        </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á propostas 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.Proposta</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->proposta_id !!}</td>
                                                        <td>{!! $venda->cliente !!}</td>
                                                        <td>{!! $venda->vendedor !!}</td>
                                                        <td>{!! $venda->status !!}</td>
                                                        <td>{!! $venda->tipo !!}</td>
                                                        <td>{!! $venda->data_proposta !!}</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á propostas 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 = {!! $vendedoresInternosJson  !!};
    var agentesAutorizados = {!! $agentesAutorizadosJson !!};
    var vendedores = {!! $vendedoresJson !!};

    $(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');

        if(tipoText=='Sintetico'){
            $('#vendaStatus').hide();
        }else{
            $('#vendaStatus').show();
        }
    }
    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);
        });
        if(data[vendedorIdSelect]){
            vendedorId.val(vendedorIdSelect);
        }

    }
</script>



@stop()