@extends('adminlte::page')

@section('title', 'Dashboard')
    
@section('content')

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

<br>


<a href="{{route('products.create')}}" class="btn btn-primary">Agregar Producto</a>


<div class="row g-3">    
    <div class="col">
      <table class="table">
        <thead class="table-light">
          <th> Producto</th>
          <th> Valor</th>          
        </thead>
        <tbody>
          @foreach ($products as $product)
          <tr>
           <td> {{$product->name}} </td>
           <td> {{$product->value}} </td>           
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
</div>
  

@section('css')

@stop

@section('js')

@stop

@endsection