@extends('app-new')

@push('head-script')
    <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
    <style>
        #tdsCalcTable th, #tdsCalcTable td { padding: 0.5rem 0.75rem; vertical-align: middle; }
        #tdsCalcTable .row-label { font-weight: 500; }
        #tdsCalcTable .row-sub { padding-left: 1.5rem; color: #6e6b7b; font-size: 0.9rem; }
        #tdsCalcTable .row-total { font-weight: 700; background-color: #f8f8f8; }
        #tdsCalcTable .row-grand { font-weight: 700; background-color: #e3f2fd; font-size: 1.05rem; }
        #tdsCalcTable .text-amount { text-align: right; font-variant-numeric: tabular-nums; }
        .info-label { color: #6e6b7b; font-size: 0.85rem; margin-bottom: 2px; }
        .info-value { font-weight: 600; font-size: 0.95rem; }
        .section-card { border-left: 3px solid #7367f0; }
        .hp-card { border-left: 3px solid #28c76f; }
        .oi-card { border-left: 3px solid #ff9f43; }
    </style>
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Declaration Preview</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/{{ $alias }}/home">Home</a></li>
                    <li class="breadcrumb-item"><a href="/{{ $alias }}/tdx/dashboard">TDS</a></li>
                    <li class="breadcrumb-item"><a href="/{{ $alias }}/tdx/declarations">Declarations</a></li>
                    <li class="breadcrumb-item active">Preview</li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
<section id="tdx-declaration-preview">

    {{-- Flash Messages --}}
    <div class="row">
        <div class="col-12">
            @if(session('status'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <div class="alert-body">{{ session('status') }}</div>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            @if(session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <div class="alert-body">{{ session('error') }}</div>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
        </div>
    </div>

    {{-- Action Bar --}}
    <div class="d-flex justify-content-between align-items-center mb-1">
        <div class="d-flex gap-1">
            <a href="{{ route('tdx.declarations.index', ['alias' => $alias]) }}" class="btn btn-outline-secondary">
                <i data-feather="arrow-left" class="me-25"></i> Back
            </a>
            <a href="{{ route('tdx.declarations.edit', ['alias' => $alias, 'id' => $declaration->id]) }}" class="btn btn-primary">
                <i data-feather="edit" class="me-25"></i> Edit Declaration
            </a>
        </div>
        <div class="d-flex gap-1 align-items-center">
            <span class="badge badge-light-{{ ($declaration->declaration_type ?? 'provisional') === 'final' ? 'info' : 'warning' }}" style="font-size: 13px; padding: 6px 12px;">
                {{ ucfirst($declaration->declaration_type ?? 'Provisional') }} Declaration
            </span>
            <span class="badge badge-light-{{ ($declaration->status ?? '') === 'active' ? 'success' : (($declaration->status ?? '') === 'calculated' ? 'warning' : 'secondary') }}" style="font-size: 13px; padding: 6px 12px;">
                @if(($declaration->status ?? '') === 'calculated')
                    Calculated
                @elseif(($declaration->status ?? '') === 'active')
                    ✓ Active
                @else
                    {{ ucfirst($declaration->status ?? 'Draft') }}
                @endif
            </span>
            @if(in_array($declaration->status ?? '', ['calculated', 'draft']))
                @php
                    $pendingProofs = 0;
                    if (($declaration->declaration_type ?? 'provisional') === 'final') {
                        $pendingProofs = $declaration->details->where('declared_amount', '>', 0)->filter(function($d) {
                            return empty($d->proof_status) || $d->proof_status !== 'verified';
                        })->count();
                    }
                @endphp
                @if(($declaration->declaration_type ?? 'provisional') === 'final' && $pendingProofs > 0)
                    <span class="badge badge-light-danger" style="font-size: 13px; padding: 6px 12px;">
                        {{ $pendingProofs }} proof(s) pending
                    </span>
                @endif
                <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#approveModal">
                    <i data-feather="check-circle" class="me-25"></i> Approve
                </button>
                <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#rejectModal">
                    <i data-feather="x-circle" class="me-25"></i> Reject
                </button>
            @endif
        </div>
    </div>

    {{-- Step 1: Employee & Income Details --}}
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Step 1: Employee & Income Details</h4>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-4">
                    <div class="mb-1">
                        <div class="info-label">Employee</div>
                        <div class="info-value">{{ $declaration->employee->name ?? 'N/A' }} ({{ $declaration->employee->employee_code ?? '' }})</div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-1">
                        <div class="info-label">Tax Regime</div>
                        <div class="info-value">
                            <span class="badge badge-light-primary" style="font-size: 0.9rem;">{{ strtoupper($declaration->regime ?? 'OLD') }} REGIME</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-1">
                        <div class="info-label">Financial Year</div>
                        <div class="info-value">{{ $declaration->financialYear?->label ?? $fy ?? 'N/A' }}</div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-1">
                        <div class="info-label">Declaration Type</div>
                        <div class="info-value">
                            <span class="badge badge-light-{{ ($declaration->declaration_type ?? 'provisional') === 'final' ? 'info' : 'warning' }}">
                                {{ ucfirst($declaration->declaration_type ?? 'Provisional') }}
                            </span>
                            @if(($declaration->declaration_type ?? 'provisional') === 'provisional')
                                <small class="text-muted d-block">Based on assumed investments</small>
                            @else
                                <small class="text-muted d-block">With proofs – uses approved amounts</small>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            @if($profile)
            <hr class="my-1">
            <h6 class="mb-75">Salary Components</h6>
            <div class="row">
                <div class="col-md-3">
                    <div class="mb-1">
                        <div class="info-label">Annual CTC</div>
                        <div class="info-value">₹ {{ number_format($profile->annual_ctc ?? 0, 0) }}</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="mb-1">
                        <div class="info-label">Basic Salary (Annual)</div>
                        <div class="info-value">₹ {{ number_format($profile->basic_salary ?? 0, 0) }}</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="mb-1">
                        <div class="info-label">HRA Received (Annual)</div>
                        <div class="info-value">₹ {{ number_format($profile->hra_received ?? 0, 0) }}</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="mb-1">
                        <div class="info-label">PAN Number</div>
                        <div class="info-value">{{ $profile->pan_number ?? 'N/A' }}</div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3">
                    <div class="mb-1">
                        <div class="info-label">Rent Paid (Annual)</div>
                        <div class="info-value">₹ {{ number_format($profile->rent_paid ?? 0, 0) }}</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="mb-1">
                        <div class="info-label">Rent Receipt / Agreement</div>
                        <div class="info-value">
                            @if(!empty($profile->rent_proof_file))
                                <a href="{{ \App\Helpers\GeneralHelper::getDownloadUrl($profile->rent_proof_file) }}" target="_blank" class="btn btn-sm btn-outline-success py-25 px-50">
                                    <i data-feather="eye" class="font-small-4"></i> View
                                </a>
                                @if(($profile->rent_proof_status ?? '') === 'verified')
                                    <span class="badge badge-light-success">Verified</span>
                                @elseif(($profile->rent_proof_status ?? '') === 'rejected')
                                    <span class="badge badge-light-danger">Rejected</span>
                                @else
                                    <span class="badge badge-light-secondary">Pending</span>
                                @endif
                            @else
                                <span class="text-muted">Not uploaded</span>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="mb-1">
                        <div class="info-label">Metro City</div>
                        <div class="info-value">{{ ($profile->is_metro_city ?? false) ? 'Yes' : 'No' }}</div>
                    </div>
                </div>
            </div>
            @endif
        </div>
    </div>

    {{-- Step 2: Section-wise Declarations (Old Regime Only) --}}
    @if(($declaration->regime ?? 'old') === 'old' && $deductions && count($deductions) > 0)
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h4 class="card-title mb-0">Step 2: Investment Declarations (Section-wise)</h4>
            @if(($declaration->declaration_type ?? 'provisional') === 'final')
                <span class="badge badge-light-info">Final Declaration</span>
            @endif
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-sm table-bordered mb-0">
                    <thead class="table-light">
                        <tr>
                            <th width="15%">Section</th>
                            <th width="25%">Description</th>
                            <th width="15%" class="text-end">Declared (₹)</th>
                            <th width="15%" class="text-end">Approved (₹)</th>
                            <th width="15%" class="text-center">Proof</th>
                            <th width="15%">Remarks</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($deductions as $deduction)
                        <tr>
                            <td>
                                <strong class="text-primary">{{ $deduction->taxSection->section_code ?? 'N/A' }}</strong>
                            </td>
                            <td>
                                {{ $deduction->taxSection->name ?? '' }}
                                @if($deduction->taxSectionHead)
                                    <br><small class="text-muted">↳ {{ $deduction->taxSectionHead->name ?? '' }}</small>
                                @endif
                                @if($deduction->description)
                                    <br><small class="text-muted">{{ $deduction->description }}</small>
                                @endif
                            </td>
                            <td class="text-end">{{ number_format($deduction->declared_amount ?? 0, 0) }}</td>
                            <td class="text-end">
                                @if(($deduction->approved_amount ?? 0) != ($deduction->declared_amount ?? 0))
                                    <span class="text-warning fw-bold">{{ number_format($deduction->approved_amount ?? 0, 0) }}</span>
                                @else
                                    {{ number_format($deduction->approved_amount ?? 0, 0) }}
                                @endif
                            </td>
                            <td class="text-center">
                                @if($deduction->proof_file)
                                    <a href="{{ \App\Helpers\GeneralHelper::getDownloadUrl($deduction->proof_file) }}" target="_blank" class="btn btn-sm btn-outline-success py-25 px-50" title="View uploaded proof">
                                        <i data-feather="eye" class="font-small-4"></i> View
                                    </a>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                            <td>{{ $deduction->proof_remarks ?? '—' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="table-light">
                            <td colspan="2" class="text-end fw-bold">Total:</td>
                            <td class="text-end fw-bold">₹ {{ number_format($deductions->sum('declared_amount'), 0) }}</td>
                            <td class="text-end fw-bold">₹ {{ number_format($deductions->sum('approved_amount'), 0) }}</td>
                            <td colspan="2"></td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
    @endif

    {{-- TDS Calculation Sheet --}}
    @if($calculation)
    @php
        $regime          = $declaration->regime ?? 'old';
        $grossIncome     = (float)($calculation->gross_income ?? 0);
        $actualSalary    = (float)($calculation->actual_salary ?? 0);
        $projectedSalary = (float)($calculation->projected_salary ?? 0);
        $stdDed       = (float)($calculation->standard_deduction ?? 0);
        $gti          = max(0, $grossIncome - $stdDed);
        $hraEx        = (float)($calculation->hra_exemption ?? 0);
        $chap6        = max(0, ($calculation->total_deductions ?? 0) - $hraEx - $stdDed);
        $taxableInc   = (float)($calculation->taxable_income ?? 0);
        $taxAmt       = (float)($calculation->tax_amount ?? 0);
        $surcharge    = (float)($calculation->surcharge ?? 0);
        $rebate       = (float)($calculation->rebate ?? 0);
        $cess         = (float)($calculation->education_cess ?? 0);
        $totalTax     = (float)($calculation->total_tax ?? 0);
        $deducted     = (float)($calculation->tax_already_deducted ?? 0);
        $remaining    = (float)($calculation->remaining_tax ?? 0);
        $months       = (int)($calculation->remaining_months ?? 0);
        $monthlyTds   = (float)($calculation->monthly_tds ?? 0);
        $regimeLabel  = strtoupper($regime) . ' Regime';
    @endphp
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h4 class="card-title mb-0">
                <i data-feather="file-text" class="font-medium-3 me-50"></i>
                TDS Calculation Sheet
                <small class="text-muted d-block ms-4 mt-25">Version {{ $calculation->version ?? 1 }} &middot; {{ $calculation->created_at?->format('d-M-Y H:i') ?? '' }}</small>
            </h4>
            <span class="badge badge-light-{{ ($calculation->status ?? '') === 'active' ? 'success' : 'warning' }}" style="font-size: 12px;">
                {{ ucfirst($calculation->status ?? 'Calculated') }}
            </span>
        </div>
        <div class="card-body pt-0">
            <div class="table-responsive">
                <table class="table table-bordered mb-0" id="tdsCalcTable">
                    <thead class="table-light">
                        <tr>
                            <th width="46%">Description</th>
                            <th width="18%" class="text-amount">Projected (₹)</th>
                            <th width="36%" class="text-amount">{{ $regimeLabel }} (₹)</th>
                        </tr>
                    </thead>
                    <tbody>
                        {{-- Projected Gross Salary breakdown --}}
                        <tr class="row-sub">
                            <td class="row-label ps-3 text-muted" style="font-size:0.85em;">Actual Salary (past months from payslips)</td>
                            <td class="text-amount text-muted" style="font-size:0.85em;">{{ number_format($actualSalary, 0) }}</td>
                            <td class="text-amount"></td>
                        </tr>
                        <tr class="row-sub">
                            <td class="row-label ps-3 text-muted" style="font-size:0.85em;">Projected Salary (current &amp; future months from CTC)</td>
                            <td class="text-amount text-muted" style="font-size:0.85em;">{{ number_format($projectedSalary, 0) }}</td>
                            <td class="text-amount"></td>
                        </tr>
                        <tr>
                            <td class="row-label fw-semibold">Projected Gross Salary (Total)</td>
                            <td class="text-amount fw-semibold">{{ number_format($grossIncome, 0) }}</td>
                            <td class="text-amount">{{ number_format($grossIncome, 0) }}</td>
                        </tr>
                        {{-- Standard Deduction --}}
                        <tr>
                            <td class="row-label">Less: Standard Deduction u/s 16</td>
                            <td class="text-amount"></td>
                            <td class="text-amount">-{{ number_format($stdDed, 0) }}</td>
                        </tr>
                        {{-- GTI --}}
                        <tr class="row-total">
                            <td>Gross Total Income</td>
                            <td class="text-amount"></td>
                            <td class="text-amount">{{ number_format($gti, 0) }}</td>
                        </tr>

                        {{-- Old Regime deductions --}}
                        @if($regime === 'old')
                        <tr>
                            <td class="row-label">Less: HRA Exemption</td>
                            <td class="text-amount"></td>
                            <td class="text-amount">{{ $hraEx > 0 ? '-' . number_format($hraEx, 0) : '0' }}</td>
                        </tr>
                        <tr>
                            <td class="row-label">Less: Deductions under Chapter VI-A</td>
                            <td class="text-amount"></td>
                            <td class="text-amount">{{ $chap6 > 0 ? '-' . number_format($chap6, 0) : '0' }}</td>
                        </tr>
                        @if($calculation->deductions && count($calculation->deductions) > 0)
                            @foreach($calculation->deductions as $calcDed)
                            @if(($calcDed->eligible_amount ?? 0) > 0)
                            <tr class="row-sub">
                                <td style="padding-left:2.5rem;">
                                    {{ $calcDed->taxSection->section_code ?? '' }} — {{ $calcDed->taxSection->name ?? '' }}
                                    @if($calcDed->taxSectionHead) — {{ $calcDed->taxSectionHead->name }}@endif
                                </td>
                                <td class="text-amount"></td>
                                <td class="text-amount">{{ number_format($calcDed->eligible_amount, 0) }}</td>
                            </tr>
                            @endif
                            @endforeach
                        @endif
                        @endif

                        {{-- Total Taxable Income --}}
                        <tr class="row-total">
                            <td>Total Taxable Income</td>
                            <td class="text-amount"></td>
                            <td class="text-amount">{{ number_format($taxableInc, 0) }}</td>
                        </tr>

                        {{-- Tax --}}
                        <tr>
                            <td class="row-label">Tax on Total Income</td>
                            <td class="text-amount"></td>
                            <td class="text-amount">{{ number_format($taxAmt, 0) }}</td>
                        </tr>
                        <tr>
                            <td class="row-sub">Add: Surcharge</td>
                            <td class="text-amount"></td>
                            <td class="text-amount">{{ number_format($surcharge, 0) }}</td>
                        </tr>
                        <tr>
                            <td class="row-sub">Less: Rebate u/s 87A</td>
                            <td class="text-amount"></td>
                            <td class="text-amount">{{ $rebate > 0 ? '-' . number_format($rebate, 0) : '0' }}</td>
                        </tr>
                        <tr>
                            <td class="row-sub">Add: Health &amp; Education Cess (4%)</td>
                            <td class="text-amount"></td>
                            <td class="text-amount">{{ number_format($cess, 0) }}</td>
                        </tr>
                        <tr class="row-total">
                            <td>Total Tax Liability</td>
                            <td class="text-amount"></td>
                            <td class="text-amount" style="color: #d32f2f; font-size: 1.05rem;">{{ number_format($totalTax, 0) }}</td>
                        </tr>
                        <tr>
                            <td class="row-label">Less: Tax Deducted Till Date</td>
                            <td class="text-amount"></td>
                            <td class="text-amount">{{ number_format($deducted, 0) }}</td>
                        </tr>
                        <tr>
                            <td class="row-label">Tax to be Deducted (Balance)</td>
                            <td class="text-amount"></td>
                            <td class="text-amount" style="color: {{ $remaining > 0 ? '#d32f2f' : '#388e3c' }};">{{ number_format($remaining, 0) }}</td>
                        </tr>
                        <tr class="row-total">
                            <td>Remaining Months in FY</td>
                            <td class="text-amount" colspan="2" style="text-align:center;">{{ $months }} months</td>
                        </tr>
                        <tr class="row-grand">
                            <td>Monthly TDS</td>
                            <td class="text-amount" colspan="2">₹ {{ number_format($monthlyTds, 0) }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @else
    <div class="card">
        <div class="card-body text-center py-3">
            <i data-feather="alert-circle" class="font-large-2 text-warning mb-1"></i>
            <h5>No Calculation Found</h5>
            <p class="text-muted">Tax has not been calculated for this declaration yet.</p>
            <a href="{{ route('tdx.declarations.edit', ['alias' => $alias, 'id' => $declaration->id]) }}" class="btn btn-primary">
                <i data-feather="edit" class="me-25"></i> Edit & Calculate
            </a>
        </div>
    </div>
    @endif

    {{-- Monthly TDS Breakdown --}}
    @if($monthly_tds && count($monthly_tds) > 0)
    <div class="card">
        <div class="card-header py-75">
            <h4 class="card-title mb-0">
                <i data-feather="calendar" class="font-medium-3 me-50"></i>
                Monthly TDS Breakdown
            </h4>
        </div>
        <div class="card-body pt-0">
            <div class="table-responsive">
                <table class="table table-sm table-bordered mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Month & Year</th>
                            <th class="text-end">Gross Salary (₹)</th>
                            <th class="text-end">TDS Amount (₹)</th>
                            <th class="text-end">Cumulative TDS (₹)</th>
                            <th class="text-center">Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($monthly_tds as $tds)
                        <tr>
                            <td>{{ DateTime::createFromFormat('!m', $tds->month ?? 1)->format('F') }} {{ $tds->year ?? date('Y') }}</td>
                            <td class="text-end">{{ number_format($tds->gross_salary ?? 0, 0) }}</td>
                            <td class="text-end">{{ number_format($tds->tds_amount ?? 0, 0) }}</td>
                            <td class="text-end"><strong>{{ number_format($tds->cumulative_tds ?? 0, 0) }}</strong></td>
                            <td class="text-center">
                                @if(($tds->status ?? '') === 'deducted')
                                    <span class="badge badge-light-success">Deducted</span>
                                @elseif(($tds->status ?? '') === 'pending')
                                    <span class="badge badge-light-warning">Pending</span>
                                @else
                                    <span class="badge badge-light-secondary">{{ ucfirst($tds->status ?? 'N/A') }}</span>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    {{-- Version History --}}
    @if($versionChain && count($versionChain) > 1)
    <div class="card">
        <div class="card-header py-75">
            <h4 class="card-title mb-0">
                <i data-feather="git-branch" class="font-medium-3 me-50"></i>
                Calculation Version History
            </h4>
        </div>
        <div class="card-body pt-0">
            <div class="table-responsive">
                <table class="table table-sm table-bordered mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Version</th>
                            <th>Status</th>
                            <th>Created</th>
                            <th class="text-end">Gross Income (₹)</th>
                            <th class="text-end">Taxable Income (₹)</th>
                            <th class="text-end">Total Tax (₹)</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($versionChain as $version)
                        <tr @if($version->id === ($calculation->id ?? null)) class="table-active" @endif>
                            <td>
                                <strong>v{{ $version->version ?? 1 }}</strong>
                                @if($version->id === ($calculation->id ?? null))
                                    <span class="badge badge-light-primary ms-1">CURRENT</span>
                                @endif
                            </td>
                            <td>
                                @if(($version->status ?? '') === 'superseded')
                                    <span class="badge badge-light-warning">Superseded</span>
                                @elseif(($version->status ?? '') === 'active')
                                    <span class="badge badge-light-success">Active</span>
                                @elseif(($version->status ?? '') === 'calculated')
                                    <span class="badge badge-light-info">Calculated</span>
                                @else
                                    <span class="badge badge-light-secondary">{{ ucfirst($version->status ?? 'N/A') }}</span>
                                @endif
                            </td>
                            <td>{{ $version->created_at?->format('d-M-Y H:i') ?? 'N/A' }}</td>
                            <td class="text-end">{{ number_format($version->gross_income ?? 0, 0) }}</td>
                            <td class="text-end">{{ number_format($version->taxable_income ?? 0, 0) }}</td>
                            <td class="text-end"><strong>{{ number_format($version->total_tax ?? 0, 0) }}</strong></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    {{-- Approval Logs --}}
    @if($declaration->approvalLogs && count($declaration->approvalLogs) > 0)
    <div class="card">
        <div class="card-header py-75">
            <h4 class="card-title mb-0">
                <i data-feather="shield" class="font-medium-3 me-50"></i>
                Approval Workflow History
            </h4>
        </div>
        <div class="card-body pt-0">
            <div class="table-responsive">
                <table class="table table-sm table-bordered mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Date & Time</th>
                            <th>Action</th>
                            <th>By</th>
                            <th>Comments</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($declaration->approvalLogs->sortByDesc('created_at') as $log)
                        <tr>
                            <td>{{ $log->created_at?->format('d-M-Y H:i') ?? 'N/A' }}</td>
                            <td>
                                @if(($log->action ?? '') === 'calculated')
                                    <span class="badge badge-light-info">Calculated</span>
                                @elseif(($log->action ?? '') === 'approved')
                                    <span class="badge badge-light-success">Approved</span>
                                @elseif(($log->action ?? '') === 'rejected')
                                    <span class="badge badge-light-danger">Rejected</span>
                                @elseif(($log->action ?? '') === 'superseded')
                                    <span class="badge badge-light-warning">Superseded</span>
                                @else
                                    <span class="badge badge-light-secondary">{{ ucfirst($log->action ?? 'N/A') }}</span>
                                @endif
                            </td>
                            <td>{{ $log->actionUser->name ?? 'System' }}</td>
                            <td>{{ $log->comments ?? '-' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

</section>

{{-- Approve Modal --}}
<div class="modal fade" id="approveModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Approve Calculation</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form method="POST" action="{{ route('tdx.declarations.approve-calculation', ['alias' => $alias, 'id' => $declaration->id]) }}">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="approve_reason" class="form-label"><strong>Comments (Optional):</strong></label>
                        <textarea name="comments" id="approve_reason" class="form-control" rows="4" placeholder="Add any comments for this approval..."></textarea>
                        <small class="form-text text-muted">These comments will be recorded in the audit log.</small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-success">
                        <i data-feather="check-circle"></i> Approve
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Reject Modal --}}
<div class="modal fade" id="rejectModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Reject Calculation</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form method="POST" action="{{ route('tdx.declarations.reject-calculation', ['alias' => $alias, 'id' => $declaration->id]) }}">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="reason" class="form-label"><strong>Reason for Rejection:</strong></label>
                        <textarea name="comments" id="reason" class="form-control" rows="4" required placeholder="Enter reason for rejecting this calculation..."></textarea>
                        <small class="form-text text-muted">This reason will be recorded in the audit log.</small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-danger">
                        <i data-feather="x"></i> Reject
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('footer-script')
    <script>
        if (typeof feather !== 'undefined') {
            requestAnimationFrame(() => feather.replace());
        }
    </script>
@endpush