@extends('theme.default.layouts.app')

@section('dashboard-title')
<h3 style="margin-top: 17px; font-size: 26px;">PHYSICAL PROGRESS (FY 2025-2026)</h3>
@endsection

<style>
    body {
        font-family: "Roboto", sans-serif;
        margin: 0;
        font-size: 13px;
        font-weight: bold;
    }

    .sub-header {
        font-size: 20px;
        margin-top: 10px;
        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
        margin-left: 10px;
        font-weight: 600;
        background-color: #FFB300;
    }

    .bold-text {
        font-weight: bold;
    }

    table {
        width: 100%;
        font-weight: 500;
        font-size: 15px;
        border-collapse: collapse;
        margin: 10px 10px 40px 10px;
    }

    th {
        background: #2fa44f;
        color: white;
        text-align: left;
        font-size: 16px;
        padding: 8px 10px;
        font-weight: bold;
    }

    td {
        padding: 8px 10px;
        border-bottom: 1px solid #ddd;
    }

    tr:nth-child(even) {
        background: #e5e5e5;
    }

    tr:nth-child(odd) {
        background: #f2f2f2;
    }
     .activityWidth{
        width: 30% !important;
    }
</style>

@section('content')
@php
// echo '$components: <pre>' .print_r($components,true). '</pre>'; die;
// $components = collect($components ?? [

//     [
//         'title' => 'COMPONENT I',
//         'description' => 'COMMUNITY INFRASTRUCTURE REHABILITATION',
//         'data' => collect([

//             (object)[
//                 'serial_no' => '1.1',
//                 'activity' => 'Hiring of Design & Supervision Firm (Irrigation)',
//                 'description' => 'Hiring of the D&S Firm for the Irrigation sub-component',
//                 'target_start_date' => '2024-06-01',
//                 'planned_end_date' => '2024-12-09',
//                 'actual_end_date' => '2025-06-16',
//                 'status' => 'Completed',
//             ],

//             (object)[
//                 'serial_no' => '1.2.1',
//                 'activity' => 'Design Phase inception Report Deliverable for Irrigation',
//                 'description' => 'Design Phase inception Report',
//                 'target_start_date' => '2025-10-25',
//                 'planned_end_date' => null,
//                 'actual_end_date' => '2025-09-25',
//                 'status' => 'Completed',
//             ],

//             (object)[
//                 'serial_no' => '1.2.2',
//                 'activity' => 'Preliminary Site Assessment Report',
//                 'description' => 'Preliminary Site Assessment Report submitted by PIU',
//                 'target_start_date' => '2025-06-23',
//                 'planned_end_date' => '2025-07-16',
//                 'actual_end_date' => '2025-11-17',
//                 'status' => 'Completed',
//             ],

//             (object)[
//                 'serial_no' => '1.2.4',
//                 'activity' => 'ESMP / IEE/ EIA Report',
//                 'description' => 'Environmental Reports',
//                 'target_start_date' => '2025-06-23',
//                 'planned_end_date' => '2025-10-14',
//                 'actual_end_date' => null,
//                 'status' => 'In Progress',
//             ],

//             (object)[
//                 'serial_no' => '2.1',
//                 'activity' => 'Hiring of D&S firm for Road & Bridges',
//                 'description' => 'Hiring for Road & Bridges',
//                 'target_start_date' => '2024-06-01',
//                 'planned_end_date' => '2024-12-09',
//                 'actual_end_date' => '2025-06-23',
//                 'status' => 'Completed',
//             ],

//         ])
//     ],

//     [
//         'title' => 'COMPONENT II',
//         'description' => 'STRENGTHENING HYDROMET AND CLIMATE SERVICES',
//         'data' => collect([

//             (object)[
//                 'serial_no' => '1',
//                 'activity' => 'Market Outreach',
//                 'description' => 'Market sessions completed',
//                 'target_start_date' => '2025-03-25',
//                 'planned_end_date' => null,
//                 'actual_end_date' => '2025-03-25',
//                 'status' => 'Completed',
//             ],

//             (object)[
//                 'serial_no' => '2',
//                 'activity' => 'Selection of Sites for AWS',
//                 'description' => 'Evaluation report submitted',
//                 'target_start_date' => '2025-08-25',
//                 'planned_end_date' => null,
//                 'actual_end_date' => '2025-10-07',
//                 'status' => 'Completed',
//             ],

//             (object)[
//                 'serial_no' => '3',
//                 'activity' => 'Procurement of AWS',
//                 'description' => 'Contract signed',
//                 'target_start_date' => '2025-09-03',
//                 'planned_end_date' => '2026-07-01',
//                 'actual_end_date' => null,
//                 'status' => 'In Progress',
//             ],

//         ])
//     ],

// ]);
@endphp

@foreach($components as $component)

<div class="sub-header">
    <span class="bold-text">{{ $component['title'] }}</span>: {{ $component['description'] }}
</div>

<table>
    <thead>
        <tr>
            <th>S #</th>
            <th class="activityWidth">Activity</th>
            <th class="activityWidth">Description</th>
            <th>Target Start Date</th>
            <th>Planned End Date</th>
            <th>Actual End Date</th>
            <th>Status</th>
        </tr>
    </thead>

    <tbody>
        @php
            $sortedData = $component['data']->sortBy('serial_no');
        @endphp

        @forelse($sortedData as $record)
        <tr>
            <td>{{ $record->serial_no }}</td>
            <td class="activityWidth">{{ $record->activity }}</td>
            <td class="activityWidth">{{ $record->description }}</td>
            <td>{{ $record->target_start_date ? date('M d, Y', strtotime($record->target_start_date)) : '-' }}</td>
            <td>{{ $record->planned_end_date ? date('M d, Y', strtotime($record->planned_end_date)) : '-' }}</td>
            <td>{{ $record->actual_end_date ? date('M d, Y', strtotime($record->actual_end_date)) : '-' }}</td>
            <td>{{ $record->status }}</td>
        </tr>
        @empty
        <tr>
            <td colspan="7" style="text-align:center;">No records found.</td>
        </tr>
        @endforelse
    </tbody>
</table>

@endforeach

@endsection