@extends('layouts.usermain')

@section('main-container')


<div class="container-xl mt-2">
    <div class="row">
        <div class="col-12 d-flex justify-content-end d-print-none">
            <div class="btn-list">
                <!-- PDF Download Button -->
                <a href="{{ route('quantity.pdf', $record->baseline->id) }}" class="btn btn-primary d-none d-sm-inline">
                    PDF
                </a>
            </div>
        </div>
    </div>




<div class="container-xl mt-2">

    <div class="card shadow-sm mb-4">
        <div class="card-header bg-info text-white mb-3">
            <h5 class="mb-0">Quantity Calculation Report -WHS [Farm Pond]</h5>
        </div>
        <div class="card-body">
            <!-- Project Details -->
            @php
                $preLevel = $record->baseline?->preWorkLevels?->first();
                $postLevel = $record->baseline?->postLevel;
            @endphp

            <div class="row mb-2">
                <div class="col-md-6 d-flex">
                    <label class="me-2 fw-bold"> Village:</label>
                    <div>{{ $villageName }}</div>
                </div>
                <div class="col-md-6 d-flex">
                    <label class="me-2 fw-bold">Panchayat:</label>
                    <div>{{ $panchayatName ?? '-' }}</div>
                </div>
            </div>

<div class="row mb-2 bg-light">
    <div class="col-md-6 d-flex">
        <label class="me-2 fw-bold">Block:</label>
        <div>{{ $blockName ?? '-' }}</div>
    </div>
    <div class="col-md-6 d-flex">
        <label class="me-2 fw-bold">District:</label>
        <div>{{ $districtName ?? '-' }}</div>
    </div>
</div>

<div class="row mb-2">
    <div class="col-md-6 d-flex">
        <label class="me-2 fw-bold">Name of Beneficiary:</label>
        <div>{{ $record->baseline->name_of_respondent ?? '-' }}</div>
    </div>
    <div class="col-md-6 d-flex">
        <label class="me-2 fw-bold">Plot No.:</label>
        <div>{{ $record->land->plot_khata ?? '-' }}</div>
    </div>
</div>

<div class="row mb-2 bg-light">
    <div class="col-md-6 d-flex">
        <label class="me-2 fw-bold">Pre-Measurement Date:</label>
        <div>{{ $preLevel?->measurement_date ? \Carbon\Carbon::parse($preLevel->measurement_date)->format('d/m/Y') : '-' }}</div>
    </div>
    <div class="col-md-6 d-flex">
        <label class="me-2 fw-bold">Post-Measurement Date:</label>
        <div>{{ $postLevel?->measurement_date ? \Carbon\Carbon::parse($postLevel->measurement_date)->format('d/m/Y') : '-' }}</div>
    </div>
</div>

<div class="row mb-2">
    <div class="col-md-6 d-flex">
        <label class="me-2 fw-bold">Latitude:</label>
        <div>{{ $record->waterHarvestingStructuresPlanning->latitude ?? '-' }}</div>
    </div>
    <div class="col-md-6 d-flex">
        <label class="me-2 fw-bold">Longitude:</label>
        <div>{{ $record->waterHarvestingStructuresPlanning->longitude ?? '-' }}</div>
    </div>
</div>

<div class="row mb-4">
    <div class="col-md-6 d-flex">
        <label class="me-2 fw-bold">Pond Dimensions:</label>
        <div>
            {{ (int) ($record->waterHarvestingStructuresPlanning->length ?? 0) }}m X
            {{ (int) ($record->waterHarvestingStructuresPlanning->width ?? 0) }}m X
            {{ (int) ($record->waterHarvestingStructuresPlanning->depth_or_height ?? 0) }}m
        </div>
    </div>
</div>
</div>

