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

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

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

    }

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

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

    table {
        width: 100%;
        font-weight: 500;
        font-size: 15px;
        border-collapse: collapse;
        margin: 10px 10px 40px 10px;
        /* top right bottom left */
    }

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

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

    tr:nth-child(even) {
        background: #e5e5e5;
        padding: 8px 10px;
    }

    tr:nth-child(odd) {

        background: #f2f2f2;

    }

    .btn-link {
        background: #2fa44f;
        color: white;
        padding: 8px 15px;
        text-decoration: none;
        border-radius: 4px;
        margin-bottom: 15px;
        display: inline-block;
        padding: 8px 10px;
    }

    .descriptionWidth {
        width: 30% !important;
    }

    .activityWidth {
        width: 30% !important;
    }
</style>

@section('content')

@php
    $records = collect([
    (object)[
        'serial_no' => '1',
        'activity' => 'Beneficiary data validation',
        'description' => 'Validation Target: 284,312 Data Collected by enumerator: 231,883 (81%) Data cleared by QA firm: 102,008 Number of Beneficiaries approved by HRU for housing grants: 72,868 The Validation is completed at the enomurator level, and data cleaning/review is in progress at the quality assurance firm level',
        'target_start_date' => '2024-10-25',
        'planned_end_date' => null,
        'actual_end_date' => null,
        'status' => 'In Progress',
    ],
    (object)[
        'serial_no' => '2',
        'activity' => 'Construction of Housing Units (Batch I - 106 Units)',
        'description' => 'The Housing Units are Constructed.',
        'target_start_date' => '2025-01-25',
        'planned_end_date' => null,
        'actual_end_date' => null,
        'status' => 'In Progress',
    ],
    (object)[
        'serial_no' => '3.1',
        'activity' => 'Construction of Housing Units (Batch II-8000) - Accounts Opened',
        'description' => '8000 Beneficiaries accounts opened.',
        'target_start_date' => '2025-06-30',
        'planned_end_date' => null,
        'actual_end_date' => null,
        'status' => 'In Progress',
    ],
    (object)[
        'serial_no' => '3.2',
        'activity' => 'Construction of Housing Units (Batch II-8000) - Work Initiated',
        'description' => '8000 Housing Units work initiated.',
        'target_start_date' => '2025-06-25',
        'planned_end_date' => null,
        'actual_end_date' => null,
        'status' => 'In Progress',
    ],
    (object)[
        'serial_no' => '3.3',
        'activity' => 'Construction of Housing Units (Batch II-8000) - Houses Completed',
        'description' => '8000 Housing Units construction is completed (roof)',
        'target_start_date' => '2024-02-25',
        'planned_end_date' => '2024-05-29',
        'actual_end_date' => '2026-01-01',
        'status' => 'Completed',
    ],
    (object)[
        'serial_no' => '4.1',
        'activity' => 'Construction of Housing Units (Batch-III 44,000) (Target revised) - Accounts Opened',
        'description' => "50,910 Beneficiaries' accounts opened",
        'target_start_date' => '2025-07-31',
        'planned_end_date' => '2025-12-30',
        'actual_end_date' => null,
        'status' => 'In Progress',
    ],
    (object)[
        'serial_no' => '4.2',
        'activity' => 'Construction of Housing Units (Batch-III 44,000) (Target revised) - Work Initiated',
        'description' => '48,376 Housing Units work initiated',
        'target_start_date' => '2025-07-31',
        'planned_end_date' => '2025-12-30',
        'actual_end_date' => null,
        'status' => 'In Progress',
    ],
    (object)[
        'serial_no' => '4.3',
        'activity' => 'Construction of Housing Units (Batch-III 44,000) (Target revised) - Houses Completed',
        'description' => '36,048 Housing Units construction is completed (Plinth) - 69% achieved, 28,591 (Lintel) - 55%, 20,477 (Roof) - 39%, 15,387 Completed - 29%',
        'target_start_date' => '2025-07-31',
        'planned_end_date' => '2026-06-30',
        'actual_end_date' => '2026-06-30',
        'status' => 'Completed',
    ],
]);
@endphp


<div class="sub-header">
    <span class="bold-text">COMPONENT III</span>: COMMUNITY INFRASTRUCTURE REHABILITATION
</div>

{{-- <a href="{{ route('comp3.index') }}"></a> --}}

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

    <tbody>
        @forelse($records as $record)
        <tr>
            <td>{{ $record->serial_no }}</td>
            <td class="activityWidth">{{ $record->activity }}</td>
            <td class="descriptionWidth">{{ $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>

@endsection