@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('sales.create')}}" class="btn btn-primary">Agregar Venta</a>

<div class="row g-3">    
    <div class="col">
      <table class="table">
        <thead class="table-light">
          <th> Fecha</th>
          <th> Producto </th>
          <th> Valor</th>   
          <th> Cantidad </th>
          <th> Método de Pago </th>
          <th> Estado de Pago </th>       
        </thead>
        <tbody>
          @foreach ($sales as $sale)
          <tr>
           <td> {{$sale->date}} </td>
           <td> {{$sale->product}} </td>       
           <td> {{$sale->value}} </td>       
           <td> {{$sale->quantity}} </td>       
           <td> {{$sale->payment_method}} </td>       
           <td> {{$sale->status}} </td>           
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
</div>
  

@section('css')

@stop

@section('js')

@stop

@endsection