@extends('layouts.admin')

@section('title', 'Software Updates')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h3 class="m-0 fw-bold"><i class="fas fa-sync-alt me-2 text-primary"></i>Software Updates</h3>
        <small class="text-muted">niceprint.xyz se latest services aur bug fixes sync karein</small>
    </div>
    <span class="badge bg-secondary fs-6">Installed: v{{ $installedVersion }}</span>
</div>

{{-- Alerts --}}
@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        <i class="fas fa-check-circle me-2"></i>{{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif
@if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <i class="fas fa-exclamation-triangle me-2"></i>{{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif
@if(session('info'))
    <div class="alert alert-info alert-dismissible fade show" role="alert">
        <i class="fas fa-info-circle me-2"></i>{{ session('info') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

<div class="row g-4">
    {{-- Update Status Card --}}
    <div class="col-lg-6">
        <div class="card shadow-sm h-100">
            <div class="card-header bg-dark text-white">
                <h5 class="m-0"><i class="fas fa-cloud-download-alt me-2"></i>Update Status</h5>
            </div>
            <div class="card-body">
                @if($checkError)
                    <div class="alert alert-warning mb-3">
                        <i class="fas fa-wifi me-2"></i>{{ $checkError }}
                    </div>
                @elseif($updateInfo)
                    @if($updateInfo['update_available'])
                        <div class="alert alert-success mb-3">
                            <h5 class="alert-heading"><i class="fas fa-arrow-up me-2"></i>Naya Update Available!</h5>
                            <hr>
                            <div class="row">
                                <div class="col-6">
                                    <strong>Installed Version:</strong><br>
                                    <span class="badge bg-secondary fs-6">v{{ $installedVersion }}</span>
                                </div>
                                <div class="col-6">
                                    <strong>Latest Version:</strong><br>
                                    <span class="badge bg-success fs-6">v{{ $updateInfo['latest_version'] }}</span>
                                </div>
                            </div>
                            <hr>
                            <p class="mb-1"><strong><i class="fas fa-list me-1"></i>Kya update hoga:</strong></p>
                            <ul class="mb-3">
                                @foreach($updateInfo['changelog'] ?? [] as $change)
                                    <li>{{ $change }}</li>
                                @endforeach
                            </ul>
                            <p class="mb-2"><i class="fas fa-cogs me-1"></i>Total Services on Server: <strong>{{ $updateInfo['services_count'] }}</strong></p>
                        </div>

                        <form method="POST" action="{{ route('admin.updates.apply') }}"
                              onsubmit="return confirm('Update apply karne se niceprint.xyz ke services aapke portal me sync ho jayenge. Proceed karna chahte hain?')">
                            @csrf
                            <button type="submit" class="btn btn-success btn-lg w-100">
                                <i class="fas fa-download me-2"></i>
                                Update Apply Karen (v{{ $installedVersion }} → v{{ $updateInfo['latest_version'] }})
                            </button>
                        </form>
                    @else
                        <div class="alert alert-info mb-3">
                            <i class="fas fa-check-circle me-2"></i>
                            Aapka portal <strong>latest version (v{{ $updateInfo['latest_version'] }})</strong> pe hai. Koi update nahi hai.
                        </div>
                        <div class="text-center text-muted">
                            <i class="fas fa-shield-alt fa-3x mb-3 text-success"></i>
                            <p>Aapka portal up-to-date hai!</p>
                        </div>
                    @endif
                @endif

                <div class="mt-3 d-flex gap-2">
                    <a href="{{ route('admin.updates.index') }}" class="btn btn-outline-primary">
                        <i class="fas fa-sync me-1"></i>Refresh Check
                    </a>
                    <a href="https://niceprint.xyz" target="_blank" class="btn btn-outline-secondary">
                        <i class="fas fa-external-link-alt me-1"></i>niceprint.xyz dekhen
                    </a>
                </div>
            </div>
        </div>
    </div>

    {{-- Info Card --}}
    <div class="col-lg-6">
        <div class="card shadow-sm h-100">
            <div class="card-header bg-primary text-white">
                <h5 class="m-0"><i class="fas fa-info-circle me-2"></i>Update System Kaise Kaam Karta Hai?</h5>
            </div>
            <div class="card-body">
                <div class="d-flex align-items-start mb-3">
                    <div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center me-3" style="width:35px;height:35px;flex-shrink:0">1</div>
                    <div>
                        <strong>niceprint.xyz me Service Add/Update hoti hai</strong>
                        <p class="text-muted small mb-0">Jab bhi niceprint.xyz ke admin koi service add karte hain ya update karte hain, version automatically bump ho jata hai.</p>
                    </div>
                </div>
                <div class="d-flex align-items-start mb-3">
                    <div class="bg-warning text-white rounded-circle d-flex align-items-center justify-content-center me-3" style="width:35px;height:35px;flex-shrink:0">2</div>
                    <div>
                        <strong>Aapke Dashboard pe Notification Aata Hai</strong>
                        <p class="text-muted small mb-0">Admin dashboard khulne par automatically check hota hai ki koi update available hai ya nahi.</p>
                    </div>
                </div>
                <div class="d-flex align-items-start mb-3">
                    <div class="bg-success text-white rounded-circle d-flex align-items-center justify-content-center me-3" style="width:35px;height:35px;flex-shrink:0">3</div>
                    <div>
                        <strong>"Update Apply Karen" Button Click Karen</strong>
                        <p class="text-muted small mb-0">Button click karne se niceprint.xyz ki saari services aapke portal me automatically sync ho jati hain.</p>
                    </div>
                </div>
                <div class="d-flex align-items-start">
                    <div class="bg-info text-white rounded-circle d-flex align-items-center justify-content-center me-3" style="width:35px;height:35px;flex-shrink:0">4</div>
                    <div>
                        <strong>Portal Live Update Ho Jata Hai</strong>
                        <p class="text-muted small mb-0">Users ke liye turant nai services available ho jati hain. Koi downtime nahi hoti.</p>
                    </div>
                </div>
                <hr>
                <div class="bg-light rounded p-3">
                    <small class="text-muted">
                        <i class="fas fa-server me-1"></i><strong>Update Server:</strong> niceprint.xyz<br>
                        <i class="fas fa-shield-alt me-1"></i><strong>Security:</strong> API Key protected<br>
                        <i class="fas fa-clock me-1"></i><strong>Auto-check:</strong> Har dashboard visit pe
                    </small>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Update History --}}
<div class="card shadow-sm mt-4">
    <div class="card-header bg-dark text-white">
        <h5 class="m-0"><i class="fas fa-history me-2"></i>Update History</h5>
    </div>
    <div class="card-body p-0">
        @if($updateHistory->isEmpty())
            <div class="text-center text-muted p-5">
                <i class="fas fa-history fa-3x mb-3"></i>
                <p>Abhi tak koi update apply nahi ki gayi.</p>
            </div>
        @else
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Version</th>
                            <th>Services</th>
                            <th>Changes</th>
                            <th>Status</th>
                            <th>Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($updateHistory as $update)
                        <tr>
                            <td>
                                <span class="badge bg-secondary">v{{ $update->from_version }}</span>
                                <i class="fas fa-arrow-right text-muted mx-1"></i>
                                <span class="badge bg-success">v{{ $update->to_version }}</span>
                            </td>
                            <td>
                                @if($update->services_added > 0)
                                    <span class="badge bg-success me-1">+{{ $update->services_added }} added</span>
                                @endif
                                @if($update->services_updated > 0)
                                    <span class="badge bg-info me-1">{{ $update->services_updated }} updated</span>
                                @endif
                            </td>
                            <td>
                                @if($update->changelog)
                                    <button class="btn btn-sm btn-outline-secondary" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#changelog-{{ $update->id }}">
                                        <i class="fas fa-list"></i> Dekhen
                                    </button>
                                    <div class="collapse mt-2" id="changelog-{{ $update->id }}">
                                        <small class="text-muted">{{ $update->changelog }}</small>
                                    </div>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                            <td>
                                <span class="badge bg-{{ $update->status === 'applied' ? 'success' : ($update->status === 'failed' ? 'danger' : 'warning') }}">
                                    {{ ucfirst($update->status) }}
                                </span>
                            </td>
                            <td>{{ $update->created_at->format('d M Y, h:i A') }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="p-3">{{ $updateHistory->links() }}</div>
        @endif
    </div>
</div>
@endsection