@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> Vendas</span>
                                   @if(routeAcess('admin.propostas.create'))
                                   <a href="{{ route('admin.propostas.create') }}" class="right btn green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Iniciar novo processo de venda a partir de uma proposta Comercial"><i class="fa fa-plus-circle"></i> Iniciar Venda</a>
                                   @endif
                                   <hr>
                               </div>
                           </div>
                        </div>
                        <div class="portlet-body">
                            <table class="table table-striped table-hover table-light" id="table">
                                <thead>
                                    <tr class="uppercase bg-blue-madison">
                                        <th class="col-md-1 font-white">Nro.</th>
                                        <th class="col-md-2 font-white">Cliente</th>
                                        <th class="col-md-2 font-white">Vendedor</th>
                                        <th class="col-md-1 font-white">Data Venda</th>
                                        <th class="col-md-1 font-white">Valor</th>
                                        <th class="col-md-2 font-white">Ações</th>
                                    </tr>
                                </thead>
                                <tbody> 
                                    @foreach($vendas as $venda)                      
                                    <tr>
                                        <td>{{ $venda->id }}</td>
                                        <td>{{ $venda->cliente }}</td>
                                        <td>{{ $venda->vendedor }}</td>
                                        <td>{{ dateToBR($venda->created_at) }}</td>
                                        <td>{{ financialPrice($venda->valor) }}</td>
                                        <td style="text-align:left;">
                                            <a class='btn green-jungle popovers fancybox fancybox.iframe' data-container="body" data-trigger="hover" data-placement="top" data-content="Visualizar Faturas" href="{{ route('admin.vendas.faturas', ['id' => $venda->id]) }}">
                                                <i class='fa fa-dollar'></i>
                                            </a>

                                            @if(routeAcess('admin.venda.extorno'))

                                                <span class='btn red popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Estorno de Venda" onclick="extronoVenda('{{ $venda->id }}');">
                                                    <i class='fa fa-rotate-left'></i>
                                                </span>

                                            @endif

                                            @if(routeAcess('admin.venda.comissao'))
                                                <a class='btn blue-madison popovers fancybox fancybox.iframe' data-container="body" data-trigger="hover" data-placement="top" data-content="Visualizar comissão dessa venda" href="{{ route('admin.venda.comissao', ['id' => $venda->id]) }}">
                                                    <i class="icon-wallet"></i>
                                                </a>
                                            @endif
                                            @if($venda->comodato)
                                                <a class='btn purple-soft popovers fancybox-nd fancybox.iframe' data-container="body" data-trigger="hover" data-placement="top" data-content="Download Nota de Débito" href="{{ route('admin.vendas.nfdebito', ['id' => $venda->id]) }}">
                                                    <i class='fa fa-download'></i>
                                                </a>
                                            @endif
                                        </td>
                                    </tr>
                                    @endforeach                                    
                                </tbody>
                            </table>                             
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="https://pabxtw.atlassian.net/s/d41d8cd98f00b204e9800998ecf8427e-T/-l129dr/b/20/a44af77267a987a660377e5c46e0fb64/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector.js?locale=pt-BR&collectorId=475030b7"></script>
@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 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();
                });
            },
        }); 
            /**
             * Tabela padrão, com paginação, busca registros por página 
             */
             $('#table').DataTable({
                "aoColumnDefs": [
                {'bSortable': false, 'aTargets': ["no-sort"]}
                ],
                "iDisplayLength": 15,
                "language": {
                    "lengthMenu": "Exibir _MENU_",
                    "zeroRecords": "Nenhum registro",
                    "info": "Exibindo página(s) _PAGE_ de _PAGES_",
                    "infoEmpty": "Não há registros disponíveis",
                    "search" : "Pesquisar ",
                    "paginate": {
                        "first":    "Primeiro",
                        "previous": "Anterior",
                        "next":     "Próximo",
                        "last":     "Último"
                    }
                }
            });
         });

    function extronoVenda(venda){

        swal({
              title: "{{Auth::user()->name}} você deseja realmente estornar essa venda?",
              text: "Se você confirmar essa ação a venda será cancelada assim como as faturas pendentes e a comissão. Você realmente deseja prosseguir?",
              type: "warning",
              showCancelButton: true,
              confirmButtonClass: "btn-danger",
              confirmButtonText: "Sim!",
              cancelButtonText: "Não",
              closeOnConfirm: false,
              closeOnCancel: true,
              html: true
          },
          function(isConfirm) {
            if (isConfirm) {
                $.blockUI({ message: "Iniciando processo de estorno <img src='{{ asset('/assets/global/img/loading.gif') }}'>" });
                $(".sweet-overlay").hide();
                $(".sweet-alert").hide();
                var url = decodeURI("{{route('admin.venda.extorno')}}");
                url = url.replace("{id}",venda);
                window.location = url;
            }else{
                return false;
            } 
        });

    }

</script>
@stop()