@extends('layouts.auth.app')

@section('title', 'Settlement Revocation - Assessment')

@section('content')
<div class="mb-4">
    <a href="{{ route('settlement-revocation.index') }}" class="inline-flex items-center text-sm text-gray-600 hover:text-teal-600">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
        </svg>
        Back to Search
    </a>
</div>

<div class="mb-6">
    <h2 class="text-xl font-semibold text-gray-900">Operation Manager - Settlement Revocation</h2>
</div>

@if(session('success'))
    <div class="mb-4 p-4 bg-green-50 border border-green-200 text-green-700 rounded-lg">
        {{ session('success') }}
    </div>
@endif

@if(session('error'))
    <div class="mb-4 p-4 bg-red-50 border border-red-200 text-red-700 rounded-lg">
        {{ session('error') }}
    </div>
@endif

<input type="hidden" id="hdnAssessmentID" value="{{ $assessment->AssessmentID }}">

<!-- Record Details and Notes -->
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
    <!-- Record Details -->
    <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden" style="min-height: 270px;">
        <div class="px-6 py-4 border-b border-gray-200">
            <h3 class="text-lg font-semibold text-gray-900">Record Details</h3>
        </div>
        <div class="px-6 py-4">
            <table class="w-full">
                <tbody class="divide-y divide-gray-100">
                    <tr>
                        <td class="py-2 text-sm text-gray-600">Template Type</td>
                        <td class="py-2 text-sm text-gray-900 font-medium text-right">Assessment</td>
                    </tr>
                    <tr>
                        <td class="py-2 text-sm text-gray-600">Date</td>
                        <td class="py-2 text-sm text-gray-900 font-medium text-right">
                            {{ $assessment->AssessmentDate ? \Carbon\Carbon::parse($assessment->AssessmentDate)->format('d-M-Y') : 'N/A' }}
                        </td>
                    </tr>
                    <tr>
                        <td class="py-2 text-sm text-gray-600">Tax Payer Type</td>
                        <td class="py-2 text-sm text-gray-900 font-medium text-right">{{ $assessment->TaxPayerTypeName ?? 'N/A' }}</td>
                    </tr>
                    <tr>
                        <td class="py-2 text-sm text-gray-600">Tax Payer Name</td>
                        <td class="py-2 text-sm text-gray-900 font-medium text-right">{{ $assessment->TaxPayerName ?? 'N/A' }}</td>
                    </tr>
                    <tr>
                        <td class="py-2 text-sm text-gray-600">Due Date</td>
                        <td class="py-2 text-sm text-gray-900 font-medium text-right">
                            {{ $assessment->SettlementDueDate ? \Carbon\Carbon::parse($assessment->SettlementDueDate)->format('d-M-Y') : 'N/A' }}
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <!-- Notes -->
    <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden" style="min-height: 270px;">
        <div class="px-6 py-4 border-b border-gray-200">
            <h3 class="text-lg font-semibold text-gray-900">Notes</h3>
        </div>
        <div class="px-6 py-4">
            <p class="text-sm text-gray-600">{!! $assessment->AssessmentNotes ?? 'No notes available' !!}</p>
        </div>
    </div>
</div>

