@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-cube"></i> Ordem de Separação</span>
                                   @if(routeAcess('admin.departamentos.create'))
                                   <a href="{{ route('admin.estoque.patrimonio') }}" class="right btn green-jungle popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Incluir Vinculo"><i class="fa fa-plus-circle"></i> Incluir Vinculo</a>
                                   @endif 
                                   <hr>
                               </div>
                           </div>
                           <table class="table table-striped table-hover table-light" id="table-plans">
                            <thead>
                                <tr class="uppercase bg-blue-madison">
                                    <th class="font-white">#</th>
                                    <th class="font-white">Cliente</th>
                                    <th class="font-white">CPF/CNPJ</th>
                                    <th class="font-white">Tipo</th>
                                    <th class="font-white">Emissão</th>
                                    <th class="font-white">Status</th>
                                    <th class="font-white"></th>
                                </tr>
                            </thead>
                            <tbody> 
                                @foreach($em_separacao as $ordem)                                               
                                <tr>
                                    <td>{{ $ordem->venda_id ? $ordem->venda_id : 'AVL'}}</td>
                                    <td style="text-transform: uppercase;">{{ $ordem->name }}</td>
                                    <td>{{ $ordem->cpf_cnpj }}</td>
                                    <td>{{ $ordem->tipo }}</td>         
                                    <td>{{ dateToBR($ordem->created_at) }}</td>
                                    <td>{{ $ordem->status }}</td>
                                    <td>
                                        @if(!$ordem->conferido)
                                            <a class="btn blue-madison popovers" href="{{ route('admin.estoque.itens.separacao', ['venda' => $ordem->venda_id, 'tipo' => $ordem->tipo]) }}" data-target="#ajax_conferencia" data-toggle="modal" data-container="body" data-trigger="hover" data-placement="top" data-content="Conferência de Materiais">
                                                <i class='fa fa-check-square-o'></i>
                                            </a> 
                                        @else
                                            @if($ordem->tipo == 'CMD')
                                                <a class='btn yellow-casablanca popovers fancybox fancybox.iframe' data-container="body" data-trigger="hover" data-placement="top" data-content="Imprimir NF de Remessa" href="{{ route('gerar.nota.fiscal', ['tipo' => 'CMD', 'venda' => $ordem->venda_id]) }}">
                                                    <i class='fa fa-mail-forward'></i>
                                                </a>
                                            @endif
                                            @if($ordem->tipo == 'VND')
                                                <a class='btn green-jungle popovers fancybox fancybox.iframe' data-container="body" data-trigger="hover" data-placement="top" data-content="Imprimir NF de Venda" href="{{ route('gerar.nota.fiscal', ['tipo' => 'VND', 'venda' => $ordem->venda_id]) }}">
                                                    <i class='fa fa-money'></i>
                                                </a>
                                            @endif
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>   

                        <div class="modal fade" id="ajax_conferencia" role="basic" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-body">
                                        <img src="{{ asset('assets/global/img/loading-spinner-grey.gif')}}" alt="" class="loading">
                                        <span> &nbsp;&nbsp;Carregando... </span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
@stop()

@section('js-admin-plan')

<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/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 type="text/javascript">
    $(document).ready( function() {  
        $('.fancybox').fancybox({
            type: 'iframe',
            afterClose: function () {
                parent.location.reload(true);
            },
        });

        $('.fancybox-nd').fancybox({            
            afterShow: function() { 
                @if (session('message_ERROR'))
                swal({"title":"Ops","text":"{!! session('message_ERROR') !!}","showConfirmButton":true,"type":"error","html":true});
                @endif
                $('<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-plans').DataTable({
                "order": [],
                "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"
                    }
                }
            });
         });
     </script>
     @stop()