@extends('app-new')

@push('head-script')
    <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
    <style>
        .proof-thumbnail { max-width: 100px; max-height: 80px; border-radius: 4px; cursor: pointer; }
        .detail-review-row { border: 1px solid #ebe9f1; border-radius: 6px; padding: 1rem; margin-bottom: 1rem; }
        .approval-log { border-left: 3px solid #7367f0; padding-left: 1rem; margin-bottom: 0.75rem; }
    </style>
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Review Declaration</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/approvals">Approvals</a></li>
                    <li class="breadcrumb-item active">Review</li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
    <section id="tdx-approval-review">
        {{-- Employee & Declaration Info --}}
        <div class="row">
            <div class="col-md-6 col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Employee Details</h4>
                    </div>
                    <div class="card-body">
                        <div class="d-flex justify-content-between mb-50">
                            <span class="text-muted">Name</span>
                            <span class="fw-bold">{{ $declaration->employee->name ?? 'N/A' }}</span>
                        </div>
                        <div class="d-flex justify-content-between mb-50">
                            <span class="text-muted">Employee Code</span>
                            <span class="fw-bold">{{ $declaration->employee->employee_code ?? '-' }}</span>
                        </div>
                        <div class="d-flex justify-content-between mb-50">
                            <span class="text-muted">Financial Year</span>
                            <span class="fw-bold">{{ $declaration->financialYear->label ?? '-' }}</span>
                        </div>
                        <div class="d-flex justify-content-between mb-50">
                            <span class="text-muted">Regime</span>
                            <span class="badge badge-light-{{ $declaration->regime === 'old' ? 'primary' : 'success' }}">
                                {{ ucfirst($declaration->regime) }} Regime
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Declaration Summary</h4>
                    </div>
                    <div class="card-body">
                        <div class="d-flex justify-content-between mb-50">
                            <span class="text-muted">Status</span>
                            @php
                                $statusColors = [
                                    'draft' => 'secondary', 'submitted' => 'info',
                                    'under_review' => 'warning', 'approved' => 'success', 'rejected' => 'danger',
                                ];
                            @endphp
                            <span class="badge badge-light-{{ $statusColors[$declaration->status] ?? 'secondary' }}">
                                {{ ucwords(str_replace('_', ' ', $declaration->status)) }}
                            </span>
                        </div>
                        <div class="d-flex justify-content-between mb-50">
                            <span class="text-muted">Total Declared</span>
                            <span class="fw-bold">&#8377; {{ number_format($declaration->total_declared_amount, 2) }}</span>
                        </div>
                        <div class="d-flex justify-content-between mb-50">
                            <span class="text-muted">Total Approved</span>
                            <span class="fw-bold text-success">&#8377; {{ number_format($declaration->total_approved_amount, 2) }}</span>
                        </div>
                        <div class="d-flex justify-content-between mb-50">
                            <span class="text-muted">Sections Declared</span>
                            <span class="fw-bold">{{ $declaration->details->count() }}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Approval Form --}}
        @if(in_array($declaration->status, ['submitted', 'under_review']))
            <form action="/{{ $alias }}/tdx/approvals/{{ $declaration->id }}/approve" method="POST" id="approvalForm">
                @csrf
                @method('PUT')

                {{-- House Properties Section --}}
                @if($declaration->houseProperties && $declaration->houseProperties->count() > 0)
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">House Properties</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-sm">
                                    <thead>
                                        <tr>
                                            <th>Property Name</th>
                                            <th>Address</th>
                                            <th>Type</th>
                                            <th>Annual Rent</th>
                                            <th>Municipal Tax</th>
                                            <th>Interest on Loan</th>
                                            <th>Net Income</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($declaration->houseProperties as $property)
                                            <tr>
                                                <td>{{ $property->property_name ?? '-' }}</td>
                                                <td>{{ $property->property_address ?? '-' }}</td>
                                                <td>
                                                    <span class="badge badge-light-{{ $property->property_type === 'self_occupied' ? 'primary' : 'info' }}">
                                                        {{ ucwords(str_replace('_', ' ', $property->property_type ?? '-')) }}
                                                    </span>
                                                </td>
                                                <td>₹ {{ number_format($property->annual_rent_received ?? 0, 2) }}</td>
                                                <td>₹ {{ number_format($property->municipal_tax_paid ?? 0, 2) }}</td>
                                                <td>₹ {{ number_format($property->interest_on_loan ?? 0, 2) }}</td>
                                                <td><strong>₹ {{ number_format($property->net_income ?? 0, 2) }}</strong></td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                @endif

                {{-- Other Incomes Section --}}
                @if($declaration->otherIncomes && $declaration->otherIncomes->count() > 0)
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Other Incomes</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-sm">
                                    <thead>
                                        <tr>
                                            <th>Income Source</th>
                                            <th>Amount</th>
                                            <th>Remarks</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($declaration->otherIncomes as $income)
                                            <tr>
                                                <td>{{ $income->income_source ?? '-' }}</td>
                                                <td>₹ {{ number_format($income->amount ?? 0, 2) }}</td>
                                                <td>{{ $income->remarks ?? '-' }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                @endif

                {{-- Section-wise Review --}}
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Section-wise Review</h4>
                    </div>
                    <div class="card-body">
                        @foreach($declaration->details as $detail)
                            <div class="detail-review-row">
                                <div class="row">
                                    <div class="col-md-3">
                                        <h6 class="text-primary mb-25">{{ $detail->taxSection->section_code ?? '-' }}</h6>
                                        <p class="mb-25">{{ $detail->taxSection->name ?? '' }}</p>
                                        <small class="text-muted">{{ $detail->description }}</small>
                                    </div>
                                    <div class="col-md-2">
                                        <label class="form-label">Declared</label>
                                        <p class="fw-bold">&#8377; {{ number_format($detail->declared_amount, 2) }}</p>
                                    </div>
                                    <div class="col-md-2">
                                        <label class="form-label">Approved Amount</label>
                                        <input type="hidden" name="details[{{ $loop->index }}][id]" value="{{ $detail->id }}">
                                        <input type="number" class="form-control" step="0.01" min="0"
                                               name="details[{{ $loop->index }}][approved_amount]"
                                               value="{{ $detail->approved_amount > 0 ? $detail->approved_amount : $detail->declared_amount }}"
                                               max="{{ $detail->declared_amount }}">
                                    </div>
                                    <div class="col-md-2">
                                        <label class="form-label">Proof Status</label>
                                        <select class="form-select" name="details[{{ $loop->index }}][proof_status]">
                                            <option value="pending" {{ $detail->proof_status === 'pending' ? 'selected' : '' }}>Pending</option>
                                            <option value="verified" {{ $detail->proof_status === 'verified' ? 'selected' : '' }}>Verified</option>
                                            <option value="rejected" {{ $detail->proof_status === 'rejected' ? 'selected' : '' }}>Rejected</option>
                                        </select>
                                    </div>
                                    <div class="col-md-2">
                                        <label class="form-label">Remarks</label>
                                        <input type="text" class="form-control"
                                               name="details[{{ $loop->index }}][proof_remarks]"
                                               value="{{ $detail->proof_remarks }}"
                                               placeholder="Optional...">
                                    </div>
                                    <div class="col-md-1 d-flex align-items-center">
                                        @if($detail->proof_file && file_exists(public_path($detail->proof_file)))
                                            <a href="{{ \App\Helpers\GeneralHelper::getDownloadUrl($detail->proof_file) }}" target="_blank"
                                               class="btn btn-sm btn-outline-info" title="View/Download Proof">
                                                <i data-feather="download" class="font-small-4"></i>
                                            </a>
                                        @else
                                            <span class="badge badge-light-secondary">No Proof</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>

                {{-- Comments & Actions --}}
                <div class="card">
                    <div class="card-body">
                        <div class="mb-1">
                            <label class="form-label">Comments</label>
                            <textarea class="form-control" name="comments" rows="3"
                                      placeholder="Add approval comments...">{{ old('comments') }}</textarea>
                        </div>
                        <div class="d-flex flex-row-reverse gap-1">
                            <button type="submit" class="btn btn-success" id="approveBtn">
                                <i data-feather="check" class="me-25"></i> Approve
                            </button>
                            <button type="button" class="btn btn-danger" id="rejectBtn">
                                <i data-feather="x" class="me-25"></i> Reject
                            </button>
                            <a href="/{{ $alias }}/tdx/approvals" class="btn btn-outline-secondary">
                                Cancel
                            </a>
                        </div>
                    </div>
                </div>
            </form>

            {{-- Hidden Reject Form --}}
            <form action="/{{ $alias }}/tdx/approvals/{{ $declaration->id }}/reject" method="POST" id="rejectForm" style="display:none;">
                @csrf
                @method('PUT')
                <input type="hidden" name="comments" id="rejectComments">
            </form>
        @else
            {{-- Read-only view for non-actionable declarations --}}
            
            {{-- House Properties Section --}}
            @if($declaration->houseProperties && $declaration->houseProperties->count() > 0)
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">House Properties</h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-sm">
                                <thead>
                                    <tr>
                                        <th>Property Name</th>
                                        <th>Address</th>
                                        <th>Type</th>
                                        <th>Annual Rent</th>
                                        <th>Municipal Tax</th>
                                        <th>Interest on Loan</th>
                                        <th>Net Income</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($declaration->houseProperties as $property)
                                        <tr>
                                            <td>{{ $property->property_name ?? '-' }}</td>
                                            <td>{{ $property->property_address ?? '-' }}</td>
                                            <td>
                                                <span class="badge badge-light-{{ $property->property_type === 'self_occupied' ? 'primary' : 'info' }}">
                                                    {{ ucwords(str_replace('_', ' ', $property->property_type ?? '-')) }}
                                                </span>
                                            </td>
                                            <td>₹ {{ number_format($property->annual_rent_received ?? 0, 2) }}</td>
                                            <td>₹ {{ number_format($property->municipal_tax_paid ?? 0, 2) }}</td>
                                            <td>₹ {{ number_format($property->interest_on_loan ?? 0, 2) }}</td>
                                            <td><strong>₹ {{ number_format($property->net_income ?? 0, 2) }}</strong></td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            @endif

            {{-- Other Incomes Section --}}
            @if($declaration->otherIncomes && $declaration->otherIncomes->count() > 0)
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Other Incomes</h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-sm">
                                <thead>
                                    <tr>
                                        <th>Income Source</th>
                                        <th>Amount</th>
                                        <th>Remarks</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($declaration->otherIncomes as $income)
                                        <tr>
                                            <td>{{ $income->income_source ?? '-' }}</td>
                                            <td>₹ {{ number_format($income->amount ?? 0, 2) }}</td>
                                            <td>{{ $income->remarks ?? '-' }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            @endif

            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Declaration Details</h4>
                </div>
                <div class="card-datatable">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Section</th>
                                <th>Description</th>
                                <th>Declared</th>
                                <th>Approved</th>
                                <th>Proof Status</th>
                                <th>Remarks</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($declaration->details as $detail)
                                <tr>
                                    <td>
                                        <strong>{{ $detail->taxSection->section_code ?? '-' }}</strong><br>
                                        <small>{{ $detail->taxSection->name ?? '' }}</small>
                                    </td>
                                    <td>{{ $detail->description ?? '-' }}</td>
                                    <td>&#8377; {{ number_format($detail->declared_amount, 2) }}</td>
                                    <td>&#8377; {{ number_format($detail->approved_amount, 2) }}</td>
                                    <td>
                                        @php
                                            $pColors = ['pending' => 'warning', 'verified' => 'success', 'rejected' => 'danger'];
                                        @endphp
                                        <span class="badge badge-light-{{ $pColors[$detail->proof_status] ?? 'secondary' }}">
                                            {{ ucfirst($detail->proof_status) }}
                                        </span>
                                    </td>
                                    <td>{{ $detail->proof_remarks ?? '-' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            <a href="/{{ $alias }}/tdx/approvals" class="btn btn-outline-secondary">
                <i data-feather="arrow-left"></i> Back
            </a>
        @endif

        {{-- Approval Log --}}
        @if($declaration->approvalLogs && $declaration->approvalLogs->count() > 0)
            <div class="card mt-2">
                <div class="card-header">
                    <h4 class="card-title">Approval History</h4>
                </div>
                <div class="card-body">
                    @foreach($declaration->approvalLogs->sortByDesc('created_at') as $log)
                        <div class="approval-log">
                            <div class="d-flex justify-content-between">
                                <span>
                                    <strong>{{ $log->actionUser->name ?? 'System' }}</strong>
                                    <span class="badge badge-light-{{ $log->action === 'approved' ? 'success' : ($log->action === 'rejected' ? 'danger' : 'info') }}">
                                        {{ ucfirst($log->action) }}
                                    </span>
                                </span>
                                <small class="text-muted">{{ $log->created_at->format('d M Y, h:i A') }}</small>
                            </div>
                            @if($log->comments)
                                <p class="text-muted mb-0 mt-25">{{ $log->comments }}</p>
                            @endif
                        </div>
                    @endforeach
                </div>
            </div>
        @endif
    </section>
@endsection

@push('footer-script')
    <script>
        $(document).ready(function () {
            if (feather) feather.replace();

            // Approve button with SweetAlert
            $('#approveBtn').on('click', function (e) {
                e.preventDefault();
                
                Swal.fire({
                    title: 'Approve Declaration?',
                    html: '<p>Please ensure all details have been verified before approving.</p>',
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonText: '<i class="me-50" data-feather="check" style="width:14px;height:14px;"></i> Approve',
                    cancelButtonText: 'Cancel',
                    didOpen: function(popup) {
                        if (feather) feather.replace();
                    }
                }).then((result) => {
                    if (result.isConfirmed) {
                        $('#approvalForm').submit();
                    }
                });
            });

            // Reject button with SweetAlert
            $('#rejectBtn').on('click', function () {
                var comments = $('textarea[name="comments"]').val();
                
                Swal.fire({
                    title: 'Reject Declaration?',
                    html: '<p>Please provide rejection comments:</p>' +
                          '<textarea id="rejectCommentsInput" class="form-control" style="margin-top:1rem;" rows="3" placeholder="Enter rejection reason..."></textarea>',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: '<i class="me-50" data-feather="x" style="width:14px;height:14px;"></i> Reject',
                    cancelButtonText: 'Cancel',
                    didOpen: function(popup) {
                        if (feather) feather.replace();
                        var input = popup.querySelector('#rejectCommentsInput');
                        input.value = comments;
                        input.focus();
                    },
                    preConfirm: function() {
                        var input = Swal.getPopup().querySelector('#rejectCommentsInput');
                        if (!input.value || input.value.trim() === '') {
                            Swal.showValidationMessage('Please provide rejection comments');
                            return false;
                        }
                        return input.value;
                    }
                }).then((result) => {
                    if (result.isConfirmed) {
                        $('#rejectComments').val(result.value);
                        $('#rejectForm').submit();
                    }
                });
            });
        });
    </script>
@endpush