@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 Devolução Comodato
                                    </span>
                                   <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">Cliente</th>
                                    <th class="font-white">CPF/CNPJ</th>
                                    <th class="font-white">Emissão</th>
                                    <th class="font-white">Itens Devolução</th>
                                    <th class="font-white"></th>
                                </tr>
                            </thead>
                            <tbody> 
                                @foreach($ordem_comodato as $ordem)                                               
                                <tr>
                                    <td style="text-transform: uppercase;">{{ $ordem->user->name }}</td>
                                    <td >{{ $ordem->user->customers->first()->cpf_cnpj }}</td>
                                    <td>{{ dateToBR($ordem->created_at) }}</td>
                                    <td>
                                        {{$ordem->items->count()}}
                                    </td>
                                    <td>
                                        <a class="btn blue-madison popovers" href="{{ route('admin.estoque.ordemdevolucaocomodato.exportar', ['id' => $ordem->id]) }}">
                                            <i class='fa fa-check-square-o'></i>
                                        </a> 
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table> 

                    </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() {  

            /**
             * 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()