@extends('layouts.admin')
@section('styles')
<link rel="stylesheet" href="{{asset('plugins/datatables/buttons.dataTables.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/datatable/css/dataTables.bootstrap4.min.css')}}">
@endsection
@section('content')
<div class="container-fluid mb-4">
    <div class="row table-responsive">

        <table class="table table-bordered table-striped" id="table_id">
            <thead class="thead-dark">
                <tr>
                    <th>Imagen</th>
                    <th>Nombre</th>
                    <th>Descripción</th>
                    <th>Categoria</th>
                    <th>Proveedor</th>
                    <th>Precio Venta</th>
                    <th>Stock</th>
                    <th>Código Barras</th>
                    @can('articulos_show')
                    <th>Acciones</th>
                    @endcan
                </tr>
            </thead>
            <tbody>
                @foreach($articulos as $art)
                @if ($art->stock < $art->min_stock)
                    <tr>
                        <td>
                            <img class="rounded-circle" style="width:85px; height:85px;" alt="" src="{{$art->img}}">
                        </td>
                        <td>{{$art->nombre}}</td>
                        <td>{{$art->descripcion}}</td>
                        <td>{{$art->categoria->nombre ?? 'Sin Categoria'}}</td>
                        <td>{{$art->proveedor->empresa ?? 'Sin Empresa'}}</td>
                        <td>Q. {{number_format($art->p_venta, 2)}}</td>
                        <td>{{$art->stock}}</td>
                        <td>{{$art->cod_barras}}</td>
                        @can('articulos_show')
                        <td>
                            <a target="_blank" href="{{route('articulo.show', ['id' => $art->id])}}" class="btn btn-sm btn-info">
                                <i class="fa fa-link"></i> Ir A Articulo
                            </a>
                        </td>
                        @endcan
                    </tr>
                    @endif
                    @endforeach
            </tbody>
        </table>

    </div>
</div>

@endsection
@section('scripts')

<script src="{{asset('plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('plugins/datatables/dataTables.buttons.min.js')}}"></script>
<script src="{{asset('plugins/datatables/jszip.min.js')}}"></script>
<script src="{{asset('plugins/datatables/pdfmake.min.js')}}"></script>
<script src="{{asset('plugins/datatables/vfs_fonts.js')}}"></script>
<script src="{{asset('plugins/datatables/buttons.html5.min.js')}}"></script>
<script src="{{asset('plugins/datatables/buttons.print.min.js')}}"></script>

<script>
    $(document).ready(function() {
        $("#table_id").DataTable({
            dom: 'Bfrtip',
            language: {
                search: "Buscar Articulo"
            },
            buttons: [
                'copy', 'csv', 'excel', 'pdf', 'print', 'pageLength'
            ],
        });
    });
</script>
@endsection