</div>

            <!-- Quantity Table -->
            <div class="card mb-3 mt-4">
               <div class="card-header bg-secondary-lt text-white mb-3">
            <h5 class="mb-0">Quantity Estimation </h5>
                </div>
                <div class="card-body px-2 py-3 table-responsive">
                @php
                    if (!function_exists('displayValue')) {
                        function displayValue($value) {
                            return is_numeric($value) ? number_format((float)$value, 3) : '-';
                        }
                    }

                    $average_estimates = is_string($record->average_estimates)
                        ? json_decode($record->average_estimates, true)
                        : $record->average_estimates;
                @endphp

                <table class="table table-sm table-bordered text-center align-middle">
                    <thead class="bg-light">
                        <tr>
                            <th>AVG. TOP LEVEL</th>
                            <th>AVG. BOTTOM LEVEL</th>
                            <th>AVG. DEPTH (m)</th>
                            <th>AVG. LENGTH (m)</th>
                            <th>AVG. WIDTH (m)</th>
                            <th>AVG. AREA (Sqm)</th>
                            <th>QTY (cum)</th>
                        </tr>
                    </thead>
                    <tbody>
        @foreach (['1st', '2nd', '3rd', '4th'] as $i => $layer)
            @php
                $layerKey = $layer . ' Layer';
                
                $recordLayer = $average_estimates[$layerKey] ?? null;
            

                $bottomLevel = $post_averages[$i]->average_rl ?? '-';
            @endphp
            <tr style="font-weight: bold; background-color: #e8f4ff;">
                <td colspan="7" class="text-center py-1 px-1">{{ $layerKey }}</td>
            </tr>
            <tr>
                <td>{{ displayValue($recordLayer['avg_top_level'] ?? null) }}</td>
                <td>{{ displayValue($recordLayer['avg_bottom_level'] ?? null) }}</td>
                <td>{{ displayValue($recordLayer['avg_depth'] ?? null) }}</td>
                <td>{{ displayValue($recordLayer['avg_length'] ?? null) }}</td>
                <td>{{ displayValue($recordLayer['avg_width'] ?? null) }}</td>
                <td>{{ displayValue($recordLayer['avg_area'] ?? null) }}</td>
                <td>{{ displayValue($recordLayer['qty'] ?? null) }}</td>
            </tr>
        @endforeach

        <tr>
            <td></td>
            <td class="fw-bold">Total Depth</td>
            <td>{{ displayValue($record->total_depth ?? null) }}</td>
            <td></td>
            <td></td>
            <td class="fw-bold">Total Quantity</td>
            <td>{{ displayValue($record->total_quantity ?? null) }}</td>
        </tr>

        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td class="fw-bold">Estimated Quantity</td>
            <td>{{ displayValue($record->estimated_quantity ?? null) }}</td>
        </tr>

        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td class="fw-bold">Payable Quantity</td>
            <td>{{ displayValue($record->payable_quantity ?? null) }}</td>
        </tr>


        <tr>
            <td colspan="2" class="text-end">Remarks for length, width and area</td>
            <td  colspan="5" class="text-center">{{ ($record->remarks_for_depth ?? null) }}</td>
        </tr>

        <tr class="bg-light">
            <td colspan="2" class="text-end">Remarks for volume of earth work</td>
            <td  colspan="5" class="text-center">{{ ($record->remarks_for_length ?? null) }}</td>
        </tr>

        <tr>
            <td colspan="2" class="text-end">Remarks for volume of earth work</td>
            <td  colspan="5" class="text-center">{{ ($record->remarks_for_volume ?? null) }}</td>
        </tr>

    </tbody>
</table>

                </div>
            </div>

        </div>









