@extends('layouts.admin-Lti')
@section('title','Lista de Produtos')
@section('content')

<section class="content">

<ol class="breadcrumb">
<li class="breadcrumb-item"><a><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 container-fluid no-shadow col-md-12">
    <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
            @can('Adicionar-Farmacia')



           <a href="{{ route('loja.create') }}"><span class="badge badge-pill badge-primary">
          Add Loja </span></a>
             @endcan
        <table id="listadosalunos" class="table  table-responsive table-hover">
        <thead>
            <tr>
                <th>Nr</th>
                <th>Nome<span style="color:#fff">__</span>Genérico </th>
                <th>Nome<span style="color:#fff">__</span>Comercial</th>


                <th>Peso</th>
                <th>Cor</th>
                <th>Formula&ccedil;&atilde;o</th>
                <th>Categoria</th>
                 <th>Quantidade</th>
                <th>Pr.Venda</th>
                <th>Data.Validade</th>

                <th>Ac&ccedil;&otilde;s</th>

            </tr>
        </thead>
        <tbody>

@foreach ($produto->where('Quantidade','>',0) as $key=> $produtoitem)
<tr  @if(carbon\Carbon::create($produtoitem->data_validade)<=carbon\Carbon::now())   style="background-color:rgba(255,13,130,0.3)"
@endif>
    <td>{{ $key+1 }}</td>
    <td>{{ $produtoitem->nome_generico }}</td>
    <td>{{ $produtoitem->nome }}</td>
    <td>{{ $produtoitem->Concentracao }}</td>
    <td>{{ $produtoitem->temperatura_Conservacao }}</td>
    <td>{{ $produtoitem->Formulacao }}</td>
    <td>{{ $produtoitem->categoria->Descricao }}</td>
    <td>{{ $produtoitem->Quantidade }}</td>
    <td>{{ $produtoitem->preco_venda }},00 MZN</td>
    <td>{{ $produtoitem->data_validade }}</td>
    <td>
        <div class="row">

        @can('Atualizar-farmaco')


<div class="col-6"><a href="{{ Route('produto.edit',$produtoitem->id) }}" class="btn btn-primary"><i class="fa fa-edit"></i></a></div>
 @endcan
<div class="col-6"> <a href="{{ Route('produto.show',$produtoitem->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>Nome<span style="color:#fff">__</span>Genérico </th>
 <th>Nome<span style="color:#fff">__</span>Comercial</th>
                <th>concetra&ccedil;&atilde;o</th>
                <th>temperatura</th>
                <th>Formula&ccedil;&atilde;o</th>
                <th>Categoria</th>
                 <th>Quantidade</th>
                <th>Pr.Venda</th>
                <th>Data.Validade</th>

                <th>Ac&ccedil;&otilde;s</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: [-3,-4,-6,-7],
                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,5,6,9]).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