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

<div class="page-content">
    <x-chm.layout.page :title="'MSC Report · '.($report->branch->name ?? '')" :subtitle="$report->report_date?->format('d F Y')" icon="bx bx-bar-chart-square">
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('msc.index')">MSC Reports</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">{{ $report->report_date?->format('d M Y') }}</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <x-slot:actions>
            <x-chm.button variant="outline-secondary" icon="bx bx-download" :href="route('msc.download', $report)">Download PDF</x-chm.button>
            @if(\App\Support\MscPermissions::canEditReport(auth()->user(), $report))
                <x-chm.button variant="outline-primary" icon="bx bx-edit" :href="route('msc.edit', $report)">Edit</x-chm.button>
            @endif
            @if($canRequestDeletion ?? false)
                <button type="button" class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#mscRequestDeletionModal">
                    <i class="bx bx-trash me-1"></i> Request deletion
                </button>
            @endif
            @if($canForceDelete ?? false)
                <form method="POST" action="{{ route('msc.destroy', $report) }}" class="d-inline chm-confirm-delete-form" data-confirm-text="Permanently delete this MSC report? This cannot be undone.">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-danger">
                        <i class="bx bx-trash me-1"></i> Delete permanently
                    </button>
                </form>
            @endif
        </x-slot:actions>

        @if($report->isPendingDeletion())
            <div class="alert alert-warning d-flex align-items-start gap-3 mb-4">
                <i class="bx bx-error-circle fs-4 mt-1"></i>
                <div class="flex-grow-1">
                    <strong>Pending deletion approval</strong>
                    <p class="mb-1 small">
                        Requested by {{ $report->deletionRequestedBy->name ?? 'Unknown' }}
                        on {{ $report->deletion_requested_at?->format('d M Y, H:i') ?? '—' }}.
                    </p>
                    @if($report->deletion_reason)
                        <p class="mb-0 small text-muted"><strong>Reason:</strong> {{ $report->deletion_reason }}</p>
                    @endif
                    @if($canReviewDeletion ?? false)
                        <div class="d-flex flex-wrap gap-2 mt-3">
                            <form method="POST" action="{{ route('msc.approve-deletion', $report) }}" class="d-inline chm-confirm-delete-form" data-confirm-text="Approve deletion and permanently remove this report?">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-danger">
                                    <i class="bx bx-check me-1"></i> Approve deletion
                                </button>
                            </form>
                            <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#mscDenyDeletionModal">
                                <i class="bx bx-x me-1"></i> Deny request
                            </button>
                        </div>
                    @endif
                </div>
            </div>
        @endif

        <div class="row row-cols-2 row-cols-md-4 g-3 mb-4">
            <x-chm.stat-card label="Branch" :value="$report->branch->name ?? '—'" icon="bx bx-buildings" color="primary" />
            <x-chm.stat-card
                label="Status"
                :value="str_replace('_', ' ', ucfirst($report->status))"
                icon="bx bx-info-circle"
                :color="$report->isSubmitted() ? 'success' : ($report->isPendingDeletion() ? 'warning' : 'secondary')"
            />
            <x-chm.stat-card label="Created by" :value="$report->creator->name ?? '—'" icon="bx bx-user" color="info" />
            <x-chm.stat-card label="Last updated" :value="$report->updated_at?->format('d M Y')" icon="bx bx-time" color="secondary" />
        </div>

        @if(($activities ?? collect())->isNotEmpty())
            <x-chm.card title="Audit trail" class="mb-4">
                <div class="table-responsive">
                    <table class="table table-sm align-middle mb-0">
                        <thead>
                            <tr>
                                <th>When</th>
                                <th>User</th>
                                <th>Event</th>
                                <th>Changes</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($activities as $entry)
                                <tr>
                                    <td class="text-nowrap">{{ $entry['at_label'] }}</td>
                                    <td>{{ $entry['user'] }}</td>
                                    <td>{{ ucfirst($entry['event']) }}</td>
                                    <td class="small text-muted">{{ $entry['changes'] ?: $entry['description'] }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </x-chm.card>
        @endif

        @foreach($sections as $section)
            <x-chm.card class="mb-4" :title="$section->name.' ('.strtoupper($section->type).')'">
                @if($section->isFinancial())
                    @include('admin.chs.msc.partials.financial-section', [
                        'section' => $section,
                        'previousValues' => [],
                        'existingValues' => $values,
                        'readonly' => true,
                    ])
                @elseif($section->isStandard())
                    @include('admin.chs.msc.partials.standard-section', [
                        'section' => $section,
                        'existingValues' => $values,
                        'readonly' => true,
                    ])
                @elseif($section->isNarrative())
                    @include('admin.chs.msc.partials.narrative-section', [
                        'section' => $section,
                        'existingValues' => $values,
                        'readonly' => true,
                    ])
                @endif
            </x-chm.card>
        @endforeach
    </x-chm.layout.page>
</div>

@if($canRequestDeletion ?? false)
    <div class="modal fade" id="mscRequestDeletionModal" tabindex="-1" aria-labelledby="mscRequestDeletionModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <form method="POST" action="{{ route('msc.request-deletion', $report) }}">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="mscRequestDeletionModalLabel">Request report deletion</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <p class="text-muted small">
                            Your request will be sent to a Super Admin for approval. The report will remain visible until approved.
                        </p>
                        <div class="mb-3">
                            <label for="deletion_reason" class="form-label">Reason for deletion <span class="text-danger">*</span></label>
                            <textarea
                                name="deletion_reason"
                                id="deletion_reason"
                                rows="4"
                                class="form-control @error('deletion_reason') is-invalid @enderror"
                                maxlength="1000"
                                required
                                placeholder="Explain why this report should be permanently removed…"
                            >{{ old('deletion_reason') }}</textarea>
                            @error('deletion_reason')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-danger">Submit deletion request</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endif

@if($canReviewDeletion ?? false)
    <div class="modal fade" id="mscDenyDeletionModal" tabindex="-1" aria-labelledby="mscDenyDeletionModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <form method="POST" action="{{ route('msc.deny-deletion', $report) }}">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="mscDenyDeletionModalLabel">Deny deletion request</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <p class="text-muted small">The report will be restored to its previous status.</p>
                        <div class="mb-3">
                            <label for="deletion_review_notes" class="form-label">Note to requester (optional)</label>
                            <textarea
                                name="deletion_review_notes"
                                id="deletion_review_notes"
                                rows="3"
                                class="form-control @error('deletion_review_notes') is-invalid @enderror"
                                maxlength="1000"
                                placeholder="Optional note explaining why the request was denied…"
                            >{{ old('deletion_review_notes') }}</textarea>
                            @error('deletion_review_notes')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-primary">Deny and restore report</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endif

@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    @if($errors->has('deletion_reason') && ($canRequestDeletion ?? false))
        bootstrap.Modal.getOrCreateInstance(document.getElementById('mscRequestDeletionModal')).show();
    @endif
    @if($errors->has('deletion_review_notes') && ($canReviewDeletion ?? false))
        bootstrap.Modal.getOrCreateInstance(document.getElementById('mscDenyDeletionModal')).show();
    @endif
});
</script>
@endpush