@extends('app-new')

@push('head-script')
    {{-- <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css"> --}}
@endpush

@push('styles')
    <style>
        /* Prevent layout shift during icon rendering and page load */
        [data-feather] {
            display: inline-block !important;
            width: 1em;
            height: 1em;
            vertical-align: -0.125em;
            line-height: 1;
            stroke-linecap: round;
            stroke-linejoin: round;
            box-sizing: border-box;
        }
        
        /* Table stability */
        .table tbody tr {
            line-height: 1.5;
        }
        
        /* Container stability */
        .card {
            position: relative;
        }
        
        .card-body {
            min-height: auto;
        }
        
        /* Badge consistency */
        .badge {
            display: inline-block;
            white-space: nowrap;
        }
        
        /* Button stability */
        .btn {
            white-space: nowrap;
            box-sizing: border-box;
        }
        
        .d-flex.gap-2 {
            flex-wrap: nowrap;
        }
        
        /* Row alignment consistency */
        .d-flex.justify-content-between {
            flex-wrap: nowrap;
        }
    </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')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="card-title">Declaration Preview</h4>
                    <span class="badge badge-light-warning">
                        @if(($declaration->status ?? '') === 'calculated')
                            Calculated
                        @elseif(($declaration->status ?? '') === 'active')
                            Active
                        @else
                            {{ ucfirst($declaration->status ?? 'Draft') }}
                        @endif
                    </span>
                </div>
                <div class="card-body">
                    <!-- Declaration Info -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <h6 class="text-muted">Declaration Details</h6>
                            <table class="table table-sm">
                                <tr>
                                    <td><strong>Employee:</strong></td>
                                    <td>{{ $declaration->employee->name ?? 'N/A' }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Employee Code:</strong></td>
                                    <td>{{ $declaration->employee->employee_code ?? 'N/A' }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Financial Year:</strong></td>
                                    <td>{{ $declaration->financialYear?->label ?? $fy ?? 'N/A' }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Regime:</strong></td>
                                    <td><span class="badge badge-light-primary">{{ strtoupper($declaration->regime ?? 'OLD') }}</span></td>
                                </tr>
                                @if($profile)
                                <tr>
                                    <td><strong>Annual CTC:</strong></td>
                                    <td>₹ {{ number_format($profile->annual_ctc ?? 0, 2) }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Basic Salary (Annual):</strong></td>
                                    <td>₹ {{ number_format($profile->basic_salary ?? 0, 2) }}</td>
                                </tr>
                                <tr>
                                    <td><strong>HRA Received (Annual):</strong></td>
                                    <td>₹ {{ number_format($profile->hra_received ?? 0, 2) }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Rent Paid (Annual):</strong></td>
                                    <td>₹ {{ number_format($profile->rent_paid ?? 0, 2) }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Metro City:</strong></td>
                                    <td>{{ ($profile->is_metro_city ?? false) ? 'Yes' : 'No' }}</td>
                                </tr>
                                @endif
                            </table>
                        </div>
                        <div class="col-md-6">
                            <h6 class="text-muted">Submission Details</h6>
                            <table class="table table-sm">
                                <tr>
                                    <td><strong>Declaration Version:</strong></td>
                                    <td>v{{ $calculation->version ?? 1 }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Status:</strong></td>
                                    <td><span class="badge badge-light-warning">
                                        @if(($declaration->status ?? '') === 'calculated')
                                            Calculated
                                        @elseif(($declaration->status ?? '') === 'active')
                                            Active
                                        @else
                                            {{ ucfirst($declaration->status ?? 'Draft') }}
                                        @endif
                                    </span></td>
                                </tr>
                                <tr>
                                    <td><strong>Created:</strong></td>
                                    <td>{{ $declaration->created_at?->format('d-M-Y H:i') ?? 'N/A' }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>

                    <!-- Calculation Summary -->
                    @if($calculation)
                    <div class="row mb-4">
                        <div class="col-md-12">
                            <h6 class="text-muted border-bottom pb-2">Calculation Breakdown</h6>
                            <table class="table table-bordered">
                                <thead class="table-light">
                                    <tr>
                                        <th>Item</th>
                                        <th class="text-right">Amount (₹)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><strong>Gross Income</strong></td>
                                        <td class="text-right"><strong>{{ number_format($calculation->gross_income ?? 0, 2) }}</strong></td>
                                    </tr>
                                    <tr class="table-active">
                                        <td>HRA Exemption</td>
                                        <td class="text-right">-{{ number_format($calculation->hra_exemption ?? 0, 2) }}</td>
                                    </tr>
                                    <tr class="table-active">
                                        <td>Standard Deduction</td>
                                        <td class="text-right">-{{ number_format($calculation->standard_deduction ?? 0, 2) }}</td>
                                    </tr>
                                    <tr class="table-active">
                                        <td>House Property Income</td>
                                        <td class="text-right">{{ number_format($calculation->house_property_income ?? 0, 2) }}</td>
                                    </tr>
                                    <tr class="table-active">
                                        <td>Other Income</td>
                                        <td class="text-right">{{ number_format($calculation->other_income ?? 0, 2) }}</td>
                                    </tr>
                                    <tr class="table-active">
                                        <td>Total Deductions</td>
                                        <td class="text-right">-{{ number_format($calculation->total_deductions ?? 0, 2) }}</td>
                                    </tr>
                                    <tr class="table-light">
                                        <td><strong>Taxable Income</strong></td>
                                        <td class="text-right"><strong>{{ number_format($calculation->taxable_income ?? 0, 2) }}</strong></td>
                                    </tr>
                                    <tr>
                                        <td>Tax Amount</td>
                                        <td class="text-right">{{ number_format($calculation->tax_amount ?? 0, 2) }}</td>
                                    </tr>
                                    <tr>
                                        <td>Surcharge</td>
                                        <td class="text-right">{{ number_format($calculation->surcharge ?? 0, 2) }}</td>
                                    </tr>
                                    <tr>
                                        <td>Rebate (87A)</td>
                                        <td class="text-right">-{{ number_format($calculation->rebate ?? 0, 2) }}</td>
                                    </tr>
                                    <tr>
                                        <td>Education Cess</td>
                                        <td class="text-right">{{ number_format($calculation->education_cess ?? 0, 2) }}</td>
                                    </tr>
                                    <tr class="table-light">
                                        <td><strong>Total Tax Liability</strong></td>
                                        <td class="text-right"><strong style="font-size: 16px; color: #d32f2f;">{{ number_format($calculation->total_tax ?? 0, 2) }}</strong></td>
                                    </tr>
                                    <tr class="table-light">
                                        <td><strong>Tax Already Deducted</strong></td>
                                        <td class="text-right"><strong>{{ number_format($calculation->tax_already_deducted ?? 0, 2) }}</strong></td>
                                    </tr>
                                    <tr class="table-light">
                                        <td><strong>Remaining Tax Due / Refund</strong></td>
                                        <td class="text-right"><strong style="color: {{ ($calculation->remaining_tax ?? 0) > 0 ? '#d32f2f' : '#388e3c' }};">{{ number_format($calculation->remaining_tax ?? 0, 2) }}</strong></td>
                                    </tr>
                                    <tr>
                                        <td>Remaining Months</td>
                                        <td class="text-right">{{ $calculation->remaining_months ?? 0 }}</td>
                                    </tr>
                                    <tr class="table-light">
                                        <td><strong>Monthly TDS</strong></td>
                                        <td class="text-right"><strong>{{ number_format($calculation->monthly_tds ?? 0, 2) }}</strong></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @endif

                    <!-- Section-wise Deductions -->
                    @if($deductions && count($deductions) > 0)
                    <div class="row mb-4">
                        <div class="col-md-12">
                            <h6 class="text-muted border-bottom pb-2">Section-wise Deductions</h6>
                            <table class="table table-sm table-bordered">
                                <thead class="table-light">
                                    <tr>
                                        <th>Section</th>
                                        <th class="text-right">Declared (₹)</th>
                                        <th class="text-right">Approved (₹)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($deductions as $deduction)
                                    <tr>
                                        <td>{{ $deduction->taxSection->section_code ?? 'N/A' }} - {{ $deduction->taxSection->description ?? '' }}</td>
                                        <td class="text-right">{{ number_format($deduction->declared_amount ?? 0, 2) }}</td>
                                        <td class="text-right"><strong>{{ number_format($deduction->approved_amount ?? 0, 2) }}</strong></td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="3" class="text-center text-muted">No deductions recorded</td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @endif

                    <!-- House Property Details -->
                    @if($declaration->houseProperties && count($declaration->houseProperties) > 0)
                    <div class="row mb-4">
                        <div class="col-md-12">
                            <h6 class="text-muted border-bottom pb-2">House Property Details</h6>
                            <table class="table table-sm table-bordered">
                                <thead class="table-light">
                                    <tr>
                                        <th>Property</th>
                                        <th>Type</th>
                                        <th class="text-right">Annual Rent (₹)</th>
                                        <th class="text-right">Municipal Tax (₹)</th>
                                        <th class="text-right">Interest on Loan (₹)</th>
                                        <th class="text-right">Net Income (₹)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($declaration->houseProperties as $hp)
                                    <tr>
                                        <td>{{ $hp->property_name ?? 'N/A' }}</td>
                                        <td><span class="badge badge-light-{{ $hp->property_type === 'self_occupied' ? 'info' : 'primary' }}">{{ $hp->property_type === 'self_occupied' ? 'Self Occupied' : 'Let Out' }}</span></td>
                                        <td class="text-right">{{ number_format($hp->annual_rent_received ?? 0, 2) }}</td>
                                        <td class="text-right">{{ number_format($hp->municipal_tax_paid ?? 0, 2) }}</td>
                                        <td class="text-right">{{ number_format($hp->interest_on_loan ?? 0, 2) }}</td>
                                        <td class="text-right"><strong>{{ number_format($hp->net_income ?? 0, 2) }}</strong></td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @endif

                    <!-- Other Income Details -->
                    @if($declaration->otherIncomes && count($declaration->otherIncomes) > 0)
                    <div class="row mb-4">
                        <div class="col-md-12">
                            <h6 class="text-muted border-bottom pb-2">Other Income Details</h6>
                            <table class="table table-sm table-bordered">
                                <thead class="table-light">
                                    <tr>
                                        <th>Source</th>
                                        <th>Description</th>
                                        <th class="text-right">Amount (₹)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($declaration->otherIncomes as $oi)
                                    <tr>
                                        <td>{{ $oi->source_name ?? 'N/A' }}</td>
                                        <td>{{ $oi->description ?? '-' }}</td>
                                        <td class="text-right"><strong>{{ number_format($oi->amount ?? 0, 2) }}</strong></td>
                                    </tr>
                                    @endforeach
                                    <tr class="table-light">
                                        <td colspan="2"><strong>Total Other Income</strong></td>
                                        <td class="text-right"><strong>{{ number_format($declaration->otherIncomes->sum('amount'), 2) }}</strong></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @endif

                    <!-- Monthly TDS Breakdown -->
                    @if($monthly_tds && count($monthly_tds) > 0)
                    <div class="row mb-4">
                        <div class="col-md-12">
                            <h6 class="text-muted border-bottom pb-2">Monthly TDS Breakdown</h6>
                            <div class="table-responsive">
                                <table class="table table-sm table-bordered">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Month & Year</th>
                                            <th class="text-right">Gross Salary (₹)</th>
                                            <th class="text-right">TDS Amount (₹)</th>
                                            <th class="text-right">Cumulative TDS (₹)</th>
                                            <th class="text-center">Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($monthly_tds as $tds)
                                        <tr>
                                            <td>
                                                {{ DateTime::createFromFormat('!m', $tds->month ?? 1)->format('F') }} {{ $tds->year ?? date('Y') }}
                                            </td>
                                            <td class="text-right">{{ number_format($tds->gross_salary ?? 0, 2) }}</td>
                                            <td class="text-right">{{ number_format($tds->tds_amount ?? 0, 2) }}</td>
                                            <td class="text-right"><strong>{{ number_format($tds->cumulative_tds ?? 0, 2) }}</strong></td>
                                            <td class="text-center">
                                                @if(($tds->status ?? '') === 'active')
                                                    <span class="badge badge-success">Active</span>
                                                @elseif(($tds->status ?? '') === 'superseded')
                                                    <span class="badge badge-warning">Superseded</span>
                                                @else
                                                    <span class="badge badge-secondary">{{ $tds->status ?? 'Pending' }}</span>
                                                @endif
                                            </td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="5" class="text-center text-muted">No monthly TDS records</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    @endif

                    <!-- Version History -->
                    @if($versionChain && count($versionChain) > 0)
                    <div class="row mb-4">
                        <div class="col-md-12">
                            <h6 class="text-muted border-bottom pb-2">Version History</h6>
                            <div class="table-responsive">
                                <table class="table table-sm table-bordered">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Version</th>
                                            <th>Status</th>
                                            <th>Created</th>
                                            <th>Gross Income (₹)</th>
                                            <th>Taxable Income (₹)</th>
                                            <th>Total Tax (₹)</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($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-2">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>
                                                @else
                                                    <span class="badge badge-light-secondary">{{ $version->status ?? 'N/A' }}</span>
                                                @endif
                                            </td>
                                            <td>{{ $version->created_at->format('d-M-Y H:i') ?? 'N/A' }}</td>
                                            <td class="text-right">{{ number_format($version->gross_income ?? 0, 2) }}</td>
                                            <td class="text-right">{{ number_format($version->taxable_income ?? 0, 2) }}</td>
                                            <td class="text-right"><strong>{{ number_format($version->total_tax ?? 0, 2) }}</strong></td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="6" class="text-center text-muted">No version history</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    @endif

                    <!-- Approval Logs -->
                    @if($declaration->approvalLogs && count($declaration->approvalLogs) > 0)
                    <div class="row mb-4">
                        <div class="col-md-12">
                            <h6 class="text-muted border-bottom pb-2">Approval Workflow History</h6>
                            <div class="table-responsive">
                                <table class="table table-sm table-bordered">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Date & Time</th>
                                            <th>Action</th>
                                            <th>By</th>
                                            <th>Comments</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($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">{{ $log->action ?? 'N/A' }}</span>
                                                @endif
                                            </td>
                                            <td>{{ $log->actionUser->name ?? 'System' }}</td>
                                            <td>{{ $log->comments ?? '-' }}</td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="4" class="text-center text-muted">No approval logs</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    @endif

                    <div class="row mt-4">
                        <div class="col-md-12">
                            <h6 class="text-muted border-bottom pb-2">Actions</h6>
                            <div class="d-flex justify-content-between align-items-center">
                                <!-- Back & Edit Buttons (Left) -->
                                <div class="d-flex gap-2">
                                    <a href="{{ route('tdx.declarations.index', ['alias' => $alias]) }}" class="btn btn-outline-secondary">
                                        <i data-feather="arrow-left"></i> Back
                                    </a>
                                    <a href="{{ route('tdx.declarations.edit', ['alias' => $alias, 'id' => $declaration->id]) }}" class="btn btn-primary">
                                        <i data-feather="edit"></i> Edit Declaration
                                    </a>
                                </div>

                                <!-- Approve & Reject Buttons (Right) -->
                                @if(in_array($declaration->status ?? '', ['calculated', 'draft']))
                                <div class="d-flex gap-2">
                                    <!-- Approve Button (Modal Trigger) -->
                                    <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#approveModal">
                                        <i data-feather="check-circle"></i> Approve
                                    </button>

                                    <!-- Reject Button (Modal Trigger) -->
                                    <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#rejectModal">
                                        <i data-feather="x-circle"></i> Reject
                                    </button>
                                </div>
                                @else
                                <div>
                                    <span class="badge badge-light-success" style="font-size: 13px;">
                                        @if(($declaration->status ?? '') === 'active')
                                            ✓ Active
                                        @elseif(($declaration->status ?? '') === 'superseded')
                                            ⚠ Superseded by newer version
                                        @else
                                            {{ ucfirst($declaration->status ?? 'N/A') }}
                                        @endif
                                    </span>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 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>
        // Use requestAnimationFrame to prevent layout thrashing during icon rendering
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', function() {
                if (typeof feather !== 'undefined') {
                    requestAnimationFrame(() => feather.replace());
                }
            });
        } else {
            if (typeof feather !== 'undefined') {
                requestAnimationFrame(() => feather.replace());
            }
        }
    </script>
@endpush