@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">
    <x-chm.layout.page :title="$requisition->reference" :subtitle="$requisition->department->name ?? ''" icon="bx bx-receipt">
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('planning.requisitions.index')">Requisitions</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">{{ $requisition->reference }}</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <x-slot:actions>
            @can('update', $requisition)
                <x-chm.button variant="outline-primary" icon="bx bx-edit" :href="route('planning.requisitions.edit', $requisition)">Edit</x-chm.button>
            @endcan
            @can('submit', $requisition)
                <form method="post" action="{{ route('planning.requisitions.submit', $requisition) }}" class="d-inline">
                    @csrf
                    <button type="submit" class="btn btn-success">
                        <i class="bx bx-send"></i> Submit for approval
                    </button>
                </form>
            @endcan
            @can('delete', $requisition)
                <form method="post"
                      action="{{ route('planning.requisitions.destroy', $requisition) }}"
                      class="d-inline chm-confirm-delete-form"
                      data-confirm-title="Delete requisition?"
                      data-confirm-text="Delete {{ $requisition->reference }}? This cannot be undone.">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-outline-danger">
                        <i class="bx bx-trash"></i> Delete
                    </button>
                </form>
            @endcan
        </x-slot:actions>

        @if($errors->any())
            <div class="alert alert-danger border-0 shadow-sm mb-4">
                <strong>Please fix the following:</strong>
                <ul class="mb-0 mt-2 small">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
            </div>
        @endif

        @if($requisition->isApprovedForDisbursement())
            <div class="alert alert-info border-0 shadow-sm mb-4 d-flex align-items-start gap-2">
                <i class="bx bx-money fs-4"></i>
                <div>
                    <strong>Ready for disbursement</strong>
                    <div class="small">All approvals are complete. Finance can record payment of UGX {{ number_format($remainingDisbursement, 2) }}.</div>
                </div>
            </div>
        @endif

        @if($requisition->isAccountabilityRequired())
            <div class="alert {{ $requisition->isAccountabilityOverdue() && ! $requisition->isAccountabilityComplete() ? 'alert-warning' : 'alert-light border' }} border-0 shadow-sm mb-4">
                <div class="d-flex flex-wrap justify-content-between align-items-start gap-3">
                    <div>
                        <strong>Accountability / M&E report</strong>
                        <div class="small mt-1">
                            Status:
                            <span class="fw-semibold">{{ $requisition->accountability_status?->label() ?? 'Pending submission' }}</span>
                            @if($requisition->accountability_due_at)
                                · Due {{ $requisition->accountability_due_at->format('d M Y') }}
                            @endif
                            @if($requisition->accountability_reminders_sent)
                                · {{ $requisition->accountability_reminders_sent }} reminder(s) sent
                            @endif
                        </div>
                        @if($meReport)
                            <div class="small text-muted mt-1">
                                Report #{{ $meReport->id }} — {{ $meReport->status->label() }}
                                @if($meReport->submitted_at)
                                    · submitted {{ $meReport->submitted_at->format('d M Y') }}
                                @endif
                            </div>
                        @endif
                    </div>
                    <div class="d-flex flex-wrap gap-2">
                        @can('submitAccountability', $requisition)
                            <a href="{{ route('planning.requisitions.accountability.create', $requisition) }}" class="btn btn-primary btn-sm">
                                <i class="bx bx-edit"></i> {{ $meReport ? 'Continue M&E report' : 'Submit accountability report' }}
                            </a>
                        @endcan
                        @if($meReport)
                            <a href="{{ route('planning.me-reports.show', $meReport) }}" class="btn btn-outline-secondary btn-sm">View report</a>
                        @endif
                    </div>
                </div>
            </div>
        @endif

        <div class="row row-cols-2 row-cols-md-4 g-3 mb-4">
            <x-chm.stat-card label="Status" :value="$requisition->status->label()" icon="bx bx-info-circle" color="primary" />
            <x-chm.stat-card label="Requested" :value="number_format($requisition->total_requested, 2)" icon="bx bx-wallet" color="info" />
            <x-chm.stat-card label="Approved" :value="number_format($requisition->total_approved, 2)" icon="bx bx-check" color="success" />
            <x-chm.stat-card label="Disbursed" :value="number_format($requisition->total_disbursed, 2)" icon="bx bx-money" color="warning" />
        </div>

        <div class="row g-4">
            <div class="col-lg-8">
                <x-chm.card title="Justification">
                    <p class="mb-0">{{ $requisition->justification ?: '—' }}</p>
                    <div class="small text-muted mt-2">
                        Requested by {{ $requisition->requester->name ?? '—' }}
                        · {{ $requisition->requisition_date?->format('d M Y') }}
                    </div>
                </x-chm.card>

                <x-chm.card title="Budget lines" class="mt-3">
                    <x-chm.table-toolbar :datatable="false" :export="false" :sticky="false">
                        <thead>
                            <tr>
                                <th>Budget item</th>
                                <th>Activity</th>
                                <th class="text-end">Qty</th>
                                <th class="text-end">Requested (UGX)</th>
                                <th>Quotation</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($requisition->lines as $line)
                                <tr>
                                    <td>{{ $line->budgetItem->item_name ?? '—' }}</td>
                                    <td>{{ $line->budgetItem->activity->name ?? '—' }}</td>
                                    <td class="text-end font-monospace">{{ number_format($line->quantity_requested, 2) }}</td>
                                    <td class="text-end font-monospace fw-semibold">{{ number_format($line->amount_requested, 2) }}</td>
                                    <td>
                                        @if($line->attachmentUrl())
                                            <a href="{{ $line->attachmentUrl() }}" target="_blank" rel="noopener" class="chm-req-file-item text-decoration-none text-body d-inline-flex">
                                                <i class="bx bxs-file-pdf text-danger"></i>
                                                <span>{{ $line->attachmentBasename() }}</span>
                                            </a>
                                        @else
                                            <span class="text-muted small">—</span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr class="fw-semibold">
                                <td colspan="3">Total</td>
                                <td class="text-end font-monospace">{{ number_format($requisition->total_requested, 2) }}</td>
                                <td></td>
                            </tr>
                        </tfoot>
                    </x-chm.table-toolbar>
                </x-chm.card>

                @if($requisition->attachments->isNotEmpty())
                    <x-chm.card title="Legacy quotation attachments" class="mt-3">
                        <p class="small text-muted">These were uploaded before per-line quotations were introduced.</p>
                        <div class="chm-req-file-list">
                            @foreach($requisition->attachments as $attachment)
                                <a href="{{ \Illuminate\Support\Facades\Storage::disk('public')->url($attachment->file_path) }}" target="_blank" rel="noopener" class="chm-req-file-item text-decoration-none text-body">
                                    <i class="bx bxs-file-pdf text-danger fs-5"></i>
                                    <span class="flex-grow-1">{{ $attachment->original_name }}</span>
                                    @if($attachment->file_size)
                                        <span class="text-muted small">{{ number_format($attachment->file_size / 1024, 0) }} KB</span>
                                    @endif
                                </a>
                            @endforeach
                        </div>
                    </x-chm.card>
                @endif

                @if($requisition->disbursements->isNotEmpty())
                    <x-chm.card title="Disbursements" class="mt-3">
                        @foreach($requisition->disbursements as $d)
                            <div class="border-bottom py-2">
                                <strong>{{ number_format($d->amount_disbursed, 2) }}</strong>
                                <span class="text-muted small">· {{ $d->disbursed_at?->format('d M Y H:i') }} · {{ $d->disburser->name ?? '' }}</span>
                                @if($d->payment_reference)<div class="small">Ref: {{ $d->payment_reference }}</div>@endif
                            </div>
                        @endforeach
                    </x-chm.card>
                @endif
            </div>

            <div class="col-lg-4">
                <x-chm.card title="Approval timeline">
                    @foreach($approvalTimeline as $step)
                        <div class="mb-3 pb-2 border-bottom chm-approval-stage {{ !empty($step['is_current']) ? 'is-current' : '' }}">
                            <div class="d-flex justify-content-between align-items-start">
                                <div>
                                    <strong>{{ $step['stage_name'] }}</strong>
                                    @if(!empty($step['stage_subtitle']))
                                        <div class="small text-muted">{{ $step['stage_subtitle'] }}</div>
                                    @endif
                                    @if(!empty($step['assignee']) && empty($step['actor']))
                                        <div class="d-flex align-items-center gap-2 mt-1">
                                            <img src="{{ $step['assignee']->avatarUrl() }}" alt="" class="chm-org-avatar chm-org-avatar-sm">
                                            <span class="small text-muted">{{ $step['assignee']->name }} · awaiting action</span>
                                        </div>
                                    @endif
                                </div>
                                <span class="badge {{ $step['is_current'] ? 'bg-warning text-dark' : 'bg-light text-dark' }}">{{ $step['action'] }}</span>
                            </div>
                            @if($step['actor'])<div class="small text-muted mt-1">{{ $step['actor']->name }} · {{ $step['acted_at']?->format('d M Y H:i') }}</div>@endif
                            @if($step['comments'])<div class="small mt-1">{{ $step['comments'] }}</div>@endif
                        </div>
                    @endforeach
                </x-chm.card>

                @if($canApprove)
                    <x-chm.card title="Your action" class="mt-3">
                        <form method="post" action="{{ route('planning.requisitions.approve', $requisition) }}" class="mb-2">@csrf
                            <textarea name="comments" class="form-control form-control-sm mb-2" placeholder="Comments (optional)"></textarea>
                            <button class="btn btn-success w-100">Approve</button>
                        </form>
                        <form method="post" action="{{ route('planning.requisitions.return', $requisition) }}" class="mb-2">@csrf
                            <textarea name="comments" class="form-control form-control-sm mb-2" placeholder="Return reason" required></textarea>
                            <button class="btn btn-warning w-100">Return for correction</button>
                        </form>
                        <form method="post" action="{{ route('planning.requisitions.reject', $requisition) }}">@csrf
                            <textarea name="comments" class="form-control form-control-sm mb-2" placeholder="Rejection reason" required></textarea>
                            <button class="btn btn-danger w-100">Reject</button>
                        </form>
                    </x-chm.card>
                @endif

                @can('disburse', $requisition)
                    @if($remainingDisbursement > 0)
                        <x-chm.card title="Disburse funds" class="mt-3 border-primary">
                            <p class="small text-muted mb-3">Record payment after all approval stages are complete.</p>
                            <form method="post" action="{{ route('planning.requisitions.disburse', $requisition) }}">
                                @csrf
                                <div class="mb-2">
                                    <label class="form-label">Amount (max {{ number_format($remainingDisbursement, 2) }} UGX)</label>
                                    <input type="number" step="0.01" name="amount" class="form-control" max="{{ $remainingDisbursement }}" value="{{ $remainingDisbursement }}" required>
                                </div>
                                <div class="mb-2"><input type="text" name="bank_reference" class="form-control" placeholder="Payment reference / voucher no."></div>
                                <div class="mb-2"><textarea name="notes" class="form-control" rows="2" placeholder="Notes"></textarea></div>
                                <button class="btn btn-primary w-100"><i class="bx bx-money"></i> Record disbursement</button>
                            </form>
                        </x-chm.card>
                    @else
                        <x-chm.card title="Disbursement" class="mt-3">
                            <p class="small text-success mb-0"><i class="bx bx-check-circle"></i> Fully disbursed.</p>
                        </x-chm.card>
                    @endif
                @elseif($requisition->canReceiveDisbursement() && $remainingDisbursement > 0)
                    <x-chm.card title="Disburse funds" class="mt-3">
                        <p class="small text-muted mb-0">Awaiting finance officer with disbursement permission.</p>
                    </x-chm.card>
                @endcan

                @if($meReport && auth()->user()->can('approve', $meReport))
                    <x-chm.card title="Review accountability" class="mt-3">
                        <p class="small text-muted">Approve the M&E report to close accountability and stop reminder emails.</p>
                        <form method="post" action="{{ route('planning.me-reports.approve', $meReport) }}">
                            @csrf
                            <textarea name="review_comments" class="form-control form-control-sm mb-2" placeholder="Review comments (optional)"></textarea>
                            <button class="btn btn-success w-100">Approve accountability report</button>
                        </form>
                    </x-chm.card>
                @endif
            </div>
        </div>
    </x-chm.layout.page>
</div>

@endsection