@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap grid-margin mb-3">
    <div>
        <h4 class="mb-0">Backup Details</h4>
        <div class="text-secondary small mt-1">{{ $backup->name }}</div>
    </div>
    <div class="mt-2 mt-md-0">
        <a href="{{ route('backup.index') }}" class="btn btn-outline-secondary">
            <i data-lucide="arrow-left" style="width:14px;height:14px;"></i> Back to Dashboard
        </a>
        @if($backup->status === 'completed' && $backup->file_path)
        <a href="{{ route('backup.download', $backup->id) }}" class="btn btn-primary">
            <i data-lucide="download" style="width:14px;height:14px;"></i> Download
        </a>
        @endif
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        {{-- BACKUP SCOPE --}}
        <div class="card mb-4">
            <div class="card-header d-flex align-items-center gap-2">
                <i data-lucide="layers" style="width:16px;height:16px;"></i>
                <span class="fw-semibold">Backup Scope</span>
            </div>
            <div class="card-body">
                @php
                    $scope = json_decode($backup->scope, true) ?? [];
                    $scopeLabels = [
                        'extensions' => 'Extensions (PJSIP endpoints, auths, devices)',
                        'trunks' => 'SIP Trunks (trunks, inbound routes, meta)',
                        'teams' => 'Microsoft Teams (config, certificates)',
                        'queues' => 'Call Center Queues (queues, agents, members)',
                        'ivr' => 'IVR Menus (menus, options)',
                        'ring_groups' => 'Ring Groups',
                        'routing' => 'Routing (dialplan rules, outbound routes, time conditions)',
                        'voicemail' => 'Voicemail',
                        'cdr' => 'Call Detail Records',
                        'recordings' => 'Call Recordings',
                        'billing' => 'Billing Records',
                        'security' => 'Security (users, roles, firewall, access control)',
                        'certificates' => 'SSL Certificates',
                        'provisioning' => 'Device Provisioning (registry, templates)',
                    ];
                @endphp
                <div class="row">
                    @foreach($scopeLabels as $key => $label)
                    <div class="col-md-6 mb-2">
                        @if(in_array($key, $scope))
                            <div class="d-flex align-items-center gap-2">
                                <i data-lucide="check-circle" class="text-success" style="width:16px;height:16px;"></i>
                                <span>{{ $label }}</span>
                            </div>
                        @else
                            <div class="d-flex align-items-center gap-2 text-muted">
                                <i data-lucide="circle" style="width:16px;height:16px;"></i>
                                <span>{{ $label }}</span>
                            </div>
                        @endif
                    </div>
                    @endforeach
                </div>
            </div>
        </div>

        {{-- BACKUP INFO --}}
        <div class="card mb-4">
            <div class="card-header d-flex align-items-center gap-2">
                <i data-lucide="info" style="width:16px;height:16px;"></i>
                <span class="fw-semibold">Backup Information</span>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="text-secondary small">Name</label>
                        <div class="fw-semibold">{{ $backup->name }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="text-secondary small">Type</label>
                        <div class="fw-semibold">{{ ucfirst($backup->type) }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="text-secondary small">Status</label>
                        <div>
                            @if($backup->status === 'completed')
                                <span class="badge bg-success">Completed</span>
                            @elseif($backup->status === 'running')
                                <span class="badge bg-warning">Running</span>
                            @elseif($backup->status === 'failed')
                                <span class="badge bg-danger">Failed</span>
                            @else
                                <span class="badge bg-secondary">{{ ucfirst($backup->status) }}</span>
                            @endif
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label class="text-secondary small">Size</label>
                        <div class="fw-semibold">{{ number_format($backup->size_bytes / 1024 / 1024, 2) }} MB</div>
                    </div>
                    <div class="col-md-6">
                        <label class="text-secondary small">Created</label>
                        <div class="fw-semibold">{{ \Carbon\Carbon::parse($backup->created_at)->format('M d, Y H:i:s') }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="text-secondary small">Completed</label>
                        <div class="fw-semibold">{{ $backup->completed_at ? \Carbon\Carbon::parse($backup->completed_at)->format('M d, Y H:i:s') : '—' }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="text-secondary small">Duration</label>
                        <div class="fw-semibold">
                            @if($backup->started_at && $backup->completed_at)
                                {{ \Carbon\Carbon::parse($backup->started_at)->diffForHumans(\Carbon\Carbon::parse($backup->completed_at), true) }}
                            @else
                                —
                            @endif
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label class="text-secondary small">Retention Until</label>
                        <div class="fw-semibold">{{ $backup->retention_until ? \Carbon\Carbon::parse($backup->retention_until)->format('M d, Y') : '—' }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="text-secondary small">Checksum</label>
                        <div class="font-monospace small">{{ $backup->checksum ?: '—' }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="text-secondary small">Verified</label>
                        <div>
                            @if($backup->verified)
                                <span class="badge bg-success">Verified</span>
                            @else
                                <span class="badge bg-secondary">Not Verified</span>
                            @endif
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label class="text-secondary small">Encrypted</label>
                        <div>
                            @if($backup->encrypted)
                                <span class="badge bg-warning">{{ $backup->encryption_algorithm }}</span>
                            @else
                                <span class="text-muted">No</span>
                            @endif
                        </div>
                    </div>
                    <div class="col-md-12">
                        <label class="text-secondary small">Scope</label>
                        <div>
                            @php
                                $scope = json_decode($backup->scope, true) ?? [];
                            @endphp
                            @foreach($scope as $item)
                                <span class="badge bg-secondary me-1">{{ ucfirst($item) }}</span>
                            @endforeach
                        </div>
                    </div>
                    @if($backup->error_message)
                    <div class="col-md-12">
                        <label class="text-secondary small">Error Message</label>
                        <div class="text-danger">{{ $backup->error_message }}</div>
                    </div>
                    @endif
                </div>
            </div>
        </div>

        {{-- AUDIT LOG --}}
        <div class="card mb-4">
            <div class="card-header d-flex align-items-center gap-2">
                <i data-lucide="history" style="width:16px;height:16px;"></i>
                <span class="fw-semibold">Audit Log</span>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead>
                            <tr>
                                <th>Action</th>
                                <th>User</th>
                                <th>IP Address</th>
                                <th>Timestamp</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($auditLogs as $log)
                            <tr>
                                <td>
                                    <span class="badge bg-{{ $log->action === 'backup_created' ? 'success' : ($log->action === 'backup_restored' ? 'primary' : 'secondary') }}">
                                        {{ str_replace('_', ' ', ucfirst($log->action)) }}
                                    </span>
                                </td>
                                <td>{{ $log->user_id ?? 'System' }}</td>
                                <td>{{ $log->ip_address ?? '—' }}</td>
                                <td>{{ \Carbon\Carbon::parse($log->created_at)->format('M d, H:i:s') }}</td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="4" class="text-center text-secondary py-4">No audit logs found.</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        {{-- ACTIONS --}}
        <div class="card mb-4">
            <div class="card-header d-flex align-items-center gap-2">
                <i data-lucide="zap" style="width:16px;height:16px;"></i>
                <span class="fw-semibold">Actions</span>
            </div>
            <div class="card-body">
                @if($backup->status === 'completed' && $backup->file_path)
                <div class="d-grid gap-2">
                    <a href="{{ route('backup.download', $backup->id) }}" class="btn btn-primary">
                        <i data-lucide="download" style="width:14px;height:14px;"></i> Download Backup
                    </a>
                    <button type="button" class="btn btn-outline-primary" onclick="confirmRestore()">
                        <i data-lucide="refresh-ccw" style="width:14px;height:14px;"></i> Restore Backup
                    </button>
                    <button type="button" class="btn btn-outline-secondary" onclick="verifyBackup()">
                        <i data-lucide="check-circle" style="width:14px;height:14px;"></i> Verify Integrity
                    </button>
                </div>
                @else
                <div class="alert alert-secondary">
                    Backup is not available for download or restore.
                </div>
                @endif

                <hr>

                <form action="{{ route('backup.destroy', $backup->id) }}" method="POST">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger w-100" onclick="return confirm('Are you sure you want to delete this backup? This action cannot be undone.')">
                        <i data-lucide="trash-2" style="width:14px;height:14px;"></i> Delete Backup
                    </button>
                </form>
            </div>
        </div>

        {{-- FILE INFO --}}
        @if($backup->file_path)
        <div class="card mb-4">
            <div class="card-header d-flex align-items-center gap-2">
                <i data-lucide="file" style="width:16px;height:16px;"></i>
                <span class="fw-semibold">File Information</span>
            </div>
            <div class="card-body">
                <div class="mb-2">
                    <label class="text-secondary small">Path</label>
                    <div class="font-monospace small text-break">{{ $backup->file_path }}</div>
                </div>
                <div class="mb-2">
                    <label class="text-secondary small">Exists</label>
                    <div>{{ file_exists($backup->file_path) ? '<span class="text-success">Yes</span>' : '<span class="text-danger">No</span>' }}</div>
                </div>
            </div>
        </div>
        @endif
    </div>
</div>

<!-- Restore Modal -->
<div class="modal fade" id="restoreModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Restore Backup</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form method="POST" action="{{ route('backup.restore', $backup->id) }}">
                @csrf
                <div class="modal-body">
                    @php
                        $scope = json_decode($backup->scope, true) ?? [];
                        $manifest = [];
                        // Best-effort: surface what the archive actually contains.
                    @endphp
                    <p class="mb-3">
                        This restores the <strong>complete configuration database</strong> from
                        <code>{{ $backup->name }}</code> — every PBX setting (extensions, trunks, routing,
                        dialplan, users, firewall). Choose any extras to also restore:
                    </p>
                    <div class="mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="scope[]" value="config_files" id="rsConfig" checked>
                            <label class="form-check-label" for="rsConfig">
                                Asterisk config files (<code>/etc/asterisk</code>) <span class="text-secondary small">— recommended</span>
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="scope[]" value="recordings" id="rsRec">
                            <label class="form-check-label" for="rsRec">Call recordings <span class="text-secondary small">— only if included in this backup</span></label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="scope[]" value="voicemail" id="rsVm">
                            <label class="form-check-label" for="rsVm">Voicemail messages <span class="text-secondary small">— only if included in this backup</span></label>
                        </div>
                    </div>
                    <div class="alert alert-warning mb-0">
                        <strong>Heads up:</strong> this replaces current settings with those from the backup.
                        A <strong>safety snapshot is taken automatically first</strong>, and Asterisk is reloaded
                        when the restore finishes. Call history (CDR) is left untouched unless this backup included it.
                    </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">Restore</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
function confirmRestore() {
    new bootstrap.Modal(document.getElementById('restoreModal')).show();
}

function selectAllScope() {
    document.querySelectorAll('input[name="scope[]"]').forEach(cb => cb.checked = true);
}

function clearAllScope() {
    document.querySelectorAll('input[name="scope[]"]').forEach(cb => cb.checked = false);
}

function verifyBackup() {
    alert('Verification feature coming soon');
}
</script>
@endsection