@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">SHIFTBRIDGE ENTERPRISE BACKUP</h4>
        <div class="text-secondary small mt-1">Backup, Restore & Disaster Recovery Platform</div>
    </div>
    <div class="mt-2 mt-md-0">
        <a href="{{ route('backup.create') }}" class="btn btn-primary">
            <i data-lucide="plus" style="width:14px;height:14px;"></i> Create Backup
        </a>
    </div>
</div>

@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif
@if(session('error'))
    <div class="alert alert-danger">{{ session('error') }}</div>
@endif

{{-- HEALTH MONITORING BANNER --}}
@if(!$stats['system_protected'])
    <div class="alert alert-danger d-flex align-items-center">
        <i data-lucide="alert-triangle" style="width:20px;height:20px;"></i>
        <div class="ms-3">
            <strong>Critical:</strong> No successful backup found. System is not protected. Create a backup immediately.
        </div>
    </div>
@elseif($stats['last_successful_backup'] && \Carbon\Carbon::parse($stats['last_successful_backup'])->diffInDays() > 7)
    <div class="alert alert-warning d-flex align-items-center">
        <i data-lucide="alert-circle" style="width:20px;height:20px;"></i>
        <div class="ms-3">
            <strong>Warning:</strong> Last successful backup was {{ \Carbon\Carbon::parse($stats['last_successful_backup'])->diffForHumans() }}. Consider running a backup.
        </div>
    </div>
@endif

{{-- SYSTEM PROTECTION STATUS --}}
<div class="card mb-4">
    <div class="card-header d-flex align-items-center gap-2">
        <i data-lucide="shield-check" style="width:16px;height:16px;"></i>
        <span class="fw-semibold">System Protection Status</span>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-3">
                <div class="p-3 border rounded text-center">
                    <div class="mb-2">
                        @if($stats['system_protected'])
                            <i data-lucide="check-circle" class="text-success" style="width:32px;height:32px;"></i>
                        @else
                            <i data-lucide="alert-circle" class="text-danger" style="width:32px;height:32px;"></i>
                        @endif
                    </div>
                    <div class="fw-bold">{{ $stats['system_protected'] ? 'Protected' : 'Not Protected' }}</div>
                    <div class="text-secondary small">Overall Status</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="p-3 border rounded text-center">
                    <div class="fw-bold">{{ $stats['last_backup'] ? \Carbon\Carbon::parse($stats['last_backup'])->diffForHumans() : 'Never' }}</div>
                    <div class="text-secondary small">Last Backup</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="p-3 border rounded text-center">
                    <div class="fw-bold">{{ $stats['last_successful_backup'] ? \Carbon\Carbon::parse($stats['last_successful_backup'])->diffForHumans() : 'Never' }}</div>
                    <div class="text-secondary small">Last Successful</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="p-3 border rounded text-center">
                    <div class="fw-bold">{{ number_format($stats['total_size'] / 1024 / 1024, 2) }} MB</div>
                    <div class="text-secondary small">Total Size</div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- SCHEDULED BACKUPS --}}
