{{-- resources/views/admin/system/versions/edit.blade.php --}}
@extends('admin.layouts.app')

@section('title', 'Edit System Version')
@section('page_title', 'Edit System Version')
@section('breadcrumb')
    <a href="{{ route('admin.system.versions.index') }}"
       style="color:var(--muted);text-decoration:none;">Versions</a>
    → {{ $version->version }}
@endsection

@section('content')

<div class="row">
    <div class="col-lg-8">

        {{-- Status Badge --}}
        @if($version->status !== 'published')
            <div class="alert alert-warning mb-4" style="font-size:.82rem;">
                <i class="bi bi-exclamation-triangle me-2"></i>
                <strong>Draft Version:</strong> This version hasn't been published yet.
                Review the details below, then click <strong>Publish</strong> when ready.
            </div>
        @else
            <div class="alert alert-success mb-4" style="font-size:.82rem;">
                <i class="bi bi-check-circle me-2"></i>
                <strong>Published:</strong> {{ $version->released_at->format('d M Y \a\t H:i') }}
                Properties have been notified.
            </div>
        @endif

        {{-- Form Card --}}
        <form method="POST" action="{{ route('admin.system.versions.update', $version) }}" class="card">
            @csrf @method('PUT')

            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-tag me-2" style="color:var(--clay)"></i>
                    Version {{ $version->version }}
                </span>
                <span class="badge-status bs-{{ $version->status }}">
                    {{ ucfirst($version->status) }}
                </span>
            </div>

            <div class="card-body" style="padding:24px;">

                {{-- Version (Read-only) --}}
                <div class="mb-3">
                    <label for="version" class="form-label" style="font-weight:600;font-size:.82rem;">
                        Version Number
                    </label>
                    <input type="text"
                           id="version"
                           value="{{ $version->version }}"
                           class="form-control"
                           disabled
                           style="background:var(--bg);cursor:not-allowed;">
                    <small style="color:var(--muted);display:block;margin-top:6px;">
                        Cannot be changed after creation
                    </small>
                </div>

                {{-- Title --}}
                <div class="mb-3">
                    <label for="title" class="form-label" style="font-weight:600;font-size:.82rem;">
                        Release Title <span class="text-danger">*</span>
                    </label>
                    <input type="text"
                           id="title"
                           name="title"
                           value="{{ old('title', $version->title) }}"
                           placeholder="e.g., Conference Module & Performance Boost"
                           class="form-control @error('title') is-invalid @enderror"
                           maxlength="191"
                           required>
                    @error('title')
                        <div class="invalid-feedback" style="display:block;">{{ $message }}</div>
                    @enderror
                </div>

                {{-- Type --}}
                <div class="mb-3">
                    <label for="type" class="form-label" style="font-weight:600;font-size:.82rem;">
                        Release Type <span class="text-danger">*</span>
                    </label>
                    <select id="type"
                            name="type"
                            class="form-select @error('type') is-invalid @enderror"
                            required>
                        <option value="major" {{ old('type', $version->type) === 'major' ? 'selected' : '' }}>
                            Major — Breaking changes, new major features
                        </option>
                        <option value="minor" {{ old('type', $version->type) === 'minor' ? 'selected' : '' }}>
                            Minor — New features, backward compatible
                        </option>
                        <option value="patch" {{ old('type', $version->type) === 'patch' ? 'selected' : '' }}>
                            Patch — Bug fixes, improvements
                        </option>
                        <option value="hotfix" {{ old('type', $version->type) === 'hotfix' ? 'selected' : '' }}>
                            Hotfix — Critical security or stability fixes
                        </option>
                    </select>
                    @error('type')
                        <div class="invalid-feedback" style="display:block;">{{ $message }}</div>
                    @enderror
                </div>

                {{-- Release Notes (Markdown) --}}
                <div class="mb-3">
                    <label for="release_notes" class="form-label" style="font-weight:600;font-size:.82rem;">
                        Release Notes (Markdown) <span class="text-danger">*</span>
                    </label>
                    <textarea id="release_notes"
                              name="release_notes"
                              rows="14"
                              class="form-control @error('release_notes') is-invalid @enderror"
                              required>{{ old('release_notes', $version->release_notes) }}</textarea>
                    <small style="color:var(--muted);display:block;margin-top:6px;">
                        Supports Markdown: ## headings, - lists, **bold**, `code`, etc.
                    </small>
                    @error('release_notes')
                        <div class="invalid-feedback" style="display:block;">{{ $message }}</div>
                    @enderror
                </div>

                {{-- Flags --}}
                <div class="card" style="background:var(--clay-light);border:1px solid var(--clay);margin-bottom:20px;">
                    <div class="card-body" style="padding:16px;">
                        <div class="form-check mb-2">
                            <input type="checkbox"
                                   id="requires_migration"
                                   name="requires_migration"
                                   value="1"
                                   class="form-check-input"
                                   {{ old('requires_migration', $version->requires_migration) ? 'checked' : '' }}>
                            <label class="form-check-label" for="requires_migration"
                                   style="font-weight:600;font-size:.82rem;">
                                🔄 Requires Database Migration
                            </label>
                            <small style="display:block;color:var(--muted);margin-top:4px;margin-left:24px;">
                                Check this if users need to run migrations before upgrading
                            </small>
                        </div>
                        <div class="form-check">
                            <input type="checkbox"
                                   id="force_notify"
                                   name="force_notify"
                                   value="1"
                                   class="form-check-input"
                                   {{ old('force_notify', $version->force_notify) ? 'checked' : '' }}>
                            <label class="form-check-label" for="force_notify"
                                   style="font-weight:600;font-size:.82rem;">
                                🔔 Force Notify All Properties
                            </label>
                            <small style="display:block;color:var(--muted);margin-top:4px;margin-left:24px;">
                                Send notification to all properties when published (even if notifications disabled)
                            </small>
                        </div>
                    </div>
                </div>

            </div>

            <div class="card-body" style="border-top:1px solid var(--border);
                                          padding:16px 24px;
                                          display:flex;
                                          gap:10px;
                                          justify-content:space-between;">
                <a href="{{ route('admin.system.versions.index') }}"
                   class="btn btn-outline-secondary">
                    ← Back
                </a>
                <div style="display:flex;gap:10px;">
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-check-circle me-1"></i>
                        Save Changes
                    </button>
                </div>
            </div>
        </form>

    </div>

    {{-- Sidebar --}}
    <div class="col-lg-4">

        {{-- Publish Card --}}
        @if($version->status !== 'published')
            <div class="card mb-3 border-success">
                <div class="card-header" style="background:var(--bg);border-bottom:1px solid var(--border);">
                    <span class="card-title">
                        <i class="bi bi-rocket me-2" style="color:var(--success)"></i>
                        Ready to Publish?
                    </span>
                </div>
                <div class="card-body">
                    <p style="font-size:.82rem;color:var(--muted);margin-bottom:12px;line-height:1.6;">
                        Publishing will:
                    </p>
                    <ul style="font-size:.82rem;color:var(--muted);
                           margin:0;padding-left:18px;line-height:1.8;">
                        <li>Mark version as published</li>
                        <li>Set release timestamp</li>
                        @if($version->force_notify)
                            <li>📢 Send notification to all properties</li>
                        @endif
                        @if($version->requires_migration)
                            <li>🔄 Alert about required migrations</li>
                        @endif
                    </ul>
                    <form method="POST"
                          action="{{ route('admin.system.versions.publish', $version) }}"
                          style="margin-top:16px;"
                          onsubmit="return confirm('Publish version {{ $version->version }}?{{ $version->force_notify ? '\n\nThis will notify all properties.' : '' }}')">
                        @csrf
                        <button type="submit" class="btn btn-success w-100">
                            <i class="bi bi-check-circle me-1"></i>
                            Publish Version
                        </button>
                    </form>
                </div>
            </div>
        @else
            <div class="card mb-3">
                <div class="card-header" style="background:var(--bg);border-bottom:1px solid var(--border);">
                    <span class="card-title">
                        <i class="bi bi-check-circle me-2" style="color:var(--success)"></i>
                        Published
                    </span>
                </div>
                <div class="card-body">
                    <div style="font-size:.82rem;color:var(--muted);line-height:1.6;">
                        <strong>Released:</strong><br>
                        {{ $version->released_at->format('d M Y H:i') }}
                    </div>
                    @if($version->force_notify)
                        <div style="margin-top:10px;padding:10px;background:var(--bg);
                                   border-radius:6px;font-size:.78rem;color:var(--muted);">
                            ✓ Notifications sent to all properties
                        </div>
                    @endif
                </div>
            </div>
        @endif

        {{-- Meta --}}
        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-info-circle me-2" style="color:var(--clay)"></i>
                    Metadata
                </span>
            </div>
            <div class="card-body">
                @php
                    $meta = [
                        'Version'       => $version->version,
                        'Type'          => ucfirst($version->type),
                        'Status'        => ucfirst($version->status),
                        'Created'       => $version->created_at->format('d M Y H:i'),
                        'Last Updated'  => $version->updated_at->diffForHumans(),
                        'Released'      => $version->released_at ? $version->released_at->format('d M Y H:i') : '—',
                    ];
                @endphp
                @foreach($meta as $label => $value)
                    <div style="display:flex;justify-content:space-between;
                               align-items:center;padding:6px 0;
                               border-bottom:1px solid var(--border);
                               font-size:.78rem;">
                        <span style="color:var(--muted);">{{ $label }}</span>
                        <span class="fw-semibold" style="font-family:monospace;">{{ $value }}</span>
                    </div>
                @endforeach
            </div>
        </div>

        {{-- Preview --}}
        <div class="card">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-eye me-2" style="color:var(--clay)"></i>
                    Release Notes Preview
                </span>
            </div>
            <div class="card-body">
                <div style="font-size:.82rem;
                           color:var(--text);
                           line-height:1.8;
                           max-height:300px;
                           overflow-y:auto;">
                    @php
                        // Simple markdown preview (shows raw, ideally use a markdown parser)
                        echo nl2br(htmlspecialchars(substr($version->release_notes, 0, 400)));
                    @endphp
                    @if(strlen($version->release_notes) > 400)
                        <p style="color:var(--muted);margin-top:8px;font-size:.75rem;">
                            … [{{ strlen($version->release_notes) - 400 }} more characters]
                        </p>
                    @endif
                </div>
            </div>
        </div>

    </div>
</div>

@endsection