@extends('layouts.admin-Lti')
@section('title','-Compras')
@section('content')

<section class="content">

<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ Route('produto.index') }}"><span>{{session()->get('infosession')[0]->TIpoSistema }}</span></a></li>
<li class="breadcrumb-item active"><a><span><b> Estoque </b></span></a></li>

</ol>


<div class="card col-md-10  center no-shadow container-fluid">
    <div class="card-body">
    @can('Adicionar-Farmacia')


       <a href="{{ route('produto.create') }}"><span class="badge badge-pill badge-primary">
           Adicionar Compra</span></a>
           @endcan
           @can('Visualizar-Farmacos')


           <a href="{{ route('produto.index') }}"><span class="badge badge-pill badge-primary">
           visualuzar produtos   </span></a>
            @endcan

        <table id="listadosalunos" class="table  table-responsive table-hover">
        <thead>
            <tr>
                <th>Nr</th>
                <th>Codigo da compra </th>
                <th>data da compra</th>
                <th>fornecedor</th>
                <th>tipo de pagamento</th>
                <th>Ac&ccedil;o&otilde;es</th>

            </tr>
        </thead>
        <tbody>

@foreach ($compra->all() as $key=> $compratem)
<tr>

    <td>{{ $key+1 }}</td>
    <td>{{ $compratem->Codigo_Fatura }}</td>
    <td>{{ $compratem->datacompra }}</td>
    <td>{{ $compratem->fornecedor->nome }}</td>
    <td>{{ $compratem->TipodeCompra }}</td>
    <td>
        <div class="row">

        @can('Atualizar-Compra')


<div class="col-6"><a href="{{ Route('compra.edit',$compratem->id) }}" class="btn btn-primary"><i class="fa fa-edit"></i></a></div>
        @endcan

<div class="col-6"> <a href="{{ Route('compra.show', $compratem->id)}}" class="btn btn-outline-primary"><i class="fa fa-eye"></i></a></div>
        </div>



    </td>
</tr>

@endforeach


        </tbody>
        <tfoot>
         <tr>
                <th>Nr</th>
                <th>Codigo da compra </th>
                <th>data da compra</th>
                <th>fornecedor</th>
                <th>tipo de pagamento</th>
                <th>Ac&ccedil;o&otilde;es</th>

            </tr>
        </tfoot>
    </table>
    </div>
</div>
</section>







@push("scripts")



<script src="{{ asset('Datatable/js/jquery-3.5.1.js')}}"></script>
<script src="{{ asset('Datatable/js/jquery.dataTables.min.js')}}"></script>
<script src="{{ asset('Datatable/js/dataTables.buttons.min.js')}}"></script>
<script src="{{ asset('Datatable/js/buttons.flash.min.js')}}"></script>
<script src="{{ asset('Datatable/js/jszip.min.js')}}"></script>
<script src="{{ asset('Datatable/js/pdfmake.min.js')}}"></script>
<script src="{{ asset('Datatable/js/vfs_fonts.js')}}"></script>
<script src="{{ asset('Datatable/js/buttons.html5.min.js')}}"></script>
<script src="{{ asset('Datatable/js/buttons.print.min.js')}}"></script>
<script src="{{ asset('Datatable/js/buttons.colVis.min.js')}}"></script>

	<script>


	$(document).ready(function() {
        $('#listadosalunos').DataTable( {
            dom: 'Bfrtip',

            buttons: [
                {
                    extend: 'print',
                    exportOptions: {
                        columns: ':visible'
                    }
                },
                'colvis',  'copy', 'csv', 'excel', 'pdf'
            ],
            columnDefs: [ {
                targets: [],
                visible: false
            } ],

            "paging": true,
            "lengthChange": true,
            "searching": true,
            "ordering": true,
            "info": false,
            "autoWidth": true,
            "lengthMenu": [[5, 10, 25, 50, -1], [5,10, 25, 50, "All"]],
            language: {
              "lengthMenu": "visualizar _MENU_ ",
              "zeroRecords": "Nada foi encontado",
              "info": "mostrara pagina por pagina",
              "processing":     "processando..",
              "infoEmpty": "Nada tem ",
              "infoFiltered": "(filtered from _MAX_ total records)",
              "loadingRecords": "processando...",
              "search":         "pesquisar:",
              "paginate": {
          "first":      "primera",
          "last":       "ultima",
          "next":       "proxima",
          "previous":   " Anterior"
        },
          },
            initComplete: function () {
                this.api().columns([1,2,3,4]).every( function () {
                    var column = this;
                    var select = $('<select  class="SelectorSerach"><option value=""></option></select>')
                        .appendTo( $(column.footer()).empty() )
                        .on( 'change', function () {
                            var val = $.fn.dataTable.util.escapeRegex(
                                $(this).val()
                            );

                            column
                                .search( val ? '^'+val+'$' : '', true, false )
                                .draw();
                        } );

                    column.data().unique().sort().each( function ( d, j ) {
                        select.append( '<option value="'+d+'">'+d+'</option>' )
                    } );
                } );
            }
        } );
    } );

    </script>
@endpush
@endsection