<!-- Bill Details -->
<div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden mb-6">
    <div class="px-6 py-4 border-b border-gray-200">
        <div class="flex items-center justify-between">
            <div>
                <span class="text-sm text-gray-600">Reference:</span>
                <span class="ml-2 font-semibold text-gray-900">{{ $assessment->AssessmentRefNo ?? 'N/A' }}</span>
                <span class="mx-4 text-gray-300">|</span>
                <span class="text-sm text-gray-600">Status:</span>
                <span class="ml-2 font-semibold text-gray-900">{{ $assessment->SettlementStatusName ?? 'N/A' }}</span>
            </div>
        </div>
    </div>

    <div class="px-6 py-4">
        <!-- Assessment Rules List -->
        @if(count($assessmentRules) > 0)
        <div class="space-y-4 mb-6">
            @foreach($assessmentRules as $rule)
            @php
                $ruleItems = $assessmentItems->where('AARID', $rule->AARID);
                $ruleSettlements = $assessmentRuleSettlements->where('AARID', $rule->AARID);
                $ruleAmountCharged = $ruleItems->sum('TotalAmount');
                $ruleAmountPaid = $rule->SettledAmount ?? 0;
                $ruleOutstanding = $ruleAmountCharged - $ruleAmountPaid;
            @endphp
            <div class="border border-gray-200 rounded-lg p-4">
                <h4 class="text-base font-semibold text-gray-900 mb-2">
                    {{ $rule->AssessmentRuleName }}
                    <button type="button" onclick="showAssessmentRuleItemsModal({{ $rule->AARID }})" class="ml-2 text-teal-600 hover:text-teal-700 text-sm font-normal">[View Items]</button>
                </h4>
                <div class="text-sm text-gray-600 space-y-1">
                    <p>Amount Charged: <span class="font-medium text-gray-900">{{ number_format($ruleAmountCharged, 2) }}</span></p>
                    <p>
                        Amount Paid: <span class="font-medium text-gray-900">{{ number_format($ruleAmountPaid, 2) }}</span>
                        <button type="button" onclick="showRulePaymentsModal({{ $rule->AARID }})" class="ml-2 text-teal-600 hover:text-teal-700">[View Payments]</button>
                    </p>
                    <p>Outstanding: <span class="font-medium text-gray-900">{{ number_format($ruleOutstanding, 2) }}</span></p>
                    <p>Tax Year: <span class="font-medium text-gray-900">{{ $rule->TaxYear ?? 'N/A' }}</span></p>
                </div>
            </div>
            @endforeach
        </div>
        @endif

        <!-- Summary Section -->
        @php
            $assessmentAmount = $assessment->AssessmentAmount ?? 0;
            $adjustmentTotal = $adjustments->sum('Amount');
            $lateChargeTotal = $lateCharges->sum('TotalAmount');
            $totalAmount = $assessmentAmount + $adjustmentTotal + $lateChargeTotal;
            $settlementAmount = $assessment->SettlementAmount ?? 0;
            $outstanding = $assessmentAmount + $adjustmentTotal - $settlementAmount;
            $amountToPay = $assessmentAmount + $adjustmentTotal - $settlementAmount;
        @endphp

        <div class="border-t border-gray-200 pt-4 space-y-3">
            <div class="flex justify-between items-center py-2">
                <span class="text-sm text-gray-600">Assessment Amount</span>
                <span class="text-sm font-semibold text-gray-900">{{ number_format($assessmentAmount, 2) }}</span>
            </div>
            <div class="flex justify-between items-center py-2 border-t border-gray-100">
                <span class="text-sm text-gray-600">
                    Adjustments
                    <button type="button" onclick="showAdjustmentsModal()" class="ml-2 text-teal-600 hover:text-teal-700 text-xs">[View Adjustment]</button>
                </span>
                <span class="text-sm font-semibold text-gray-900">{{ number_format($adjustmentTotal, 2) }}</span>
            </div>
            <div class="flex justify-between items-center py-2 border-t border-gray-100">
                <span class="text-sm text-gray-600">
                    Late Charges
                    <button type="button" onclick="showLateChargesModal()" class="ml-2 text-teal-600 hover:text-teal-700 text-xs">[View Late Charges]</button>
                </span>
                <span class="text-sm font-semibold text-gray-900">{{ number_format($lateChargeTotal, 2) }}</span>
            </div>
            <div class="flex justify-between items-center py-2 border-t border-gray-100">
                <span class="text-sm text-gray-600">Total Amount</span>
                <span class="text-sm font-semibold text-gray-900">{{ number_format($totalAmount, 2) }}</span>
            </div>
            <div class="flex justify-between items-center py-2 border-t border-gray-100">
                <span class="text-sm text-gray-600">
                    Total Paid
                    <button type="button" onclick="showSettlementsModal()" class="ml-2 text-teal-600 hover:text-teal-700 text-xs">[View Payments]</button>
                </span>
                <span class="text-sm font-semibold text-gray-900">{{ number_format($settlementAmount, 2) }}</span>
            </div>
            <div class="flex justify-between items-center py-2 border-t border-gray-100">
                <span class="text-sm text-gray-600">Outstanding</span>
                <span class="text-sm font-semibold text-gray-900">{{ number_format($outstanding, 2) }}</span>
            </div>
            <div class="flex justify-between items-center py-3 border-t-2 border-gray-200 bg-gray-50 -mx-6 px-6">
                <span class="text-base font-semibold text-red-600">Amount to Pay</span>
                <span class="text-lg font-bold text-red-600" id="dvAmountToPay">{{ number_format($amountToPay, 2) }}</span>
            </div>
        </div>
    </div>
</div>

