@extends('layouts.admin')

@section('title', 'Backup Details')

@section('content')
<div class="container-fluid">
    <!-- Page Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800">Backup Details</h1>
            <p class="text-muted">{{ $backup->name }}</p>
        </div>
        <div>
            @if($backup->status === 'completed' && $backup->fileExists())
                <a href="{{ route('admin.database-backup.download', $backup) }}" class="btn btn-success">
                    <i class="fas fa-download me-2"></i>Download
                </a>
            @endif
            <a href="{{ route('admin.database-backup.backups') }}" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-2"></i>Back to Backups
            </a>
        </div>
    </div>

    <div class="row">
        <!-- Backup Information -->
        <div class="col-lg-8">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Backup Information</h6>
                </div>
                <div class="card-body">
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Name:</strong></div>
                        <div class="col-sm-9">{{ $backup->name }}</div>
                    </div>
                    
                    @if($backup->description)
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Description:</strong></div>
                        <div class="col-sm-9">{{ $backup->description }}</div>
                    </div>
                    @endif
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Status:</strong></div>
                        <div class="col-sm-9">
                            <span class="badge bg-{{ $backup->status_badge }} fs-6">
                                {{ ucfirst(str_replace('_', ' ', $backup->status)) }}
                            </span>
                        </div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Type:</strong></div>
                        <div class="col-sm-9">
                            <span class="badge bg-{{ $backup->type_badge }} fs-6">
                                {{ ucfirst($backup->type) }}
                            </span>
                        </div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Filename:</strong></div>
                        <div class="col-sm-9">
                            <code>{{ $backup->filename }}</code>
                            @if($backup->compressed)
                                <span class="badge bg-info ms-2">Compressed</span>
                            @endif
                        </div>
                    </div>
                    
                    @if($backup->status === 'completed')
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>File Size:</strong></div>
                        <div class="col-sm-9">{{ $backup->formatted_file_size }}</div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>File Exists:</strong></div>
                        <div class="col-sm-9">
                            @if($backup->fileExists())
                                <span class="text-success"><i class="fas fa-check-circle me-1"></i>Yes</span>
                            @else
                                <span class="text-danger"><i class="fas fa-times-circle me-1"></i>No (File not found)</span>
                            @endif
                        </div>
                    </div>
                    @endif
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Created:</strong></div>
                        <div class="col-sm-9">
                            {{ $backup->created_at->format('F d, Y \a\t H:i:s') }}
                            <small class="text-muted">({{ $backup->created_at->diffForHumans() }})</small>
                        </div>
                    </div>
                    
                    @if($backup->started_at)
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Started:</strong></div>
                        <div class="col-sm-9">
                            {{ $backup->started_at->format('F d, Y \a\t H:i:s') }}
                        </div>
                    </div>
                    @endif
                    
                    @if($backup->completed_at)
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Completed:</strong></div>
                        <div class="col-sm-9">
                            {{ $backup->completed_at->format('F d, Y \a\t H:i:s') }}
                        </div>
                    </div>
                    @endif
                    
                    @if($backup->duration)
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Duration:</strong></div>
                        <div class="col-sm-9">{{ $backup->duration }}</div>
                    </div>
                    @endif
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Created By:</strong></div>
                        <div class="col-sm-9">{{ $backup->creator->name ?? 'System' }}</div>
                    </div>
                    
                    @if($backup->error_message)
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Error:</strong></div>
                        <div class="col-sm-9">
                            <div class="alert alert-danger mb-0">
                                <i class="fas fa-exclamation-triangle me-2"></i>
                                {{ $backup->error_message }}
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>

            <!-- Tables Included -->
            @if($backup->tables_included)
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Tables Included ({{ count($backup->tables_included) }})</h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        @foreach($backup->tables_included as $table)
                        <div class="col-md-4 col-sm-6 mb-2">
                            <span class="badge bg-light text-dark">{{ $table }}</span>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
            @endif

            <!-- Metadata -->
            @if($backup->metadata)
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Additional Metadata</h6>
                </div>
                <div class="card-body">
                    <pre class="bg-light p-3 rounded"><code>{{ json_encode($backup->metadata, JSON_PRETTY_PRINT) }}</code></pre>
                </div>
            </div>
            @endif
        </div>

        <!-- Actions -->
        <div class="col-lg-4">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Actions</h6>
                </div>
                <div class="card-body">
                    @if($backup->status === 'completed' && $backup->fileExists())
                        <div class="d-grid gap-2">
                            <a href="{{ route('admin.database-backup.download', $backup) }}" class="btn btn-success">
                                <i class="fas fa-download me-2"></i>Download Backup
                            </a>
                            
                            <button type="button" class="btn btn-warning" onclick="showRestoreModal()">
                                <i class="fas fa-undo me-2"></i>Restore from This Backup
                            </button>
                            
                            <button type="button" class="btn btn-info" onclick="testBackup()">
                                <i class="fas fa-vial me-2"></i>Test Backup File
                            </button>
                            
                            <hr>
                            
                            <form method="POST" action="{{ route('admin.database-backup.destroy', $backup) }}" 
                                  onsubmit="return confirm('Are you sure you want to delete this backup? This action cannot be undone.')">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-outline-danger w-100">
                                    <i class="fas fa-trash me-2"></i>Delete Backup
                                </button>
                            </form>
                        </div>
                    @elseif($backup->status === 'failed')
                        <div class="alert alert-danger">
                            <i class="fas fa-exclamation-triangle me-2"></i>
                            This backup failed and cannot be used for restore.
                        </div>
                        
                        <form method="POST" action="{{ route('admin.database-backup.destroy', $backup) }}" 
                              onsubmit="return confirm('Are you sure you want to delete this failed backup?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-outline-danger w-100">
                                <i class="fas fa-trash me-2"></i>Delete Failed Backup
                            </button>
                        </form>
                    @elseif($backup->status === 'in_progress')
                        <div class="alert alert-info">
                            <i class="fas fa-spinner fa-spin me-2"></i>
                            This backup is currently in progress.
                        </div>
                        
                        <button type="button" class="btn btn-outline-secondary w-100" onclick="location.reload()">
                            <i class="fas fa-sync me-2"></i>Refresh Status
                        </button>
                    @else
                        <div class="alert alert-secondary">
                            <i class="fas fa-clock me-2"></i>
                            This backup is pending.
                        </div>
                    @endif
                </div>
            </div>

            <!-- File Information -->
            @if($backup->status === 'completed')
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">File Information</h6>
                </div>
                <div class="card-body">
                    <div class="mb-2">
                        <small class="text-muted">Full Path:</small><br>
                        <code class="small">{{ $backup->file_path }}</code>
                    </div>
                    
                    @if($backup->fileExists())
                        <div class="mb-2">
                            <small class="text-muted">File Size:</small><br>
                            <strong>{{ $backup->formatted_file_size }}</strong>
                        </div>
                        
                        <div class="mb-2">
                            <small class="text-muted">Compression:</small><br>
                            @if($backup->compressed)
                                <span class="badge bg-success">Compressed</span>
                            @else
                                <span class="badge bg-secondary">Uncompressed</span>
                            @endif
                        </div>
                    @else
                        <div class="alert alert-warning mb-0">
                            <i class="fas fa-exclamation-triangle me-2"></i>
                            <small>Backup file not found on disk</small>
                        </div>
                    @endif
                </div>
            </div>
            @endif
        </div>
    </div>
