@extends('user::layouts.backend-master')
@section('breadcrumb_title', __('updater::translate.Update Details'))

@section('content')
    <div class="flex items-center justify-between mb-6">
        <div>
            <h1 class="text-2xl font-semibold">{{ __('updater::translate.Update Details') }} - v{{ $update->version }}</h1>
            <p class="text-gray-600 mt-1">
                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium {{ $update->status_badge_class }}">
                    {{ $update->status_label }}
                </span>
            </p>
        </div>
        <div class="flex gap-3">
            @if($update->canInstall())
                <button type="button" onclick="installUpdate()" class="btn btn-success">
                    <i class="fas fa-download mr-2"></i>{{ __('updater::translate.Install') }}
                </button>
            @endif
            
            @if($update->canRollback())
                <button type="button" onclick="rollbackUpdate()" class="btn btn-warning">
                    <i class="fas fa-undo mr-2"></i>{{ __('updater::translate.Rollback') }}
                </button>
            @endif
            
            <a href="{{ route('admin.updater.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left mr-2"></i>{{ __('updater::translate.Back to Updates') }}
            </a>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        <!-- Update Information -->
        <div class="lg:col-span-2 space-y-6">
            <!-- Basic Information -->
            <div class="card">
                <div class="px-6 py-4 border-b border-gray-200">
                    <h3 class="text-lg font-medium text-gray-900">{{ __('updater::translate.Package Information') }}</h3>
                </div>
                <div class="p-6">
                    <dl class="grid grid-cols-1 gap-x-4 gap-y-6 sm:grid-cols-2">
                        <div>
                            <dt class="text-sm font-medium text-gray-500">{{ __('updater::translate.Version') }}</dt>
                            <dd class="mt-1 text-sm text-gray-900 font-mono">v{{ $update->version }}</dd>
                        </div>
                        
                        <div>
                            <dt class="text-sm font-medium text-gray-500">{{ __('updater::translate.Status') }}</dt>
                            <dd class="mt-1">
                                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium {{ $update->status_badge_class }}">
                                    {{ $update->status_label }}
                                </span>
                            </dd>
                        </div>
                        
                        <div>
                            <dt class="text-sm font-medium text-gray-500">{{ __('updater::translate.File Size') }}</dt>
                            <dd class="mt-1 text-sm text-gray-900">{{ $update->formatted_file_size }}</dd>
                        </div>
                        
                        <div>
                            <dt class="text-sm font-medium text-gray-500">{{ __('updater::translate.Uploaded By') }}</dt>
                            <dd class="mt-1 text-sm text-gray-900">
                                {{ $update->uploader ? $update->uploader->name : 'Unknown' }}
                            </dd>
                        </div>
                        
                        <div>
                            <dt class="text-sm font-medium text-gray-500">{{ __('updater::translate.Upload Date') }}</dt>
                            <dd class="mt-1 text-sm text-gray-900">{{ $update->created_at->format('M d, Y \a\t H:i') }}</dd>
                        </div>
                        
                        @if($update->installed_at)
                            <div>
                                <dt class="text-sm font-medium text-gray-500">{{ __('updater::translate.Install Date') }}</dt>
                                <dd class="mt-1 text-sm text-gray-900">{{ $update->installed_at->format('M d, Y \a\t H:i') }}</dd>
                            </div>
                        @endif
                    </dl>
                </div>
            </div>

            <!-- Description -->
            @if($update->description)
                <div class="card">
                    <div class="px-6 py-4 border-b border-gray-200">
                        <h3 class="text-lg font-medium text-gray-900">{{ __('updater::translate.Description') }}</h3>
                    </div>
                    <div class="p-6">
                        <div class="prose max-w-none text-sm text-gray-700">
                            {{ $update->description }}
                        </div>
                    </div>
                </div>
            @endif

            <!-- Changelog -->
            @if($update->changelog)
                <div class="card">
                    <div class="px-6 py-4 border-b border-gray-200">
                        <h3 class="text-lg font-medium text-gray-900">{{ __('updater::translate.Changelog') }}</h3>
                    </div>
                    <div class="p-6">
                        <div class="prose max-w-none text-sm text-gray-700">
                            <pre class="whitespace-pre-wrap font-sans">{{ $update->changelog }}</pre>
                        </div>
                    </div>
                </div>
            @endif

            <!-- Error Message (if failed) -->
            @if($update->isFailed() && $update->error_message)
                <div class="card border-red-200">
                    <div class="px-6 py-4 border-b border-red-200 bg-red-50">
                        <h3 class="text-lg font-medium text-red-900">{{ __('updater::translate.Error Details') }}</h3>
                    </div>
                    <div class="p-6 bg-red-50">
                        <div class="text-sm text-red-800">
                            <pre class="whitespace-pre-wrap font-mono text-xs">{{ $update->error_message }}</pre>
                        </div>
                    </div>
                </div>
            @endif
        </div>

        <!-- Sidebar -->
        <div class="space-y-6">
            <!-- Actions -->
            @if($update->canInstall() || $update->canRollback() || !$update->isInstalling())
                <div class="card">
                    <div class="px-6 py-4 border-b border-gray-200">
                        <h3 class="text-lg font-medium text-gray-900">{{ __('updater::translate.Actions') }}</h3>
                    </div>
                    <div class="p-6 space-y-3">
                        @if($update->canInstall())
                            <button type="button" onclick="installUpdate()" class="w-full btn btn-success">
                                <i class="fas fa-download mr-2"></i>{{ __('updater::translate.Install') }}
                            </button>
                        @endif
                        
                        @if($update->canRollback())
                            <button type="button" onclick="rollbackUpdate()" class="w-full btn btn-warning">
                                <i class="fas fa-undo mr-2"></i>{{ __('updater::translate.Rollback') }}
                            </button>
                        @endif
                        
                        @if(!$update->isInstalling())
                            <button type="button" onclick="deleteUpdate()" class="w-full btn btn-danger">
                                <i class="fas fa-trash mr-2"></i>{{ __('updater::translate.Delete') }}
                            </button>
                        @endif
                    </div>
                </div>
            @endif

            <!-- Package Details -->
            <div class="card">
                <div class="px-6 py-4 border-b border-gray-200">
                    <h3 class="text-lg font-medium text-gray-900">{{ __('updater::translate.Package Details') }}</h3>
                </div>
                <div class="p-6 space-y-4">
                    @if($update->getPackageInfo('author'))
                        <div>
                            <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">{{ __('updater::translate.Author') }}</dt>
                            <dd class="mt-1 text-sm text-gray-900">{{ $update->getPackageInfo('author') }}</dd>
                        </div>
                    @endif
                    
                    @if($update->getPackageInfo('license'))
                        <div>
                            <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">{{ __('updater::translate.License') }}</dt>
                            <dd class="mt-1 text-sm text-gray-900">{{ $update->getPackageInfo('license') }}</dd>
                        </div>
                    @endif
                    
                    @if($update->getPackageInfo('requires'))
                        <div>
                            <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">{{ __('updater::translate.Requirements') }}</dt>
                            <dd class="mt-1 text-sm text-gray-900">
                                @if(is_array($update->getPackageInfo('requires')))
                                    <ul class="text-xs space-y-1">
                                        @foreach($update->getPackageInfo('requires') as $requirement)
                                            <li>{{ $requirement }}</li>
                                        @endforeach
                                    </ul>
                                @else
                                    {{ $update->getPackageInfo('requires') }}
                                @endif
                            </dd>
                        </div>
                    @endif
                    
                    @if($update->getPackageInfo('seeders'))
                        <div>
                            <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">{{ __('updater::translate.Includes Seeders') }}</dt>
                            <dd class="mt-1 text-sm text-gray-900">
                                <ul class="text-xs space-y-1">
                                    @foreach($update->getPackageInfo('seeders') as $seeder)
                                        <li>{{ $seeder }}</li>
                                    @endforeach
                                </ul>
                            </dd>
                        </div>
                    @endif
                    
                    @if($update->backup_path)
                        <div>
                            <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">{{ __('updater::translate.Backup Available') }}</dt>
                            <dd class="mt-1 text-sm text-green-600">
                                <i class="fas fa-check mr-1"></i>{{ __('updater::translate.Yes') }}
                            </dd>
                        </div>
                    @endif
                </div>
            </div>

            <!-- Warnings -->
            @if($update->isPending())
                <div class="card border-yellow-200">
                    <div class="px-6 py-4 border-b border-yellow-200 bg-yellow-50">
                        <h3 class="text-lg font-medium text-yellow-900">{{ __('updater::translate.Important') }}</h3>
                    </div>
                    <div class="p-6 bg-yellow-50 space-y-3">
                        <div class="flex">
                            <div class="flex-shrink-0">
                                <i class="fas fa-exclamation-triangle text-yellow-400"></i>
                            </div>
                            <div class="ml-3">
                                <p class="text-sm text-yellow-700">
                                    {{ __('updater::translate.Always create a backup before installing updates') }}
                                </p>
                            </div>
                        </div>
                        
                        <div class="flex">
                            <div class="flex-shrink-0">
                                <i class="fas fa-clock text-yellow-400"></i>
                            </div>
                            <div class="ml-3">
                                <p class="text-sm text-yellow-700">
                                    {{ __('updater::translate.Update process may take several minutes') }}
                                </p>
                            </div>
                        </div>
                        
                        <div class="flex">
                            <div class="flex-shrink-0">
                                <i class="fas fa-ban text-yellow-400"></i>
                            </div>
                            <div class="ml-3">
                                <p class="text-sm text-yellow-700">
                                    {{ __('updater::translate.Do not close this page during installation') }}
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>

    <!-- Hidden Forms -->
    <form id="install-form" method="POST" action="{{ route('admin.updater.install', $update) }}" style="display: none;">
        @csrf
    </form>

    <form id="rollback-form" method="POST" action="{{ route('admin.updater.rollback', $update) }}" style="display: none;">
        @csrf
    </form>

    <form id="delete-form" method="POST" action="{{ route('admin.updater.destroy', $update) }}" style="display: none;">
        @csrf
        @method('DELETE')
    </form>
@endsection

@push('scripts')
    <script>
        (function($) {
            "use strict";

            // Install Update
            window.installUpdate = function() {
                if (confirm("{{ __('updater::translate.Are you sure you want to install this update?') }}\n\n{{ __('updater::translate.This action cannot be undone') }}")) {
                    document.getElementById('install-form').submit();
                }
            };

            // Rollback Update
            window.rollbackUpdate = function() {
                if (confirm("{{ __('updater::translate.Are you sure you want to rollback this update?') }}\n\n{{ __('updater::translate.This action cannot be undone') }}")) {
                    document.getElementById('rollback-form').submit();
                }
            };

            // Delete Update
            window.deleteUpdate = function() {
                if (confirm("{{ __('updater::translate.Are you sure you want to delete this update?') }}\n\n{{ __('updater::translate.This action cannot be undone') }}")) {
                    document.getElementById('delete-form').submit();
                }
            };

        })(jQuery);
    </script>
@endpush