<div class="card mb-3 mt-4">
               <div class="card-header bg-info text-white mb-3">
            <h5 class="mb-0">     Measurements for Bund and Quantity Calculation for Dressing Area</5>
    </div>
    <div class="card-body px-2 py-3">
        <div class="table-responsive">
            <table class="table table-bordered table-sm table-hover text-center align-middle">
                <thead class="bg-light">
                    <tr>
                        <th>Particulars</th>
                        <th>Avg Length (m)</th>
                        <th>Avg Bottom Width (m)</th>
                        <th>Avg Height (m)</th>
                        <th>Top Width (m)</th>
                        <th>Slant Length (m)</th>
                        <th>Frequency</th>
                        <th>Dressing Area (sqm)</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($bunds as $bund)
                    <tr>
                        <td>{{ $bund['particular'] ?? '-' }}</td>
                        <td>{{ $bund['avg_length'] ?? '-' }}</td>
                        <td>{{ $bund['avg_bottom_width'] ?? '-' }}</td>
                        <td>{{ $bund['avg_height'] ?? '-' }}</td>
                        
                        <td>{{ $bund['top_width'] ?? '-' }}</td>
                        
                        
                        <td>{{ $bund['slant_length'] ?? '-' }}</td>
                        <td>{{ $bund['frequency'] ?? '-' }}</td>
                        <td>{{ $bund['dressing_area'] ?? '-' }}</td>
                    </tr>
                    @endforeach

                    <tr class="bg-light fw-bold">
                        <td>Avg/Total</td>
                        <td>{{ $avg_length ?? '-' }}</td>
                        <td>{{ $avg_width ?? '-' }}</td>
                        <td>{{ $avg_height ?? '-' }}</td>
                        <td></td>
                        <td>{{ $avg_slant_length ?? '-' }}</td>
                        <td></td>
                        
                        <td>{{ $avg_dressing_area ?? '-' }}</td>
                    </tr>

                    <tr>
                        <td colspan="7" class="text-end fw-bold">Estimated Dressing Area</td>
                        <td colspan="1" class="text-center">{{ $estimated_dressing_area ?? '-' }}</td>
                    </tr>

                    <tr>
                        <td colspan="7" class="text-end fw-bold">Payable Quantity</td>
                        <td colspan="1" class="text-center">{{ $payable_dressing_quantity ?? '-' }}</td>
                    </tr>

                    <tr>
                        <td colspan="3" class="text-end">Remarks for bund and bund volume</td>
                        <td colspan="5" >{{ $remarks ?? '-' }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>


















<div class="card mb-3">
     <div class="card-header bg-secondary-lt text-white d-flex justify-content-between align-items-center">
        <h5 class="mb-0">OUTLET WORK</h5>
    </div>
    <div class="card-body px-2 py-3">
        <table class="table table-bordered table-sm align-middle text-center">
    <thead class="table-primary">
        <tr>
            <th>Particulars</th>
            <th>Avg Length (m)</th>
            <th>Avg Width (m)</th>
            <th>Avg Depth (m)</th>
            <th>Qty</th>
        </tr>
    </thead>
 <tbody id="masonryTable" style="font-size:14px;">
    <!-- Static Row: Hume Pipe Info -->
    <tr>
        <td class="form-control-sm">Hume Pipe's Length and Diameter</td>
        <td class="form-control-sm">{{ $record->hume_pipe_length }}</td>
        <td>-</td>
        <td class="form-control-sm">{{ $record->hume_pipe_avg_thickness }}</td>
        <td>-</td>
    </tr>

    <!-- Optional Input for Estimated Qty (if needed for editing) -->
    <tr>
        <td class="form-control-sm text-end  bg-light" colspan="4">Estimated qty</td>
        <td>
            <input type="text" class="form-control form-control-sm text-center" 
                   value="{{ number_format($record->outlet_work_estimated_quantity, 3) }}" readonly>
        </td>
    </tr>
    <tr>
        <td class="form-control-sm text-end bg-light" colspan="4">Payable quantity</td>
        <td>
            <input type="text" class="form-control form-control-sm text-center" 
                   value="{{ number_format($record->outlet_work_estimated_quantity, 3) }}" readonly>
        </td>
    </tr>

    <!-- Editable Dynamic Rows -->
    @foreach ($outletWork as $index => $item)
        <tr>
            <td>
                <input type="text" name="particulars[]" 
                       class="form-control form-control-sm text-center"
                       value="{{ $item['particular'] ?? '' }}"
                       {{ in_array($item['particular'], ['Deduction of hume pipe', 'Masonry work after deduction of hume pipe volume', 'Estimated qty', 'Payable quantity']) ? 'readonly disabled' : '' }}>
            </td>
            <td>
                <input type="number" step="0.001" name="avg_length[]" 
                       class="form-control form-control-sm text-center"
                       value="{{ $item['avg_length'] ?? '' }}"
                       {{ in_array($item['particular'], ['Deduction of hume pipe', 'Masonry work after deduction of hume pipe volume', 'Estimated qty', 'Payable quantity']) ? 'readonly disabled' : '' }}>
            </td>
            <td>
                <input type="number" step="0.001" name="avg_width[]" 
                       class="form-control form-control-sm text-center"
                       value="{{ $item['avg_width'] ?? '' }}"
                       {{ in_array($item['particular'], ['Deduction of hume pipe', 'Masonry work after deduction of hume pipe volume', 'Estimated qty', 'Payable quantity']) ? 'readonly disabled' : '' }}>
            </td>
            <td>
                <input type="number" step="0.001" name="avg_depth[]" 
                       class="form-control form-control-sm text-center"
                       value="{{ $item['avg_depth'] ?? '' }}"
                       {{ in_array($item['particular'], ['Deduction of hume pipe', 'Masonry work after deduction of hume pipe volume', 'Estimated qty', 'Payable quantity']) ? 'readonly disabled' : '' }}>
            </td>
            <td>
                <input type="number" step="0.001" name="qty[]" 
                       class="form-control form-control-sm text-center"
                       value="{{ $item['qty'] ?? '' }}"
                       {{ in_array($item['particular'], ['Deduction of hume pipe', 'Masonry work after deduction of hume pipe volume', 'Estimated qty', 'Payable quantity']) ? 'readonly' : '' }}>
            </td>
        </tr>
    @endforeach

    <!-- Summary Rows -->
    <tr class="table-light">
        <td colspan="4" class="text-end">Deduction of hume pipe</td>
        <td class="fw-bold">{{ number_format($record->deduction_of_hume_pipe, 3) }}</td>
    </tr>
    <tr>
        <td colspan="4" class="text-end">Masonry work after deduction of hume pipe volume</td>
        <td class="fw-bold">{{ number_format($record->masonry_work_after_deduction, 3) }}</td>
    </tr>
    <tr class="table-light">
        <td colspan="4" class="text-end  fw-bold">Estimated qty</td>
        <td class="fw-bold">{{ number_format($record->estimated_qty_outlet, 3) }}</td>
    </tr>
    <tr>
        <td colspan="4" class="text-end  fw-bold">Payable quantity</td>
        <td class="fw-bold">{{ number_format($record->outlet_work_payable_quantity, 3) }}</td>
    </tr>
</tbody>
</table>
    </div>
</div>

<script>
function updatePayableQty() {
    let masQty = 0;
    let estimatedQty = 0;

    // Loop through all rows of masonryTable
    document.querySelectorAll('#masonryTable tr').forEach(function(row) {
        const particularInput = row.querySelector('input[name="particulars[]"]');
        const qtyInput = row.querySelector('input[name="qty[]"]');

        if (!particularInput || !qtyInput) return;

        const particular = particularInput.value.trim();

        // Get Masonry work after deduction qty
        if (particular === 'Masonry work after deduction of hume pipe volume') {
            masQty = parseFloat(qtyInput.value) || 0;
        }

        // Get Estimated qty
        if (particular === 'Estimated qty') {
            estimatedQty = parseFloat(qtyInput.value) || 0;
        }
    });

    // Compute lesser value
    const lesserQty = Math.min(masQty, estimatedQty);

    // Now set this lesserQty to Payable quantity row
    document.querySelectorAll('#masonryTable tr').forEach(function(row) {
        const particularInput = row.querySelector('input[name="particulars[]"]');
        const qtyInput = row.querySelector('input[name="qty[]"]');

        if (!particularInput || !qtyInput) return;

        const particular = particularInput.value.trim();

        if (particular === 'Payable quantity') {
            qtyInput.value = lesserQty.toFixed(3);
        }
    });
}

// Run this function every time Masonry deduction qty or Estimated qty changes
document.querySelectorAll('#masonryTable tr').forEach(function(row) {
    const particularInput = row.querySelector('input[name="particulars[]"]');
    const qtyInput = row.querySelector('input[name="qty[]"]');

    if (!particularInput || !qtyInput) return;

    const particular = particularInput.value.trim();

    if (['Masonry work after deduction of hume pipe volume', 'Estimated qty'].includes(particular)) {
        qtyInput.addEventListener('input', updatePayableQty);
    }
});

// Also run once on page load
updatePayableQty();
</script>


    </div>
</div>




</div>


    <div class="container mt-4">
        <!-- Excavation for Silt Trap Section -->
        <div class="card mb-3">
     <div class="card-header bg-info text-white d-flex justify-content-between align-items-center">
        <h5 class="mb-0"> Excavation for Silt Trap</h5>
            </div>
            <div class="card-body px-2 py-3">
                <table class="table table-bordered table-sm text-center">
                    <thead class="table-light">
                        <tr>
                            <th>Avg Length (m)</th>
                            <th>Avg Width (m)</th>
                            <th>Avg Depth (m)</th>
                            <th>Qty (cum)</th>
                        </tr>
                    </thead>
                    <tbody>
                         <tr>
                    <td>{{ $excavationForSiltTrap['avg_length'] ?? '-' }}</td>
                    <td>{{ $excavationForSiltTrap['avg_width'] ?? '-' }}</td>
                    <td>{{ $excavationForSiltTrap['avg_depth'] ?? '-' }}</td>
                    <td>{{ $excavationForSiltTrap['qty'] ?? '-' }}</td>
                </tr>
                    </tbody>
                </table>
                <table class="table table-bordered table-sm text-center">
                    <tbody>
                        <tr>
                            <td style="width: 75%;" class="text-end  fw-bold">Estimated Qty</td>
                            <td style="width: 25%;">{{ $record['silt_trap_est_qty'] ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td  class="text-end  fw-bold">Payable Quantity</td>
                            <td>{{ $record['silt_trap_payable_qty'] ?? 'N/A' }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Excavation for Inlet Section -->
        <div class="card shadow-sm mb-4">
        <div class="card-header bg-light text-muted mb-3">
            <h5 class="mb-0">Excavation for Inlet</h5>
            </div>
            <div class="card-body px-2 py-3">
                <table class="table table-bordered table-sm text-center">
                    <thead class="table-light">
                        <tr>
                            <th>Avg Length (m)</th>
                            <th>Avg Width (m)</th>
                            <th>Avg Depth (m)</th>
                            <th>Qty (cum)</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                           <td>{{ $excavation_for_inlet_obj->avg_length ?? 'N/A' }}</td>
                            <td>{{ $excavation_for_inlet_obj->avg_width ?? 'N/A' }}</td>
                            <td>{{ $excavation_for_inlet_obj->avg_depth ?? 'N/A' }}</td>
                            <td>{{ $excavation_for_inlet_obj->qty ?? 'N/A' }}</td>
                        </tr>

                    </tbody>
                </table>
                <table class="table table-bordered table-sm text-center">
                    <tbody>
                        <tr>
                            <td style="width: 75%;"  class="text-end  fw-bold"> Estimated Qty</td>
                            <td style="width: 25%;"  >{{ $record['inlet_est_qty'] ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td  class="text-end  fw-bold">Payable Quantity</td>
                            <td>{{ $record['inlet_payable_qty'] ?? 'N/A' }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Stone Pitching at Inlet Section -->
        <div class="card shadow-sm mb-4">
        <div class="card-header bg-info text-white mb-3">
            <h5 class="mb-0"> Stone Pitching at Inlet
            </div>
            <div class="card-body px-2 py-3">
                <table class="table table-bordered table-sm text-center"> 
                    <thead class="table-light">
                        <tr>
                            <th>Avg Length (m)</th>
                            <th>Avg Width (m)</th>
                            <th>Qty (Sqm)</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>{{ $stone_pitching_at_inlet_obj->avg_length ?? 'N/A' }}</td>
                            <td>{{ $stone_pitching_at_inlet_obj->avg_width ?? 'N/A' }}</td>
                            <td>{{ $stone_pitching_at_inlet_obj->qty ?? 'N/A' }}</td>
                        </tr>
                    </tbody>
                </table>

                <table class="table table-bordered table-sm text-center">
                    <tbody>
                        <tr>
                            <td style="width: 75%;"  class="text-end  fw-bold">Estimated Qty</td>
                            <td style="width: 25%;">{{ $record['stone_pitching_inlet_est_qty'] ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td  class="text-end  fw-bold">Payable Quantity</td>
                            <td>{{ $record['stone_pitching_inlet_payable_qty'] ?? 'N/A' }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Display Board Work Section -->
      <div class="card mb-3">
     <div class="card-header bg-secondary-lt text-white d-flex justify-content-between align-items-center">
        <h5 class="mb-0"> Display Board Work (1m x 1m x 0.3m)</h5>
    </div>
    <div class="card-body p-2">
        <table class="table table-bordered table-sm text-center mb-0">
            <thead class="table-light">
                <tr>
                    <th>Particulars</th>
                    <th>Avg Length (m)</th>
                    <th>Avg Width (m)</th>
                    <th> AVG Thickness/Depth (M)</th>
                    <th>Qty</th>
                </tr>
            </thead>
            <tbody>
                <!-- Display Board -->
                <tr>
                    <td>Size of Display Board</td>
                    <td>{{ $data['display_board']['size']['length'] ?? '00' }}</td>
                    <td>{{ $data['display_board']['size']['width'] ?? '00' }}</td>
                    <td>{{ $data['display_board']['size']['depth'] ?? '00' }}</td>
                    <td>N/A</td>
                </tr>

                <!-- Earth Work Excavation -->
                <tr>
                    <td>Earth Work Excavation (Cum)</td>
                    <td>{{ $data['display_board']['earthwork']['length'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['earthwork']['width'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['earthwork']['depth'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['earthwork']['qty'] ?? 'N/A' }}</td>
                </tr>
                <tr class="bg-light">
                    <td colspan="4" class="text-end">Estimated qty of excavation(cum)</td>
                    <td>{{ $record->estimated_excavation_qty ?? 'N/A' }}</td>
                </tr>





                <tr class="bg-light">
                    <td colspan="4" class="text-end">Payable quantity(cum)</td>
                    <td>{{ $record->payable_excavation_qty ?? 'N/A' }}</td>
                </tr>

                <!-- Brick Work - Foundation -->
                <tr>
                    <td>Brick Work - Foundation (cum)</td>
                    <td>{{ $data['display_board']['foundation']['length'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['foundation']['width'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['foundation']['depth'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['foundation']['qty'] ?? 'N/A' }}</td>
                </tr>

                <!-- Brick Work - Superstructure -->
                <tr>
                    <td>Brick Work - Superstructure (cum)</td>
                    <td>{{ $data['display_board']['superstructure']['length'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['superstructure']['width'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['superstructure']['depth'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['superstructure']['qty'] ?? 'N/A' }}</td>
                </tr>
                <tr class="bg-light">
                    <td colspan="4" class="text-end">Total brick work(cum)</td>
                    <td>{{ $record->total_brick_work  }}</td>
                </tr>
                <tr class="bg-light">
                    <td colspan="4" class="text-end">Estimated brick work qty(cum)</td>
                    <td>{{ $record->estimated_brick_work_qty ?? 'N/A' }}</td>
                </tr>
                <tr class="bg-light">
                    <td colspan="4" class="text-end">Payable quantity (cum)</td>
                    <td>{{ $record->payable_brick_work_qty ?? 'N/A' }}</td>
                </tr>

                <!-- Plaster Work -->
                <tr>
                    <td>Plaster Work (Sqm)</td>
                    <td>{{ $data['display_board']['plaster']['length'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['plaster']['width'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['plaster']['depth'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['plaster']['qty'] ?? 'N/A' }}</td>
                </tr>
                <tr class="bg-light">
                    <td colspan="4" class="text-end">Estimated plaster work qty (Sqm)</td>
                    <td>{{ $record->estimated_plaster_work_qty ?? 'N/A' }}</td>
                </tr>
                <tr class="bg-light">
                    <td colspan="4" class="text-end">Payable quantity (Sqm)</td>
                    <td>{{ $record->payable_plaster_work_qty ?? 'N/A' }}</td>
                </tr>

                <!-- Wall Writing -->
                <tr>
                    <td>Wall Writing with Synthetic Paint (Sqm)</td>
                    <td>{{ $data['display_board']['painting']['length'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['painting']['width'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['painting']['depth'] ?? 'N/A' }}</td>
                    <td>{{ $data['display_board']['painting']['qty'] ?? 'N/A' }}</td>
                </tr>
                <tr class="bg-light">
                    <td colspan="4" class="text-end">Estimated wall writing qty (Sqm)</td>
                    <td>{{ $record->estimated_wall_writing_qty ?? '00' }}</td>
                </tr>
                <tr class="bg-light">
                    <td colspan="4" class="text-end">Payable quantity (Sqm)</td>
                    <td>{{ $record->payable_wall_writing_qty ?? '00' }}</td>
                </tr>

<tr class="bg-light">
                    <td colspan="2" class="text-end">Remarks for Inlet, Outlet and Display board work</td>
                    <td  colspan="3">{{$record->remarks_inlet_outlet_display_board_work?? '-'}}</td>
                </tr>

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

<div class="card mb-3">
    <div class="card-header bg-secondary-lt text-white d-flex justify-content-between align-items-center">
        <h5 class="mb-0">GRASS TURFING WORK</div>
<table class="table table-sm table-striped table-bordered align-middle text-center">
  <thead class="fw-bold bg-light">
    <tr>
      <th>Description</th>
      <th>No.</th>
      <th>Length</th>
      <th>Breadth</th>
      <th>Area</th>
    </tr>
  </thead>
  <tbody>
    @foreach($record->grass_turfings as $row)
      <tr>
        <td>{{ $row['desc'] }}</td>
        <td>{{ $row['no'] }}</td>
        <td>{{ $row['length'] }}</td>
        <td>{{ $row['breadth'] }}</td>
        <td>{{ $row['area'] }}</td>
      </tr>
    @endforeach

    <!-- Totals -->
    <tr class="fw-bold table-secondary">
      <td colspan="4" class="text-end">TOTAL AREA</td>
      <td>{{ $record->grass_total_area ?? 'N/A' }}</td>
    </tr>
    <tr class="fw-bold table-secondary">    
      <td colspan="4" class="text-end">ESTIMATED DRESSING AREA</td>
      <td>{{ $record->grass_dressing_area ?? 'N/A' }}</td>
    </tr>
    <tr class="fw-bold table-secondary">
      <td colspan="4" class="text-end">PAYABLE QUANTITY</td>
      <td>{{ $record->grass_payable_qty ?? 'N/A' }}</td>
    </tr>
  </tbody>
</table>
</div>
</div>





    </div>
</body>
</html>
@endsection