@extends('layouts.app')

@section('content')
<style>
.rc-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:600;}
.rc-badge.published{background:rgba(22,163,74,.12);color:#15803d;}
.rc-badge.draft{background:rgba(100,116,139,.12);color:#475569;}
.rc-badge.archived{background:rgba(234,179,8,.12);color:#b45309;}
.rc-badge.completed{background:rgba(22,163,74,.12);color:#15803d;}
.rc-badge.failed{background:rgba(220,38,38,.12);color:#dc2626;}
.rc-badge.downloading,.rc-badge.installing,.rc-badge.pending{background:rgba(59,130,246,.12);color:#2563eb;}
.build-ready{background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.3);border-radius:.5rem;padding:.75rem 1rem;}
.build-pending{background:rgba(100,116,139,.08);border:1px dashed #cbd5e1;border-radius:.5rem;padding:.75rem 1rem;}
.build-building{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.3);border-radius:.5rem;padding:.75rem 1rem;}
.build-failed{background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.3);border-radius:.5rem;padding:.75rem 1rem;}
</style>

{{-- Breadcrumb --}}
<nav class="mb-4" style="font-size:.83rem;">
    <a href="{{ route('release-center.index') }}" class="text-decoration-none text-secondary">
        <i data-lucide="package" style="width:13px;height:13px;" class="me-1"></i>Release Center
    </a>
    <span class="text-secondary mx-2">/</span>
    <span>v{{ $release->version }}</span>
</nav>

@if(session('success'))
<div class="alert alert-success border-0 d-flex align-items-center gap-2 mb-4">
    <i data-lucide="check-circle" style="width:16px;height:16px;flex-shrink:0;"></i> {{ session('success') }}
</div>
@endif
@if(session('error'))
<div class="alert alert-danger border-0 d-flex align-items-center gap-2 mb-4">
    <i data-lucide="x-circle" style="width:16px;height:16px;flex-shrink:0;"></i> {{ session('error') }}
</div>
@endif

<div class="row g-4">

    {{-- ── Main Column ── --}}
    <div class="col-lg-8">

        {{-- Header card --}}
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body p-4">
                <div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-3">
                    <div>
                        <div class="d-flex align-items-center gap-2 mb-2">
                            <code class="fs-5 fw-bold">v{{ $release->version }}</code>
                            <span class="rc-badge {{ $release->status }}">{{ ucfirst($release->status) }}</span>
                            <span class="badge bg-secondary bg-opacity-10 text-secondary">{{ ucfirst($release->channel) }}</span>
                        </div>
                        <h4 class="mb-1 fw-bold">{{ $release->name }}</h4>
                        @if($release->description)
                        <p class="text-secondary mb-0">{{ $release->description }}</p>
                        @endif
                    </div>

                    {{-- Action buttons — state-machine driven --}}
                    <div class="d-flex flex-wrap gap-2">
                        @if($release->canBeBuilt())
                        <form action="{{ route('release-center.build', $release) }}" method="POST">
                            @csrf
                            <button class="btn btn-primary d-flex align-items-center gap-2">
                                <i data-lucide="package" style="width:15px;height:15px;"></i>
                                {{ $release->build_status === 'failed' ? 'Rebuild Package' : 'Build Package' }}
                            </button>
                        </form>
                        @endif

                        @if($release->canBePublished())
                        <form action="{{ route('release-center.publish', $release) }}" method="POST">
                            @csrf
                            <button class="btn btn-success d-flex align-items-center gap-2">
                                <i data-lucide="broadcast" style="width:15px;height:15px;"></i> Publish
                            </button>
                        </form>
                        @endif

                        @if($release->canBeArchived())
                        <form action="{{ route('release-center.archive', $release) }}" method="POST"
                              onsubmit="return confirm('Archive this release? It will no longer be served to nodes.')">
                            @csrf
                            <button class="btn btn-outline-secondary btn-sm d-flex align-items-center gap-2">
                                <i data-lucide="archive" style="width:13px;height:13px;"></i> Archive
                            </button>
                        </form>
                        @endif
                    </div>
                </div>

                {{-- Build status block --}}
                <div class="build-{{ $release->build_status ?? 'pending' }}">
                    @if($release->build_status === 'ready')
                    <div class="d-flex flex-wrap gap-4">
                        <div>
                            <div class="text-secondary small fw-semibold text-uppercase mb-1">Package</div>
                            <code style="font-size:.8rem;">{{ basename($release->package_path) }}</code>
                        </div>
                        <div class="flex-fill">
                            <div class="text-secondary small fw-semibold text-uppercase mb-1">SHA-256 Checksum</div>
                            <code style="font-size:.72rem;word-break:break-all;">{{ $release->checksum }}</code>
                        </div>
                        @if($release->hmac_signature)
                        <div>
                            <div class="text-secondary small fw-semibold text-uppercase mb-1">HMAC Signature</div>
                            <span class="badge bg-success bg-opacity-10 text-success border border-success border-opacity-25">
                                <i data-lucide="shield-check" style="width:11px;height:11px;" class="me-1"></i>Signed
                            </span>
                        </div>
                        @endif
                    </div>
                    @elseif($release->build_status === 'building')
                    <div class="d-flex align-items-center gap-3">
                        <div class="spinner-border spinner-border-sm text-primary"></div>
                        <span class="text-primary fw-semibold">Build in progress — refresh in a moment...</span>
                    </div>
                    @elseif($release->build_status === 'failed')
                    <div class="d-flex align-items-center gap-2 text-danger">
                        <i data-lucide="x-circle" style="width:16px;height:16px;"></i>
                        <span class="fw-semibold">Build failed.</span>
                        <span class="text-secondary small">Click Rebuild Package to try again.</span>
                    </div>
                    @else
                    <div class="d-flex align-items-center gap-2 text-secondary">
                        <i data-lucide="package" style="width:16px;height:16px;"></i>
                        <span>Package not built yet. Click <strong>Build Package</strong> to generate the update archive.</span>
                    </div>
                    @endif
                </div>
            </div>
        </div>

        {{-- Release Notes --}}
        @if($release->release_notes)
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white border-bottom py-3">
                <h6 class="mb-0 fw-semibold">Release Notes</h6>
            </div>
            <div class="card-body">
                <div style="white-space:pre-line;line-height:1.8;color:#374151;font-size:.9rem;">{{ $release->release_notes }}</div>
            </div>
        </div>
        @endif

        {{-- Tracked Changes (from git) --}}
        @php $trackedChanges = \App\Models\ChangeRecord::where('release_id', $release->id)->orderByDesc('committed_at')->get(); @endphp
        @if($trackedChanges->isNotEmpty())
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white border-bottom py-3 d-flex align-items-center justify-content-between">
                <h6 class="mb-0 fw-semibold">Tracked Changes <span class="text-secondary fw-normal">(from git)</span></h6>
                <span class="badge bg-secondary">{{ $trackedChanges->count() }}</span>
            </div>
            <div class="card-body p-0">
                @foreach($trackedChanges as $change)
                <div class="d-flex align-items-start gap-3 px-4 py-3 {{ !$loop->last ? 'border-bottom' : '' }}" style="font-size:.875rem;">
                    <span class="badge mt-1 flex-shrink-0"
                          style="min-width:90px;text-align:center;background:{{ $change->change_type_bg_color }};color:{{ $change->change_type_badge_color }};">
                        {{ $change->change_type }}
                    </span>
                    <div class="flex-fill">
                        <div class="fw-semibold">{{ $change->module_name }}</div>
                        <div class="text-secondary small">{{ $change->description ?? $change->commit_message }}</div>
                    </div>
                    <code style="font-size:.72rem;color:#94a3b8;white-space:nowrap;">{{ $change->commit_short }}</code>
                </div>
                @endforeach
            </div>
        </div>
        @endif

        {{-- Change Items --}}
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white border-bottom py-3 d-flex align-items-center justify-content-between">
                <h6 class="mb-0 fw-semibold">Change Items</h6>
                <span class="badge bg-secondary">{{ $release->items->count() }}</span>
            </div>
            <div class="card-body p-0">
                @forelse($release->items as $item)
                <div class="d-flex align-items-start gap-3 px-4 py-3 {{ !$loop->last ? 'border-bottom' : '' }}" style="font-size:.875rem;">
                    <span class="badge mt-1 flex-shrink-0"
                          style="min-width:90px;text-align:center;
                          background:{{ match($item->change_type) {
                              'Feature'        => 'rgba(59,130,246,.15)', 'Enhancement' => 'rgba(16,185,129,.15)',
                              'Bug Fix'        => 'rgba(234,179,8,.15)',  'Security'    => 'rgba(220,38,38,.15)',
                              'Breaking Change'=> 'rgba(124,58,237,.15)', default       => 'rgba(100,116,139,.15)'
                          } }};
                          color:{{ match($item->change_type) {
                              'Feature'        => '#2563eb', 'Enhancement' => '#059669',
                              'Bug Fix'        => '#b45309', 'Security'    => '#dc2626',
                              'Breaking Change'=> '#7c3aed', default       => '#475569'
                          } }};">
                        {{ $item->change_type }}
                    </span>
                    <div>
                        <div class="fw-semibold">{{ $item->module_name }}</div>
                        <div class="text-secondary small">{{ $item->description }}</div>
                    </div>
                </div>
                @empty
                <div class="text-center py-4 text-secondary small">No change items added to this release.</div>
                @endforelse
            </div>
        </div>

        {{-- Deployment History --}}
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white border-bottom py-3 d-flex align-items-center justify-content-between">
                <h6 class="mb-0 fw-semibold">Deployment History</h6>
                <div class="d-flex gap-2">
                    <span class="badge bg-success bg-opacity-10 text-success">{{ $deploymentStats['completed'] }} completed</span>
                    <span class="badge bg-danger bg-opacity-10 text-danger">{{ $deploymentStats['failed'] }} failed</span>
                    @if($deploymentStats['pending'] > 0)
                    <span class="badge bg-primary bg-opacity-10 text-primary">{{ $deploymentStats['pending'] }} in progress</span>
                    @endif
                </div>
            </div>
            <div class="card-body p-0">
                @forelse($release->deployments as $dep)
                <div class="d-flex align-items-center gap-3 px-4 py-3 {{ !$loop->last ? 'border-bottom' : '' }}" style="font-size:.875rem;">
                    <span class="rc-badge {{ $dep->status }}">{{ ucfirst(str_replace('_',' ',$dep->status)) }}</span>
                    <div class="flex-fill">
                        <div class="fw-semibold">{{ $dep->node->node_name ?? 'Unknown' }}</div>
                        <div class="text-secondary small">{{ $dep->node->ip_address ?? '' }}</div>
                    </div>
                    <div class="text-secondary text-end" style="font-size:.78rem;">
                        <div>{{ $dep->started_at?->format('d M Y H:i') ?? '—' }}</div>
                        @if($dep->duration)<div>{{ $dep->duration }}</div>@endif
                    </div>
                </div>
                @empty
                <div class="text-center py-4 text-secondary small">No deployments for this release yet.</div>
                @endforelse
            </div>
        </div>
    </div>

    {{-- ── Side Column ── --}}
    <div class="col-lg-4">

        {{-- Stats --}}
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white border-bottom py-3"><h6 class="mb-0 fw-semibold">Deployment Stats</h6></div>
            <div class="card-body">
                <div class="row g-3 text-center">
                    <div class="col-4">
                        <div class="fs-3 fw-bold">{{ $deploymentStats['total'] }}</div>
                        <div class="text-secondary small">Total</div>
                    </div>
                    <div class="col-4">
                        <div class="fs-3 fw-bold text-success">{{ $deploymentStats['completed'] }}</div>
                        <div class="text-secondary small">Success</div>
                    </div>
                    <div class="col-4">
                        <div class="fs-3 fw-bold text-danger">{{ $deploymentStats['failed'] }}</div>
                        <div class="text-secondary small">Failed</div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Protected Tables --}}
        <div class="card border-0 shadow-sm mb-4" style="border-left:3px solid #16a34a!important;">
            <div class="card-header bg-white border-bottom py-3 d-flex align-items-center gap-2">
                <i data-lucide="shield-check" style="width:16px;height:16px;color:#16a34a;"></i>
                <h6 class="mb-0 fw-semibold">Protected Tables</h6>
            </div>
            <div class="card-body">
                <div class="d-flex flex-wrap gap-1 mb-2">
                    @foreach(['users','extensions','trunks','queues','ivr','ring_groups','recordings','cdrs','contacts','sip_accounts','roles','permissions'] as $tbl)
                    <span class="badge bg-success bg-opacity-10 text-success" style="font-size:.7rem;">
                        <i data-lucide="lock" style="width:9px;height:9px;" class="me-1"></i>{{ $tbl }}
                    </span>
                    @endforeach
                </div>
                <p class="text-secondary small mb-0">Never deleted, truncated or replaced during updates.</p>
            </div>
        </div>

        {{-- Security --}}
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white border-bottom py-3 d-flex align-items-center gap-2">
                <i data-lucide="lock" style="width:16px;height:16px;color:#3b82f6;"></i>
                <h6 class="mb-0 fw-semibold">Security</h6>
            </div>
            <div class="card-body" style="font-size:.83rem;">
                <div class="d-flex align-items-center justify-content-between py-2 border-bottom">
                    <span class="text-secondary">SHA-256 Checksum</span>
                    <span class="badge {{ $release->checksum ? 'bg-success bg-opacity-10 text-success' : 'bg-secondary bg-opacity-10 text-secondary' }}">
                        {{ $release->checksum ? 'Present' : 'Not built' }}
                    </span>
                </div>
                <div class="d-flex align-items-center justify-content-between py-2 border-bottom">
                    <span class="text-secondary">HMAC Signature</span>
                    <span class="badge {{ $release->hmac_signature ? 'bg-success bg-opacity-10 text-success' : 'bg-secondary bg-opacity-10 text-secondary' }}">
                        {{ $release->hmac_signature ? 'Signed' : 'Not signed' }}
                    </span>
                </div>
                <div class="d-flex align-items-center justify-content-between py-2">
                    <span class="text-secondary">State</span>
                    <span class="badge bg-primary bg-opacity-10 text-primary">
                        {{ ucfirst($release->status) }} / {{ $release->build_status_label }}
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

@if($release->build_status === 'building')
<script>
// Auto-refresh while build is in progress
setTimeout(() => window.location.reload(), 5000);
</script>
@endif
@endsection