@extends('layouts.app')

@section('content')

<div class="d-flex justify-content-between mb-3">

    <h2>Purchase List</h2>

    <a href="{{ route('purchases.create') }}"
       class="btn btn-primary">
       Add Purchase
    </a>

</div>

<table class="table table-bordered table-striped">

    <thead>

        <tr>
            <th>ID</th>
            <th>Product</th>
            <th>Quantity</th>
            <th>Price</th>
            <th>Total</th>
            <th>Action</th>
        </tr>

    </thead>

    <tbody>

        @foreach($purchases as $purchase)

        <tr>

            <td>{{ $purchase->id }}</td>

            <td>{{ $purchase->product->name }}</td>

            <td>{{ $purchase->quantity }} {{ $purchase->product->unitLabel() }}</td>

            <td>{{ $purchase->price }}</td>

            <td>
                {{ $purchase->quantity * $purchase->price }}
            </td>

            <td>

                <a href="{{ route('purchases.edit', $purchase->id) }}"
                   class="btn btn-warning btn-sm">
                   Edit
                </a>

                <form action="{{ route('purchases.destroy', $purchase->id) }}"
                      method="POST"
                      class="d-inline">

                    @csrf
                    @method('DELETE')

                    <button class="btn btn-danger btn-sm">
                        Delete
                    </button>

                </form>

            </td>

        </tr>

        @endforeach

    </tbody>

</table>

@endsection