@extends('layouts.admin')
<style>
    /* Highlight main part number row on screen */
    .part-number-row {
        background-color: #ffff99;
        /* screen yellow */
        font-weight: 600;
    }

    /* Print styling */
    @media print {
        body {
            -webkit-print-color-adjust: exact;
            /* print colors accurately */
            print-color-adjust: exact;
        }

        /* Convert highlight to black-and-white friendly pattern */
        .part-number-row {
            background-color: #ccc !important;
            /* light grey for print */
            font-weight: 600;
        }

        /* Optional: detail rows normal for print */
        .table-info {
            background-color: #fff !important;
        }

        /* Hide buttons/inputs in print */
        button,
        input {
            display: none;
        }
    }
</style>
{{-- या minimal layout --}}
@section('content')
    <h2 class="text-center">Stock Report</h2>
    <p>From: {{ $fromDate }} To: {{ $toDate }}</p>
    @if ($item)
        <p>Item: {{ $item }}</p>
    @endif
    @if ($brand)
        <p>Brand: {{ $brand }}</p>
    @endif
    @if ($part_no)
        <p>Part No: {{ $part_no }}</p>
    @endif

    <div class="table-responsive">
        <table class="table table-bordered table-sm">
            <thead>
                <tr>
                    <th>Description</th>
                    <th>Part No</th>
                    <th>Op. Qty</th>
                    <th>Op. Alt Qty</th>
                    <th>Op. Val</th>
                    <th>Pr. Qty</th>
                    <th>Pr. Alt Qty</th>
                    <th>Pr. Val</th>
                    <th>Sale Qty</th>
                    <th>Sale Alt Qty</th>
                    <th>Sale Val</th>
                    <th>Cl. Qty</th>
                    <th>Cl. Alt</th>
                    <th>Cl. Val</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($stock as $row)
                    {{-- Main Part Number Row (highlight for print & screen) --}}
                    <tr class="part-number-row">
                        <td>{{ $row['item_name'] }}</td>
                        <td>{{ $row['product_part_no'] }}</td>
                        <td>{{ $row['opQty'] }}</td>
                        <td>{{ $row['opAltQty'] }}</td>
                        <td>{{ $row['opVal'] }}</td>
                        <td>{{ $row['purQty'] }}</td>
                        <td>{{ $row['purAltQty'] }}</td>
                        <td>{{ $row['purVal'] }}</td>
                        <td>{{ $row['salQty'] }}</td>
                        <td>{{ $row['salAltQty'] }}</td>
                        <td>{{ $row['salVal'] }}</td>
                        <td>{{ $row['clQty'] }}</td>
                        <td>{{ $row['clAltQty'] }}</td>
                        <td>{{ $row['clVal'] }}</td>
                    </tr>

                    {{-- Detail Rows --}}
                    @if (!empty($row['items']))
                        @foreach ($row['items'] as $item)
                            <tr class="table-info">
                                <td>{{ $item['product_name'] }}</td>
                                <td>{{ $item['barcode'] }}</td>
                                <td>{{ $item['opQty'] ?? '-' }}</td>
                                <td>{{ $item['opAltQty'] ?? '-' }}</td>
                                <td>{{ $item['opVal'] ?? '-' }}</td>
                                <td>{{ $item['purQty'] ?? '-' }}</td>
                                <td>{{ $item['purAltQty'] ?? '-' }}</td>
                                <td>{{ $item['purVal'] ?? '-' }}</td>
                                <td>{{ $item['salQty'] ?? '-' }}</td>
                                <td>{{ $item['salAltQty'] ?? '-' }}</td>
                                <td>{{ $item['salVal'] ?? '-' }}</td>
                                <td>{{ $item['clQty'] ?? '-' }}</td>
                                <td>{{ $item['clAltQty'] ?? '-' }}</td>
                                <td>{{ $item['clVal'] ?? '-' }}</td>
                            </tr>
                        @endforeach
                    @endif
                @endforeach

            </tbody>
        </table>
    </div>

    <script>
        window.onload = function() {
            window.print();
        }
    </script>
@endsection