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

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

@section('content')

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

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

            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-plus-circle me-2" style="color:var(--clay)"></i>
                    New Version
                </span>
            </div>

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

                {{-- Version --}}
                <div class="mb-3">
                    <label for="version" class="form-label" style="font-weight:600;font-size:.82rem;">
                        Version Number <span class="text-danger">*</span>
                    </label>
                    <input type="text"
                           id="version"
                           name="version"
                           value="{{ old('version') }}"
                           placeholder="e.g., 1.5.0"
                           class="form-control @error('version') is-invalid @enderror"
                           pattern="^\d+\.\d+\.\d+$"
                           required>
                    <small style="color:var(--muted);display:block;margin-top:6px;">
                        Use semantic versioning (e.g., 1.0.0, 1.5.2)
                    </small>
                    @error('version')
                        <div class="invalid-feedback" style="display:block;">{{ $message }}</div>
                    @enderror
                </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') }}"
                           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="" selected disabled>Select type…</option>
                        <option value="major" {{ old('type') === 'major' ? 'selected' : '' }}>
                            Major — Breaking changes, new major features
                        </option>
                        <option value="minor" {{ old('type') === 'minor' ? 'selected' : '' }}>
                            Minor — New features, backward compatible
                        </option>
                        <option value="patch" {{ old('type') === 'patch' ? 'selected' : '' }}>
                            Patch — Bug fixes, improvements
                        </option>
                        <option value="hotfix" {{ old('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="12"
                              class="form-control @error('release_notes') is-invalid @enderror"
                              placeholder="## New Features&#10;&#10;- Feature 1&#10;- Feature 2&#10;&#10;## Bug Fixes&#10;&#10;- Fixed issue X&#10;- Fixed issue Y&#10;&#10;## Migration&#10;&#10;Run: `php artisan migrate`"
                              required>{{ old('release_notes') }}</textarea>
                    <small style="color:var(--muted);display:block;margin-top:6px;">
                        Supports Markdown formatting (## headings, - lists, **bold**, 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') ? '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') ? '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:flex-end;">
                <a href="{{ route('admin.system.versions.index') }}"
                   class="btn btn-outline-secondary">
                    Cancel
                </a>
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-check-circle me-1"></i>
                    Create Version
                </button>
            </div>
        </form>

    </div>

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

        {{-- Version Format Help --}}
        <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>
                    Semantic Versioning
                </span>
            </div>
            <div class="card-body">
                <p style="font-size:.82rem;color:var(--muted);line-height:1.6;">
                    Use <strong>MAJOR.MINOR.PATCH</strong> format:
                </p>
                <div style="background:var(--bg);padding:12px;border-radius:6px;
                           font-family:monospace;font-size:.75rem;margin-bottom:10px;">
                    <div><strong>1</strong>.0.0 — Major version</div>
                    <div>1.<strong>5</strong>.0 — Minor version</div>
                    <div>1.5.<strong>2</strong> — Patch version</div>
                </div>
                <p style="font-size:.78rem;color:var(--muted);margin:0;">
                    Examples: 1.0.0, 1.2.5, 2.0.0, 1.5.3
                </p>
            </div>
        </div>

        {{-- Release Notes Template --}}
        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-file-earmark-text me-2" style="color:var(--clay)"></i>
                    Release Notes Template
                </span>
            </div>
            <div class="card-body">
                <pre style="font-size:.7rem;background:var(--bg);
                           padding:10px;border-radius:6px;
                           overflow-x:auto;margin:0;">## 🎉 New Features

- Feature A
- Feature B

## 🐛 Bug Fixes

- Fixed issue X
- Fixed issue Y

## ⚡ Improvements

- Performance boost
- Better mobile UX

## 🔄 Migration

\`\`\`bash
php artisan migrate
\`\`\`

## 📝 Notes

- Breaking change info
- Deprecations</pre>
            </div>
        </div>

        {{-- Publishing Info --}}
        <div class="card">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-rocket me-2" style="color:var(--clay)"></i>
                    Publishing
                </span>
            </div>
            <div class="card-body">
                <p style="font-size:.82rem;color:var(--muted);line-height:1.6;">
                    This creates a <strong>draft</strong> version. You can:
                </p>
                <ol style="font-size:.82rem;color:var(--muted);padding-left:20px;margin:0;">
                    <li>Edit the version details</li>
                    <li>Review before publishing</li>
                    <li>Click <strong>Publish</strong> to release it</li>
                </ol>
                <p style="font-size:.78rem;color:var(--muted);margin:10px 0 0 0;">
                    Publishing will update the changelog and notify properties if flags are set.
                </p>
            </div>
        </div>

    </div>
</div>

@endsection