<div class="card mb-4">
    <div class="card-header d-flex align-items-center gap-2">
        <i data-lucide="clock" style="width:16px;height:16px;"></i>
        <span class="fw-semibold">Scheduled Backups</span>
        <span class="text-secondary small ms-auto">Run backups automatically on a schedule</span>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('backup.policies.store') }}" class="row g-3 align-items-end mb-1">
            @csrf
            <div class="col-md-3">
                <label class="form-label">Name</label>
                <input type="text" name="name" class="form-control" required placeholder="e.g. Nightly config" value="Nightly config">
            </div>
            <div class="col-md-2">
                <label class="form-label">Frequency</label>
                <select name="schedule_type" class="form-select" required>
                    <option value="daily" selected>Daily</option>
                    <option value="weekly">Weekly</option>
                    <option value="monthly">Monthly</option>
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Time</label>
                <input type="time" name="run_time" class="form-control" value="02:00">
            </div>
            <div class="col-md-2">
                <label class="form-label">Contents</label>
                <select name="contents" class="form-select" required>
                    <option value="config" selected>Configuration</option>
                    <option value="full">Full (incl. CDR)</option>
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Keep for (days)</label>
                <input type="number" name="retention_days" class="form-control" min="1" max="3650" value="30" required>
            </div>
            <div class="col-md-1">
                <button type="submit" class="btn btn-primary w-100" title="Add schedule">
                    <i data-lucide="plus" style="width:14px;height:14px;"></i>
                </button>
            </div>
            <div class="col-12">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="encrypt" value="1" id="schedEncrypt">
                    <label class="form-check-label small" for="schedEncrypt">Encrypt scheduled backups (AES-256)</label>
                </div>
            </div>
        </form>

        @if(($policies ?? collect())->isNotEmpty())
        <div class="table-responsive mt-2">
            <table class="table table-sm table-hover align-middle mb-0">
                <thead class="bg-light">
                    <tr>
                        <th>Name</th>
                        <th>Frequency</th>
                        <th>Time</th>
                        <th>Contents</th>
                        <th>Keep</th>
                        <th>Next run</th>
                        <th>Last run</th>
                        <th>Status</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($policies as $p)
                    @php $pScope = json_decode($p->scope, true) ?? []; @endphp
                    <tr class="{{ $p->enabled ? '' : 'opacity-50' }}">
                        <td class="fw-semibold">{{ $p->name }}</td>
                        <td>{{ ucfirst($p->schedule_type) }}</td>
                        <td class="font-monospace">{{ $p->schedule_expression ?: '02:00' }}</td>
                        <td>{{ in_array('cdr', $pScope) ? 'Full' : 'Configuration' }}</td>
                        <td>{{ $p->retention_days }}d</td>
                        <td class="small">{{ $p->next_run_at ? \Carbon\Carbon::parse($p->next_run_at)->format('M d, H:i') : '—' }}</td>
                        <td class="small">{{ $p->last_run_at ? \Carbon\Carbon::parse($p->last_run_at)->diffForHumans() : 'Never' }}</td>
                        <td>
                            @if($p->enabled)
                                <span class="badge bg-success">Enabled</span>
                            @else
                                <span class="badge bg-secondary">Paused</span>
                            @endif
                        </td>
                        <td class="text-end">
                            <form method="POST" action="{{ route('backup.policies.toggle', $p->id) }}" class="d-inline">
                                @csrf
                                <button type="submit" class="btn btn-outline-secondary btn-sm" title="{{ $p->enabled ? 'Pause' : 'Enable' }}">
                                    <i data-lucide="{{ $p->enabled ? 'pause' : 'play' }}" style="width:13px;height:13px;"></i>
                                </button>
                            </form>
                            <form method="POST" action="{{ route('backup.policies.destroy', $p->id) }}" class="d-inline" onsubmit="return confirm('Delete this schedule?')">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-outline-danger btn-sm" title="Delete">
                                    <i data-lucide="trash-2" style="width:13px;height:13px;"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @else
            <div class="text-secondary small mt-2">No schedules yet. Add one above — e.g. a daily configuration backup at 02:00.</div>
        @endif
    </div>
</div>

{{-- BACKUP CATALOG --}}
<div class="card mb-4">
    <div class="card-header d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center gap-2">
            <i data-lucide="database" style="width:16px;height:16px;"></i>
            <span class="fw-semibold">Backup Catalog</span>
            <span class="badge bg-secondary">{{ $backups->total() }}</span>
        </div>
        <div class="btn-group btn-group-sm">
            <button type="button" class="btn btn-outline-secondary active">All</button>
            <button type="button" class="btn btn-outline-secondary">Snapshots</button>
            <button type="button" class="btn btn-outline-secondary">Full Backups</button>
        </div>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Type</th>
                        <th>Status</th>
                        <th>Size</th>
                        <th>Created</th>
                        <th>Verified</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($backups as $backup)
                    <tr>
                        <td>
                            <div class="fw-semibold">{{ $backup->name }}</div>
                            @if($backup->type === 'snapshot')
                                <span class="badge bg-info">Snapshot</span>
                            @endif
                            @if($backup->destination_id)
                                <div class="small text-muted">Dest: {{ $backup->destination_id }}</div>
                            @endif
                        </td>
                        <td>
                            <span class="badge bg-{{ $backup->type === 'full' ? 'primary' : ($backup->type === 'incremental' ? 'info' : ($backup->type === 'snapshot' ? 'info' : 'secondary')) }}">
                                {{ ucfirst($backup->type) }}
                            </span>
                            @if($backup->encrypted)
                                <i data-lucide="lock" style="width:12px;height:12px;" class="text-muted"></i>
                            @endif
                        </td>
                        <td>
                            @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
                        </td>
                        <td>{{ number_format($backup->size_bytes / 1024 / 1024, 2) }} MB</td>
                        <td>{{ \Carbon\Carbon::parse($backup->created_at)->format('M d, H:i') }}</td>
                        <td>
                            @if($backup->verified)
                                <span class="badge bg-success">Verified</span>
                            @else
                                <span class="badge bg-secondary">Pending</span>
                            @endif
                        </td>
                        <td>
                            <div class="btn-group btn-group-sm">
                                <a href="{{ route('backup.show', $backup->id) }}" class="btn btn-outline-secondary" title="View">
                                    <i data-lucide="eye" style="width:14px;height:14px;"></i>
                                </a>
                                @if($backup->status === 'completed' && $backup->file_path)
                                <a href="{{ route('backup.download', $backup->id) }}" class="btn btn-outline-secondary" title="Download">
                                    <i data-lucide="download" style="width:14px;height:14px;"></i>
                                </a>
                                @if($backup->type === 'snapshot')
                                <button type="button" class="btn btn-outline-primary" onclick="quickRestoreSnapshot({{ $backup->id }})" title="Quick Rollback">
                                    <i data-lucide="rotate-ccw" style="width:14px;height:14px;"></i>
                                </button>
                                @else
                                <button type="button" class="btn btn-outline-secondary" onclick="confirmRestore({{ $backup->id }})" title="Restore">
                                    <i data-lucide="refresh-ccw" style="width:14px;height:14px;"></i>
                                </button>
                                @endif
                                @endif
                                <form action="{{ route('backup.destroy', $backup->id) }}" method="POST" style="display:inline;">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-outline-danger" onclick="return confirm('Are you sure you want to delete this backup?')" title="Delete">
                                        <i data-lucide="trash-2" style="width:14px;height:14px;"></i>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7" class="text-center text-secondary py-4">No backups found. Create your first backup to get started.</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    <div class="card-footer">
        {{ $backups->links() }}
    </div>
