@extends('layouts.main')

@section('content')
<h2>{{ $title }}</h2>
<hr>

<div class="table-responsive">             
    <table class="table table-hover table-striped" id="example">
        <thead>
            <tr>
                <th>Stock item</th>
                @foreach ($locations as $location)
                    <th>{{ $location->name }}</th>
                @endforeach
                <th>Total stock left</th>
                <th>Value</th>
            </tr>
        </thead>

        <tbody>
            @foreach ($stock_data as $data)
                <tr>
                    <td>
                        <a class="text-dark" href="{{ route('location_stock.show', $data['item']->id) }}">
                            {!! $data['item']->name($data['item']) !!}
                        </a>
                    </td>
                    @foreach ($locations as $location)
                        <td>{{ $data['location_stocks'][$location->id] ?? 0 }}</td>
                    @endforeach
                    <td>{{ $data['total_stock'] }}</td>
                    <td>{{ number_format($data['value']) }}</td>
                </tr>
            @endforeach

            <tr>
                <th></th>
                @foreach ($locations as $location)
                    <th></th>
                @endforeach
                <th></th>
                <th>{{ number_format($total_value) }}</th>
            </tr>
        </tbody>
    </table>
</div>

@endsection