@extends('layouts.admin.index')


@section('content')
<h1>Transactions</h1>

    @foreach($transactions as $transaction)
        <div class="transaction">
            <h2>Transaction: {{ $transaction->invoice_number }}</h2>
            <p>Customer: {{ $transaction->customer_ref_id }}</p>
            <p>Total: {{ $transaction->total }}</p>

            <h3>Items</h3>
            @foreach($transaction->items as $item)
                <div class="item">
                    <p>Product ID: {{ $item->product_id }}</p>
                    <p>Quantity: {{ $item->quantity }}</p>
                    <p>Total: {{ $item->total }}</p>

                    <h4>Selected Options</h4>
                    @foreach($item->selectedOptions as $option)
                        <p>Option ID: {{ $option->option_id }} - Quantity: {{ $option->quantity }}</p>
                    @endforeach
                </div>
            @endforeach
        </div>
    @endforeach

    {{ $transactions->links() }} <!-- Pagination links -->

@endsection