@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-10">
            <div class="card">
                <div class="card-header">Produtos Cadastrados</div>
                
                <div class="card-body">
                    <table class="table table-striped table-sm table-hover">
                        <thead class="table-info">
                            <th>Nome</th>
                            <th>Codigo</th>
                            <th>Unidade</th>
                            <th>Criação</th>
                            <th>Ação</th>
                        </thead>
                        <tbody>           
                            @foreach ($produtos as $prod)
                                <tr>
                                    <td>{{$prod->nome}}</td>
                                    <td>{{$prod->codigo}}</td>
                                    <td>{{$prod->tpUnidade()}}</td>
                                    <td>{{date_create($prod->created_at)->format('d-m-Y')}}</td>
                                    <td>
                                        <a href="{{ route('prod.edit',['produto'=>$prod->id_produto]) }}" class="btn btn-success  @if (Auth::user()->nivel > 1) disabled @endif"><i class="far fa-edit"></i></a>
                                        <a href="#" data-rota="produto/delete" data-msg="Confirma a exclusão do registro?<br> As informações relacionadas também serão excluídas!" data-id="{{ $prod->id_produto }}" data-toggle="modal" data-target="#mdConfirma" class="btn btn-danger btDelete @if (Auth::user()->nivel > 1) disabled @endif"><i class="far fa-trash-alt"></i></span></a>
                                    </td>
                                </tr> 
                            @endforeach      
                            
                        </tbody>
                    </table>
                    <div class="col-lg-12 offset-lg-10 d-flex">{{ $produtos->links() }}</div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection