@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1>TCO <small>Project BOM Items</small></h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
        </ol>
    </div>
</div>

<div class="content mt-3">
    <div class="card shadow mb-4">
        <div class="card-header">
            <strong>Leads List</strong>
        </div>
        <div class="card-body">
            <div class="">
                <div class="table-responsive">
                <table class="table table-bordered data-table" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>S.no</th>
                            {{-- <th>Site</th> --}}
                            <th>Product</th>
                            <th>Category</th>
                            <th>Total Quantity</th>
                            <th>Total Price</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($bomItems as $key => $item)
                        <tr>
                            <td>{{ $key + 1 }}</td>
                            {{-- <td>{{ $item->site->name }}</td> --}}
                            <td>{{ $item->product->name }}</td>
                            <td>{{ $item->product->category->name ?? 'No Category' }}</td>

                            <td>{{ $item->total_quantity }}</td>
                            <td>{{ number_format($item->total_price, 2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                </div>
            </div>
        </div>

    </div>
</div>
</div>
@stop