@extends('layouts.app')


@section('content')

<div class="page-header mb-4">
    <div class="row align-items-center">
        <div class="col">
            <h4 class="mb-1">Deployment History</h4>
            <p class="text-muted mb-0">Full audit trail of all update operations across all nodes</p>
        </div>
        <div class="col-auto">
            <a href="{{ route('release-center.index') }}" class="btn btn-outline-secondary btn-sm">
                <i class="bi bi-arrow-left me-1"></i>Back to Releases
            </a>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header"><h5 class="mb-0">All Deployments</h5></div>
    <div class="card-body p-0">
        @if($deployments->isEmpty())
            <div class="empty-state">
                <i class="bi bi-clock-history"></i>
                <h5>No deployments recorded</h5>
                <p>Deployment records appear here once nodes begin updating</p>
            </div>
        @else
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th class="ps-4">Node</th>
                        <th>Release</th>
                        <th>Status</th>
                        <th>Started</th>
                        <th>Duration</th>
                        <th>Rollback</th>
                        <th>Log</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($deployments as $dep)
                    <tr>
                        <td class="ps-4">
                            <div class="fw-semibold">{{ $dep->node->node_name ?? 'Unknown' }}</div>
                            <div class="text-muted small font-monospace">{{ $dep->node->ip_address ?? '' }}</div>
                        </td>
                        <td>
                            <code>v{{ $dep->release->version ?? '?' }}</code>
                            <div class="text-muted small">{{ $dep->release->name ?? '' }}</div>
                        </td>
                        <td>
                            <span class="status-badge status-{{ $dep->status }}">
                                {{ ucfirst(str_replace('_', ' ', $dep->status)) }}
                            </span>
                        </td>
                        <td class="text-muted small">{{ $dep->started_at?->format('d M Y H:i') ?? '—' }}</td>
                        <td class="text-muted small">{{ $dep->duration ?? '—' }}</td>
                        <td>
                            @if($dep->rollback_available)
                            <span class="badge bg-warning bg-opacity-10 text-warning border border-warning border-opacity-25"
                                  style="font-size:.72rem;">
                                <i class="bi bi-arrow-counterclockwise me-1"></i>Available
                            </span>
                            @else
                            <span class="text-muted small">—</span>
                            @endif
                        </td>
                        <td>
                            @if($dep->log)
                            <button class="btn btn-sm btn-outline-secondary"
                                    data-bs-toggle="modal"
                                    data-bs-target="#log{{ $dep->id }}">
                                <i class="bi bi-terminal"></i>
                            </button>
                            {{-- Log Modal --}}
                            <div class="modal fade" id="log{{ $dep->id }}" tabindex="-1">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">
                                                Deployment Log —
                                                {{ $dep->node->node_name ?? 'Node' }}
                                                <code>v{{ $dep->release->version ?? '' }}</code>
                                            </h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                        </div>
                                        <div class="modal-body p-0">
                                            <pre class="mb-0 p-4"
                                                 style="background:#0f172a;color:#e2e8f0;font-size:.78rem;max-height:450px;overflow:auto;border-radius:0 0 .375rem .375rem;">{{ $dep->log }}</pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @else
                            <span class="text-muted small">—</span>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @if($deployments->hasPages())
        <div class="card-footer">{{ $deployments->links() }}</div>
        @endif
        @endif
    </div>
</div>

@endsection