</div>

{{-- RECENT SNAPSHOTS --}}
<div class="card mb-4">
    <div class="card-header d-flex align-items-center gap-2">
        <i data-lucide="camera" style="width:16px;height:16px;"></i>
        <span class="fw-semibold">Recent Pre-Change Snapshots</span>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th>Snapshot Name</th>
                        <th>Context</th>
                        <th>Created</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @php
                        $snapshots = DB::table('backup_jobs')
                            ->where('type', 'snapshot')
                            ->orderBy('created_at', 'desc')
                            ->limit(5)
                            ->get();
                    @endphp
                    @forelse($snapshots as $snapshot)
                    <tr>
                        <td>
                            <div class="fw-semibold">{{ $snapshot->name }}</div>
                            @php
                                $details = json_decode(DB::table('backup_audit_log')
                                    ->where('backup_job_id', $snapshot->id)
                                    ->where('action', 'snapshot_created')
                                    ->value('details'), true);
                            @endphp
                            @if($details)
                                <div class="small text-muted">Context: {{ $details['context'] ?? 'N/A' }}</div>
                            @endif
                        </td>
                        <td>
                            @if(isset($details['context']))
                                <span class="badge bg-info">{{ ucfirst($details['context']) }}</span>
                            @endif
                        </td>
                        <td>{{ \Carbon\Carbon::parse($snapshot->created_at)->format('M d, H:i:s') }}</td>
                        <td>
                            <div class="btn-group btn-group-sm">
                                <a href="{{ route('backup.show', $snapshot->id) }}" class="btn btn-outline-secondary" title="View">
                                    <i data-lucide="eye" style="width:14px;height:14px;"></i>
                                </a>
                                @if($snapshot->status === 'completed' && $snapshot->file_path)
                                <button type="button" class="btn btn-outline-primary" onclick="quickRestoreSnapshot({{ $snapshot->id }})" title="Quick Rollback">
                                    <i data-lucide="rotate-ccw" style="width:14px;height:14px;"></i>
                                </button>
                                @endif
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="4" class="text-center text-secondary py-4">No snapshots found. Snapshots are automatically created before configuration changes.</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </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>
            <div class="modal-body">
                <form id="restoreForm" method="POST" action="">
                    @csrf
                    <input type="hidden" name="_method" value="POST">
                    <div class="mb-3">
                        <label class="form-label">Restore Scope</label>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="scope[]" value="extensions" checked>
                            <label class="form-check-label">Extensions</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="scope[]" value="trunks" checked>
                            <label class="form-check-label">Trunks</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="scope[]" value="teams" checked>
                            <label class="form-check-label">Teams</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="scope[]" value="queues" checked>
                            <label class="form-check-label">Queues</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="scope[]" value="routing" checked>
                            <label class="form-check-label">Routing</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="scope[]" value="cdr">
                            <label class="form-check-label">CDRs</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="scope[]" value="recordings">
                            <label class="form-check-label">Recordings</label>
                        </div>
                    </div>
                    <div class="alert alert-warning">
                        <strong>Warning:</strong> Restore will overwrite existing data. This action cannot be undone.
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-danger" onclick="document.getElementById('restoreForm').submit()">Restore</button>
            </div>
        </div>
    </div>
</div>

<script>
function confirmRestore(backupId) {
    const form = document.getElementById('restoreForm');
    form.action = '/backup/' + backupId + '/restore';
    new bootstrap.Modal(document.getElementById('restoreModal')).show();
}

function quickRestoreSnapshot(backupId) {
    if (confirm('Quick rollback to this snapshot? This will restore the configuration to the state when this snapshot was created. Continue?')) {
        fetch('/backup/' + backupId + '/restore', {
            method: 'POST',
            headers: {
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({})
        })
        .then(r => r.json())
        .then(data => {
            alert('Snapshot restored successfully. Reloading page...');
            location.reload();
        })
        .catch(err => {
            alert('Error: ' + err.message);
        });
    }
}
</script>
@endsection