</div>

<!-- Restore Confirmation Modal -->
<div class="modal fade" id="restoreModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ route('admin.database-backup.restore-from-backup', $backup) }}">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Restore Database</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-warning">
                        <i class="fas fa-exclamation-triangle me-2"></i>
                        <strong>Warning:</strong> This will replace all current database data with the backup data.
                    </div>
                    
                    <div class="mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="create_backup_before_restore" 
                                   name="create_backup_before_restore" value="1" checked>
                            <label class="form-check-label" for="create_backup_before_restore">
                                Create backup before restore (Recommended)
                            </label>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="drop_existing_tables" 
                                   name="drop_existing_tables" value="1">
                            <label class="form-check-label" for="drop_existing_tables">
                                Drop existing tables before restore
                            </label>
                            <div class="form-text text-warning">
                                This will completely remove all existing tables
                            </div>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="confirmation" 
                                   name="confirmation" value="1" required>
                            <label class="form-check-label" for="confirmation">
                                I understand the risks and want to proceed
                            </label>
                        </div>
                    </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-warning">Restore Database</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Test Result Modal -->
<div class="modal fade" id="testResultModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Backup Test Result</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body" id="testResultContent">
                <!-- Test result will be loaded here -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

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

function testBackup() {
    const modal = new bootstrap.Modal(document.getElementById('testResultModal'));
    const content = document.getElementById('testResultContent');
    
    content.innerHTML = '<div class="text-center"><i class="fas fa-spinner fa-spin"></i> Testing backup...</div>';
    modal.show();
    
    fetch(`{{ route('admin.database-backup.test', $backup) }}`)
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                content.innerHTML = `
                    <div class="alert alert-success">
                        <i class="fas fa-check-circle me-2"></i>
                        ${data.message}
                    </div>
                    <div class="row">
                        <div class="col-sm-6"><strong>File Size:</strong></div>
                        <div class="col-sm-6">${data.file_size}</div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6"><strong>Created:</strong></div>
                        <div class="col-sm-6">${data.created_at}</div>
                    </div>
                    ${data.tables_included ? `
                    <div class="row">
                        <div class="col-sm-6"><strong>Tables:</strong></div>
                        <div class="col-sm-6">${data.tables_included.length} tables</div>
                    </div>
                    ` : ''}
                `;
            } else {
                content.innerHTML = `
                    <div class="alert alert-danger">
                        <i class="fas fa-exclamation-triangle me-2"></i>
                        ${data.message}
                    </div>
                `;
            }
        })
        .catch(error => {
            content.innerHTML = `
                <div class="alert alert-danger">
                    <i class="fas fa-exclamation-triangle me-2"></i>
                    Error testing backup: ${error.message}
                </div>
            `;
        });
}

// Auto-refresh if backup is in progress
@if($backup->status === 'in_progress')
setTimeout(function() {
    location.reload();
}, 10000); // Refresh every 10 seconds
@endif
</script>
@endsection