<!-- Settlement Revocation Form -->
<div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden mb-6">
    <div class="px-6 py-4 border-b border-gray-200">
        <h3 class="text-lg font-semibold text-gray-900">Add Settlement Revocation</h3>
    </div>
    <div class="px-6 py-4">
        <div id="dvSRAlert" class="hidden mb-4 p-4 bg-red-50 border border-red-200 text-red-700 rounded-lg"></div>

        <form id="frmAddSettlementRevocation">
            @csrf
            <input type="hidden" id="hdnItemAmountCharged" value="0">
            <input type="hidden" id="hdnItemAmountPaid" value="0">

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
                <div>
                    <label for="cboSettlement" class="block text-sm font-medium text-gray-700 mb-1">
                        Settlement <span class="text-red-500">*</span>
                    </label>
                    <select id="cboSettlement" name="cboSettlement"
                        class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-teal-500 focus:border-teal-500">
                        <option value="">Select Settlement</option>
                        @foreach($settlements->where('SettlementAmount', '>', 0) as $settlement)
                        <option value="{{ $settlement->SettlementID }}">
                            {{ $settlement->SettlementRefNo ?? 'Settlement #' . $settlement->SettlementID }} -
                            {{ number_format($settlement->SettlementAmount, 2) }}
                        </option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label for="cboSettlementItem" class="block text-sm font-medium text-gray-700 mb-1">
                        Settlement Item <span class="text-red-500">*</span>
                    </label>
                    <select id="cboSettlementItem" name="cboSettlementItem"
                        class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-teal-500 focus:border-teal-500" disabled>
                        <option value="">Select Settlement Item</option>
                    </select>
                </div>
            </div>

            <div id="dvItemDetails" class="hidden grid grid-cols-1 md:grid-cols-2 gap-4 mb-4 bg-gray-50 p-4 rounded-lg">
                <div>
                    <label class="block text-sm font-medium text-gray-700">Amount Charged:</label>
                    <p class="text-sm text-gray-900 font-semibold" id="spnAmountCharged">-</p>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700">Amount Paid:</label>
                    <p class="text-sm text-gray-900 font-semibold" id="spnAmountPaid">-</p>
                </div>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
                <div>
                    <label for="cboRevenueStream" class="block text-sm font-medium text-gray-700 mb-1">
                        Revenue Stream <span class="text-red-500">*</span>
                    </label>
                    <select id="cboRevenueStream" name="cboRevenueStream"
                        class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-teal-500 focus:border-teal-500">
                        <option value="">Select Revenue Stream</option>
                        @foreach($revenueStreams as $stream)
                        <option value="{{ $stream->RevenueStreamID }}">{{ $stream->RevenueStreamName }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label for="cboRevenueSubStream" class="block text-sm font-medium text-gray-700 mb-1">
                        Revenue Sub Stream <span class="text-red-500">*</span>
                    </label>
                    <select id="cboRevenueSubStream" name="cboRevenueSubStream"
                        class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-teal-500 focus:border-teal-500" disabled>
                        <option value="">Select Revenue Sub Stream</option>
                    </select>
                </div>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
                <div>
                    <label for="cboAgency" class="block text-sm font-medium text-gray-700 mb-1">
                        Agency <span class="text-red-500">*</span>
                    </label>
                    <select id="cboAgency" name="cboAgency"
                        class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-teal-500 focus:border-teal-500">
                        <option value="">Select Agency</option>
                        @foreach($agencies as $agency)
                        <option value="{{ $agency->AgencyID }}">{{ $agency->AgencyName }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label for="txtAmountToReverse" class="block text-sm font-medium text-gray-700 mb-1">
                        Amount to Reverse <span class="text-red-500">*</span>
                    </label>
                    <input type="number" step="0.01" id="txtAmountToReverse" name="txtAmountToReverse"
                        class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-teal-500 focus:border-teal-500"
                        placeholder="Enter Amount to Reverse">
                </div>
            </div>

            <div class="mb-4">
                <label for="txtNotes" class="block text-sm font-medium text-gray-700 mb-1">
                    Notes
                </label>
                <textarea id="txtNotes" name="txtNotes" rows="3"
                    class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-teal-500 focus:border-teal-500"
                    placeholder="Enter notes (optional)"></textarea>
            </div>

            <div class="flex justify-end">
                <button type="button" id="btnSaveSettlementRevocation"
                    class="px-6 py-2 text-sm font-medium text-white bg-teal-600 rounded-lg hover:bg-teal-700 transition-colors">
                    Save
                </button>
            </div>
        </form>
    </div>
</div>

<!-- Modals -->
@include('settlement-revocation.partials._assessment-modals', [
    'assessment' => $assessment,
    'assessmentRules' => $assessmentRules,
    'assessmentItems' => $assessmentItems,
    'assessmentRuleSettlements' => $assessmentRuleSettlements,
    'settlements' => $settlements,
    'adjustments' => $adjustments,
    'lateCharges' => $lateCharges
])
@endsection

@push('scripts')
<script src="{{ asset('js/pages/operation-manager/settlement-revocation-assessment.js') }}"></script>
<script>
    window.routes = {
        getSettlementItemList: '{{ route("settlement-revocation.get-settlement-items") }}',
        getSettlementItemDetails: '{{ route("settlement-revocation.get-settlement-item-details") }}',
        getRevenueSubStream: '{{ route("settlement-revocation.get-revenue-substream") }}',
        addABSettlementRevocation: '{{ route("settlement-revocation.add-ab-revocation") }}'
    };
    window.csrfToken = '{{ csrf_token() }}';
</script>
@endpush