@extends('templates.report_layout')

@section('content')
<div class="container">
    <h2 class="mb-4">Machine Production Detail Report ({{ $date }})</h2>

    @php
        // Group outputs by machine first
        $machineGroups = $outputs->groupBy('schedule.machine_id');
    @endphp

    @foreach($machineGroups as $machineId => $machineOutputs)
        @php
            $machine = $machineOutputs->first()->schedule->machine ?? null;
            // Group by UOM within this machine
            $uomGroups = $machineOutputs->groupBy('uom');
        @endphp

        <div class="card mb-4 machine-card">
            <div class="card-header bg-primary text-white">
                <h4>
                    <i class="fas fa-cog"></i> {{ $machine->name ?? 'Unassigned Machine' }}
                    <span class="badge bg-light text-dark float-end">
                        Total: {{ number_format($machineOutputs->sum('quantity'), 2) }}
                    </span>
                </h4>
            </div>
            
            <div class="card-body">
                @foreach($uomGroups as $uomId => $uomOutputs)
                    @php
                        $uom = $uomOutputs->first()->unit_of_measure ?? null;
                        // Sort productions chronologically
                        $productions = $uomOutputs->sortBy('produced_at');
                    @endphp

                    <div class="uom-section mb-4">
                        <h5 class="d-flex justify-content-between align-items-center">
                            <span>
                                <i class="fas fa-weight-hanging"></i> {{ $uom->name ?? 'N/A' }}
                                <small class="text-muted">({{ $uom->code ?? '' }})</small>
                            </span>
                            <span class="badge bg-secondary">
                                {{ number_format($uomOutputs->sum('quantity'), 2) }} total
                            </span>
                        </h5>

                        <table class="table table-sm production-table">
                            <thead>
                                <tr>
                                    <th width="30%">Item</th>
                                    <th width="15%">Order #</th>
                                    <th width="15%">Quantity</th>
                                    <th width="20%">Operator</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($productions as $production)
                                <tr>
                                     <td>{{ $production->schedule->productionOrder->item->name ?? 'N/A' }}</td>
                                    <td>{{ $production->schedule->productionOrder->order_number ?? 'N/A' }}</td>
                                    <td>{{ number_format($production->quantity, 2) }}</td>
                                    <td>
                                        {{ $production->schedule->operator->first_name ?? 'N/A' }}
                                        {{ $production->schedule->operator->last_name ?? '' }}
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endforeach
            </div>
        </div>
    @endforeach
</div>

<style>
    .machine-card {
        border-left: 5px solid #0d6efd;
    }
    .uom-section {
        border-left: 3px solid #6c757d;
        padding-left: 15px;
        margin-bottom: 20px;
    }
    .production-table {
        font-size: 0.9rem;
    }
    .production-table thead th {
        background-color: #f8f9fa;
    }
</style>
@endsection